/* Content-first editorial system for published study records. */

.record-list{display:grid;grid-template-columns:minmax(0,1fr);gap:46px;padding-bottom:42px;min-width:0}
.record-card{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(380px,.88fr);width:100%;min-width:0;min-height:500px;border-block:1px solid #172b3e;background:#f4f5f6;overflow:hidden}
.record-media{position:relative;display:block;min-height:500px;overflow:hidden;background:#e9eaec;color:#fff}
.record-media img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center 5%;filter:saturate(.82) contrast(1.035);transition:transform .45s,filter .3s}
.record-media:after{content:"";position:absolute;inset:auto 0 0;height:35%;background:linear-gradient(transparent,#101926b8);pointer-events:none}
.record-figure-no,.record-figure-caption{position:absolute;z-index:1;font-size:15px;font-weight:700;letter-spacing:.08em;text-shadow:0 1px 8px #0008}
.record-figure-no{top:20px;left:22px;padding:7px 10px;background:#10283ee6}
.record-figure-caption{left:22px;bottom:20px}
.record-figure-placeholder{position:absolute;inset:0;display:grid;place-items:center;color:#43515f;font-size:28px;font-weight:720}
.record-copy{display:flex;flex-direction:column;min-width:0;padding:34px 38px 30px;background:#10273f;color:#f8fafc}
.record-topline{display:flex;justify-content:space-between;gap:20px;padding-bottom:17px;border-bottom:1px solid #ffffff4a;font-size:15px;font-weight:650;letter-spacing:.055em;color:#c3d6e8}
.record-topline time{white-space:nowrap}
.record-copy h2{font-size:clamp(35px,3.6vw,53px);font-weight:780;line-height:1.22;letter-spacing:-.045em;margin:28px 0 24px;color:#fff;word-break:keep-all}
.record-copy h2 a:hover{color:#fff}
.record-topics{display:flex;flex-wrap:wrap;gap:0;list-style:none;padding:0;margin:0 0 24px;color:#dce8f2;font-size:15px;line-height:1.65}
.record-topics li{display:flex;align-items:center}
.record-topics li+li:before{content:"·";margin:0 9px;color:#7ea1bf}
.record-index-title{padding:17px 0 20px;border-top:1px solid #ffffff2e}
.record-index-title>span{display:block;font-size:15px;font-weight:700;letter-spacing:.1em;color:#86a9c5;margin-bottom:7px}
.record-index-title p{font-size:17px;font-weight:600;line-height:1.65;color:#f2f5f8;word-break:keep-all}
.record-action{display:flex;justify-content:space-between;align-items:center;margin-top:auto;min-height:60px;padding:0 17px;border:1px solid #89a9c2;background:#fff;color:#10273f;font-size:17px;font-weight:750;transition:background .2s,color .2s}
.record-action span{font-size:24px;font-weight:400}

.subject-record-head{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:end;padding:38px 0 30px;border-bottom:1px solid #15293b}
.subject-record-head h1{font-size:clamp(42px,4vw,56px);font-weight:760;line-height:1.18;letter-spacing:-.05em;margin:11px 0 12px}
.subject-record-head p{max-width:720px;font-size:17px;line-height:1.8;color:#53606b;word-break:keep-all;overflow-wrap:anywhere}
.subject-record-count{display:flex;align-items:flex-end;gap:24px;color:#183e60}
.subject-record-count>div{display:flex;flex-direction:column;align-items:flex-end}
.subject-record-count>div+div{padding-left:24px;border-left:1px solid #bdc7cf}
.subject-record-count strong{font-size:50px;line-height:.9;font-weight:750;letter-spacing:-.06em}
.subject-record-count span{font-size:15px;font-weight:750;letter-spacing:.06em;margin-top:11px;white-space:nowrap}
.subject-record-count .is-related{color:#64717c}
.subject-shelf-tools{display:flex;justify-content:flex-end;padding:22px 0 0;font-size:15px;color:#596672}
.subject-primary-empty{padding:34px 0 42px;border-bottom:1px solid #d5dce2;color:#68747e}
.subject-primary-empty span,.subject-related-reading>header>span{font-size:15px;font-weight:750;letter-spacing:.09em;color:#3c6889}
.subject-primary-empty p{margin-top:9px;font-size:16px;line-height:1.7}
.subject-related-reading{padding-top:39px}
.subject-related-reading>header{max-width:720px}
.subject-related-reading>header h2{margin:8px 0 9px;font-size:29px;line-height:1.4;letter-spacing:-.04em}
.subject-related-reading>header p{font-size:16px;line-height:1.75;color:#596672;word-break:keep-all}
.subject-related-reading .record-shelf-grid{padding-top:25px}

.record-shelf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 25px;padding:30px 0 54px;min-width:0}
.record-tile{display:grid;grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);width:100%;max-width:100%;min-width:0;overflow:hidden;border:1px solid #cbd3da;background:#f7f8f8;color:#172839;transition:transform .22s,box-shadow .22s}
.record-tile-media{position:relative;display:block;min-height:340px;overflow:hidden;background:#e7eaec;color:#fff;border-right:1px solid #cbd3da}
.record-tile-media:after{content:"";position:absolute;inset:auto 0 0;height:34%;background:linear-gradient(transparent,#0c1c2ba8);pointer-events:none}
.record-tile-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 7%;filter:saturate(.8) contrast(1.035);transition:transform .35s,filter .25s}
.record-tile-figure{position:absolute;z-index:1;left:15px;top:15px;padding:5px 8px;background:#10283ee8;font-size:15px;font-weight:720;letter-spacing:.07em}
.record-tile-placeholder{position:absolute;inset:0;display:grid;place-items:center;color:#43515f;font-size:22px;font-weight:700}
.record-tile-copy{display:flex;flex:1;flex-direction:column;padding:20px 20px 18px;min-width:0}
.record-tile-meta{display:flex;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid #d6dce1;color:#536778;font-size:15px;font-weight:650;line-height:1.5}
.record-tile-meta time{white-space:nowrap}
.record-tile h2{min-width:0;font-size:23px;font-weight:720;line-height:1.45;letter-spacing:-.035em;margin:17px 0 11px;word-break:keep-all;overflow-wrap:anywhere}
.record-tile h2 a{display:block;min-width:0;overflow-wrap:anywhere}
.record-tile-copy>p{color:#596672;font-size:15px;line-height:1.75;word-break:keep-all;overflow-wrap:anywhere}
.record-tile-topics{display:flex;flex-wrap:wrap;gap:6px 12px;list-style:none;margin:17px 0 20px;padding:0;color:#375d7c;font-size:15px;line-height:1.5}
.record-tile-topics li+li:before{content:"·";margin-right:12px;color:#90a4b4}
.record-tile-action{display:flex;justify-content:space-between;align-items:center;min-height:48px;margin-top:auto;padding-top:13px;border-top:1px solid #9eacb7;font-size:16px;font-weight:720;color:#183e60}
.record-tile-action span{font-size:20px;font-weight:400}

.subject-index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #1b2d3f}
.subject-index-item{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:13px;min-height:76px;padding:13px 15px;border-bottom:1px solid #d8dee3;color:#182431;transition:background .2s,padding .2s}
.subject-index-item:nth-child(3n+2),.subject-index-item:nth-child(3n+3){border-left:1px solid #d8dee3}
.subject-index-item>span{font-size:15px;font-weight:750;letter-spacing:.06em;color:#27618f}
.subject-index-item>strong{font-size:18px;line-height:1.45;font-weight:680;word-break:keep-all}
.subject-index-count{display:flex;flex-direction:column;align-items:flex-end;gap:3px}
.subject-index-count b{font-size:15px;font-weight:700;color:#6b7680}
.subject-index-count small{font-size:15px;line-height:1.35;color:#356587;white-space:nowrap}
.subject-index-item.is-inactive{color:#70777e;background:#fafafa}
.subject-index-item.is-inactive>span,.subject-index-item.is-inactive .subject-index-count b{color:#9aa1a7}
.directory-heading{padding-top:25px}
.directory-heading>span{font-size:48px;font-weight:300;color:#2b5e86}

.article-feature{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr);width:100%;min-width:0;margin-top:30px;border-block:1px solid #15293b;background:#10273f;min-height:610px;overflow:hidden}
.article-feature-visual{display:flex;flex-direction:column;min-width:0;background:#eceff1}
.article-feature-visual .image-open{position:relative;flex:1;min-height:555px;padding:0;background:#eceff1;overflow:hidden;color:#fff}
.article-feature-visual .image-open img{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover;object-position:center 4%;filter:saturate(.82) contrast(1.035)}
.article-feature-visual .image-open:after{content:"";position:absolute;inset:auto 0 0;height:34%;background:linear-gradient(transparent,#101926c2)}
.article-feature-visual .image-open>b{position:absolute;right:22px;bottom:18px;z-index:2;font-size:15px;letter-spacing:0;font-weight:650}
.article-feature-visual>p{padding:12px 17px;font-size:15px;line-height:1.55;color:#58636d;background:#f6f7f8;overflow-wrap:anywhere}
.article-feature-copy{display:flex;flex-direction:column;min-width:0;padding:38px 42px 34px;color:#f4f7fa}
.article-feature-copy h1{font-size:clamp(40px,4vw,58px);font-weight:780;line-height:1.28;letter-spacing:-.05em;margin:34px 0 21px;color:#fff;word-break:keep-all}
.article-feature-copy .article-deck{font-size:17px;line-height:1.8;color:#d4e0ea}
.article-subjects{display:flex;flex-wrap:wrap;gap:8px 19px;margin-top:22px;font-size:15px;line-height:1.65;color:#9eb8ce}
.article-subjects span{display:flex;flex-wrap:wrap;gap:7px}
.article-subjects a{color:#fff;border-bottom:1px solid #ffffff80;text-decoration:none}
.article-scope{margin-top:30px;padding-top:18px;border-top:1px solid #ffffff42}
.article-scope>span{font-size:15px;font-weight:720;color:#8fb0cb}
.article-scope ul{display:flex;flex-wrap:wrap;gap:8px 20px;list-style:none;margin:13px 0 0;padding:0;font-size:15px;line-height:1.6;color:#f5f7fa}
.article-scope li{position:relative;padding-left:12px}
.article-scope li:before{content:"";position:absolute;left:0;top:.72em;width:4px;height:4px;background:#8fb0cb}
.article-feature-copy .article-byline{margin-top:auto;padding-top:28px;color:#c3d3e1}
.article-feature+.reader-layout{margin-top:60px}

.neighbor{display:grid;grid-template-columns:180px repeat(5,minmax(0,1fr));gap:0;padding:34px 0 52px;border-top:1px solid #172b3e}
.neighbor>span{padding:12px 18px 12px 0;font-size:15px;font-weight:750;letter-spacing:.08em;color:#596672}
.neighbor a{display:flex!important;justify-content:space-between;gap:12px!important;min-height:70px!important;padding:12px 15px!important;border:0!important;border-left:1px solid #d5dce2!important;color:#172b3e!important;font-size:16px!important}
.neighbor a b{font-size:20px;font-weight:400;color:#32698f}

@media(hover:hover){
  .record-media:hover img{transform:scale(1.025);filter:saturate(.95) contrast(1.035)}
  .record-action:hover{background:#cfe2f1;color:#0b2237}
  .subject-index-item:not(.is-inactive):hover{padding-left:21px;background:#eef4f8}
  .record-tile:hover{transform:translateY(-4px);box-shadow:0 10px 24px #10273f17}.record-tile:hover .record-tile-media img{transform:scale(1.025);filter:saturate(.92) contrast(1.035)}
  .neighbor a:hover{background:#eef4f8}
}
@media(max-width:1050px){
  .record-card{grid-template-columns:1fr 1fr}.record-copy{padding:29px 30px 27px}.record-copy h2{font-size:39px}
  .article-feature{grid-template-columns:1fr 1fr}.article-feature-copy{padding:32px}.article-feature-copy h1{font-size:42px}
  .subject-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.subject-index-item:nth-child(3n+2),.subject-index-item:nth-child(3n+3){border-left:0}.subject-index-item:nth-child(2n){border-left:1px solid #d8dee3}
  .record-shelf-grid{grid-template-columns:minmax(0,760px)}
  .neighbor{grid-template-columns:150px repeat(3,minmax(0,1fr))}.neighbor a:nth-of-type(4){border-left:150px solid transparent}
}
@media(max-width:760px){
  .record-list{gap:32px}
  .record-card{grid-template-columns:minmax(0,1fr);max-width:100%;min-height:0}.record-media{min-height:0;aspect-ratio:1.18}.record-copy{max-width:100%;padding:25px 22px 23px}.record-copy h2{font-size:35px;margin:23px 0 19px;word-break:normal;overflow-wrap:anywhere}.record-topline{flex-direction:column;gap:5px;font-size:15px}.record-topics{font-size:15px}.record-index-title p{font-size:16px;word-break:normal;overflow-wrap:anywhere}.record-action{min-height:56px}
  .subject-record-head{grid-template-columns:minmax(0,1fr);width:100%;min-width:0;padding:28px 0 23px;gap:18px}.subject-record-head>div{width:100%;min-width:0}.subject-record-head h1{font-size:39px}.subject-record-head p{width:100%;max-width:100%;font-size:16px;line-height:1.75;word-break:normal;overflow-wrap:anywhere;white-space:normal}.subject-record-count{align-items:baseline;gap:16px}.subject-record-count>div{flex-direction:row;align-items:baseline;gap:9px}.subject-record-count>div+div{padding-left:16px}.subject-record-count strong{font-size:40px}.subject-record-count span{margin-top:0;white-space:normal}.record-shelf-grid{grid-template-columns:minmax(0,1fr);gap:25px;padding:25px 0 42px}.record-tile{grid-template-columns:minmax(0,1fr)}.record-tile-media{min-height:0;aspect-ratio:1.55;border-right:0;border-bottom:1px solid #cbd3da}.record-tile-copy{padding:19px 18px 17px}.record-tile h2{font-size:22px;word-break:normal}.record-tile-copy>p{word-break:normal}.record-tile-meta{display:grid;grid-template-columns:minmax(0,1fr) auto}.record-tile-meta>span{min-width:0;overflow-wrap:anywhere}.subject-shelf-tools{padding-top:16px}.subject-primary-empty{padding:27px 0 34px}.subject-related-reading{padding-top:32px}.subject-related-reading>header h2{font-size:26px}.subject-related-reading>header p{word-break:normal}.article-subjects{gap:7px 15px}
  .subject-index-grid{grid-template-columns:1fr}.subject-index-item:nth-child(2n){border-left:0}.directory-heading>span{font-size:42px}
  .article-feature{grid-template-columns:minmax(0,1fr);width:calc(100% + 44px);max-width:calc(100% + 44px);margin:22px -22px 0;min-height:0;border-bottom:0}.article-feature-visual,.article-feature-copy{width:100%;min-width:0}.article-feature-visual .image-open{min-height:0;aspect-ratio:1.05}.article-feature-visual>p{width:100%;padding:11px 22px;word-break:normal;overflow-wrap:anywhere}.article-feature-copy{padding:28px 22px 30px}.article-feature-copy h1{font-size:36px;margin:27px 0 17px;word-break:normal;overflow-wrap:anywhere}.article-feature-copy .article-deck{font-size:16px;word-break:normal;overflow-wrap:anywhere}.article-feature-copy .article-byline{margin-top:30px}.article-feature+.reader-layout{margin-top:38px}
  .neighbor{grid-template-columns:1fr 1fr}.neighbor>span{grid-column:1/-1}.neighbor a,.neighbor a:nth-of-type(4){border-left:0!important;border-top:1px solid #d5dce2!important;word-break:normal;overflow-wrap:anywhere}.neighbor a:nth-of-type(even){border-left:1px solid #d5dce2!important}
}
@media(max-width:600px){.neighbor{grid-template-columns:1fr}.neighbor a:nth-of-type(even){border-left:0!important}}
@media(max-width:480px){.record-copy h2{font-size:31px}.article-feature-copy h1{font-size:33px}}

/* Cross-subject reference desk: concepts keep their academic home without becoming manuscripts. */
.concept-index-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.72fr);gap:52px;align-items:stretch;padding:30px 0 26px;border-bottom:1px solid #172b3e}
.concept-index-head .page-head{height:100%;margin:0;padding:20px 0 28px;border:0}
.zero-class-ticket{display:flex;flex-direction:column;padding:27px 29px;background:#10273f;color:#f6f9fb;min-height:260px}
.zero-class-ticket>span{font-size:15px;font-weight:750;letter-spacing:.1em;color:#91b2cc}
.zero-class-ticket>strong{font-size:29px;line-height:1.35;letter-spacing:-.035em;margin:29px 0 12px;word-break:keep-all}
.zero-class-ticket>p{font-size:16px;line-height:1.75;color:#cbd9e4;word-break:keep-all}
.zero-class-ticket>b{display:flex;justify-content:space-between;margin-top:auto;padding-top:22px;border-top:1px solid #ffffff42;font-size:16px}
.concept-jumps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:26px 0 10px;border-block:1px solid #172b3e}
.concept-jumps a{display:flex;align-items:center;gap:15px;min-height:64px;padding:12px 18px;font-size:16px;font-weight:680}
.concept-jumps a+a{border-left:1px solid #d0d8df}.concept-jumps span{color:#27618f;font-size:19px;font-weight:450}
.concept-group{padding:58px 0 18px;scroll-margin-top:96px}
.concept-group>header{display:grid;grid-template-columns:68px 1fr;gap:20px;align-items:start;margin-bottom:25px}
.concept-group>header>span{font-size:48px;line-height:1;font-weight:300;color:#2b5e86}
.concept-group>header h2{font-size:31px;line-height:1.3;letter-spacing:-.04em;margin:6px 0 7px}.concept-group>header p:last-child{font-size:16px;color:#5c6872}
.concept-grid,.subject-concept-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #172b3e}
.concept-card{min-width:0;border-bottom:1px solid #ccd4db}.concept-card:nth-child(3n+2),.concept-card:nth-child(3n+3){border-left:1px solid #ccd4db}
.concept-card>a{display:flex;flex-direction:column;min-height:245px;padding:22px 22px 19px;background:#f6f8f9;transition:background .2s,padding .2s}
.concept-card-subject{font-size:15px;font-weight:730;letter-spacing:.06em;color:#386786}
.concept-card h3{font-size:25px;line-height:1.35;letter-spacing:-.035em;margin:24px 0 13px;word-break:keep-all}
.concept-card h3 small,.concept-reading-steps h2 small,.search-result h2 small{display:block;font-size:15px;line-height:1.5;font-weight:550;letter-spacing:.015em;color:#617384;overflow-wrap:anywhere}
.concept-card p{font-size:15px;line-height:1.75;color:#596672;word-break:keep-all;overflow-wrap:anywhere}
.concept-card b{display:flex;justify-content:space-between;margin-top:auto;padding-top:18px;font-size:15px;color:#183e60}
.subject-concepts{padding:34px 0 38px;border-bottom:1px solid #172b3e}
.subject-concepts>header{display:grid;grid-template-columns:160px 1fr auto;gap:20px;align-items:end;margin-bottom:22px}
.subject-concepts>header>span{font-size:15px;font-weight:750;letter-spacing:.09em;color:#3c6889}
.subject-concepts>header h2{font-size:28px;line-height:1.35;letter-spacing:-.035em}.subject-concepts>header p{margin-top:5px;font-size:15px;color:#5d6973}
.subject-concepts>header>a{font-size:15px;font-weight:700;color:#245c82}.subject-concept-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.subject-concept-grid .concept-card:nth-child(3n+2),.subject-concept-grid .concept-card:nth-child(3n+3){border-left:0}.subject-concept-grid .concept-card+.concept-card{border-left:1px solid #ccd4db}
.subject-concept-grid .concept-card>a{min-height:220px;padding:19px}.subject-concept-grid .concept-card h3{font-size:22px;margin-top:18px}

.concept-entry-head{position:relative;margin-top:30px;padding:42px 46px 40px;background:#10273f;color:#f6f9fb;overflow:hidden}
.concept-entry-head:after{content:"";position:absolute;right:-70px;top:-95px;width:260px;height:260px;border:1px solid #90b1cb4d;border-radius:50%}
.concept-entry-number{font-size:15px;font-weight:750;letter-spacing:.11em;color:#91b2cc}.concept-entry-head>p:not(.concept-entry-summary){margin-top:35px;font-size:15px;font-weight:700;color:#a9c0d3}
.concept-entry-head h1{font-size:clamp(50px,7vw,78px);line-height:1.12;letter-spacing:-.065em;margin:5px 0 5px;color:#fff;position:relative;z-index:1}
.concept-entry-head>strong{display:block;font-size:18px;line-height:1.5;font-weight:520;color:#adc5d7;overflow-wrap:anywhere}
.concept-entry-summary{max-width:650px;margin-top:30px;padding-top:20px;border-top:1px solid #ffffff42;font-size:20px;line-height:1.75;font-weight:590;word-break:keep-all;position:relative;z-index:1}
.concept-subjects{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:24px;font-size:15px;color:#9fb8cb;position:relative;z-index:1}.concept-subjects span{display:flex;flex-wrap:wrap;gap:7px}.concept-subjects a{color:#fff;border-bottom:1px solid #ffffff80}
.concept-levels{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;margin:0;padding:0;border:1px solid #bfcbd4;border-top:0;counter-reset:none}
.concept-levels li{position:relative;padding:14px 12px;text-align:center;font-size:15px;color:#6b7781;background:#f6f8f9}.concept-levels li+li{border-left:1px solid #cbd4db}.concept-levels li[aria-current="step"]{background:#dbe9f2;color:#123653;font-weight:750}.concept-levels li[aria-current="step"]:after{content:"현재 개념";display:block;margin-top:3px;font-size:15px;color:#2e6388}
.concept-definition{padding:38px 0 8px}.concept-definition>section{display:grid;grid-template-columns:155px 210px 1fr;gap:25px;padding:34px 0;border-top:1px solid #bfc8cf}
.concept-definition>section>span{font-size:15px;font-weight:740;letter-spacing:.07em;color:#37688b}.concept-definition h2{font-size:25px;line-height:1.4;letter-spacing:-.035em}.concept-definition>section>p{font-size:18px;line-height:1.95;color:#303b44;word-break:keep-all}
.concept-sources ol{grid-column:2/-1;list-style:none;margin:0;padding:0}.concept-sources li+li{margin-top:18px;padding-top:18px;border-top:1px solid #d7dde2}.concept-sources li>a{font-size:17px;font-weight:700;color:#1f587e}.concept-sources li p{margin-top:5px;font-size:15px;line-height:1.65;color:#65717b;overflow-wrap:anywhere}.concept-sources>p{grid-column:2/-1;font-size:15px!important;line-height:1.7!important;color:#65717b!important}
.concept-in-reading,.concept-related{padding:43px 0 15px;border-top:1px solid #172b3e}.concept-in-reading>h2{font-size:29px;margin:8px 0 0}.concept-in-reading .record-shelf-grid{grid-template-columns:minmax(0,760px)}
.concept-related .concept-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.concept-related .section-head{margin-bottom:22px}
.trail-foundation{background:#edf4f8;padding-inline:20px}.zero-class-note{margin:-5px 0 30px;padding:20px 23px;border-left:5px solid #2d648a;background:#edf4f8;font-size:16px;line-height:1.75;color:#334957}
.concept-reading-steps{list-style:none;margin:0;padding:0;border-top:1px solid #172b3e;counter-reset:concept-step}.concept-reading-steps li{border-bottom:1px solid #cbd4db}.concept-reading-steps a{display:grid;grid-template-columns:130px minmax(190px,.7fr) 1fr auto;gap:22px;align-items:center;min-height:132px;padding:23px 18px;transition:background .2s,padding .2s}.concept-reading-steps a>span{font-size:15px;font-weight:730;color:#356484}.concept-reading-steps h2{font-size:24px;line-height:1.35;letter-spacing:-.035em}.concept-reading-steps p{font-size:15px;line-height:1.7;color:#5d6973;word-break:keep-all}.concept-reading-steps b{font-size:15px;color:#214f70;white-space:nowrap}.zero-class-finish{margin:35px 0 55px;padding:25px 27px;background:#10273f;color:#dbe7ef;font-size:17px;line-height:1.8}.zero-class-finish a{color:#fff;border-bottom:1px solid #ffffff80;font-weight:750}
.search-result-concept{border-left:5px solid #2d648a;padding-left:18px}

@media(hover:hover){.concept-card>a:hover{background:#e8f1f6;padding-left:27px}.concept-reading-steps a:hover{background:#edf4f8;padding-left:25px}.zero-class-ticket:hover{background:#173753}}
@media(max-width:1050px){
  .concept-index-head{grid-template-columns:1fr 340px;gap:30px}.concept-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.concept-card:nth-child(3n+2),.concept-card:nth-child(3n+3){border-left:0}.concept-card:nth-child(2n){border-left:1px solid #ccd4db}
  .subject-concept-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.subject-concept-grid .concept-card+.concept-card{border-left:0}.subject-concept-grid .concept-card:nth-child(2n){border-left:1px solid #ccd4db}
  .concept-definition>section{grid-template-columns:130px 190px 1fr}.concept-reading-steps a{grid-template-columns:105px minmax(180px,.7fr) 1fr}.concept-reading-steps b{display:none}
}
@media(max-width:760px){
  .concept-index-head{grid-template-columns:minmax(0,1fr);gap:0;padding-top:15px}.concept-index-head .page-head{padding-bottom:22px}.zero-class-ticket{min-height:245px;margin:0 -22px;padding:25px 22px}.zero-class-ticket>strong{font-size:26px;margin-top:24px}
  .concept-jumps{grid-template-columns:1fr;margin-top:22px}.concept-jumps a+a{border-left:0;border-top:1px solid #d0d8df}.concept-jumps a{min-height:56px}
  .concept-group{padding-top:43px}.concept-group>header{grid-template-columns:45px 1fr;gap:13px}.concept-group>header>span{font-size:39px}.concept-group>header h2{font-size:27px}.concept-grid,.subject-concept-grid{grid-template-columns:minmax(0,1fr)}.concept-card:nth-child(2n),.subject-concept-grid .concept-card:nth-child(2n){border-left:0}.concept-card>a,.subject-concept-grid .concept-card>a{min-height:0;padding:20px 17px}.concept-card h3,.subject-concept-grid .concept-card h3{font-size:23px;margin:17px 0 9px}.concept-card b{margin-top:17px}
  .subject-concepts{padding:28px 0 32px}.subject-concepts>header{grid-template-columns:1fr;gap:7px;align-items:start}.subject-concepts>header h2{font-size:25px}.subject-concepts>header>a{margin-top:6px}
  .concept-entry-head{margin:22px -22px 0;padding:31px 22px 30px}.concept-entry-head>p:not(.concept-entry-summary){margin-top:27px}.concept-entry-head h1{font-size:50px}.concept-entry-head>strong{font-size:17px}.concept-entry-summary{font-size:18px;margin-top:24px}.concept-levels{margin:0 -22px;grid-template-columns:repeat(2,1fr)}.concept-levels li:nth-child(3){border-left:0}.concept-levels li:nth-child(n+3){border-top:1px solid #cbd4db}
  .concept-definition{padding-top:25px}.concept-definition>section{grid-template-columns:minmax(0,1fr);gap:8px;padding:27px 0}.concept-definition h2{font-size:24px}.concept-definition>section>p{font-size:17px;line-height:1.9;word-break:normal}.concept-sources ol,.concept-sources>p{grid-column:auto}.concept-sources ol{margin-top:8px}
  .concept-related{padding-top:35px}.concept-related .concept-grid{grid-template-columns:minmax(0,1fr)}.concept-in-reading>h2{font-size:26px}
  .trail-foundation{padding-inline:0}.zero-class-note{margin-top:-8px}.concept-reading-steps a{grid-template-columns:1fr;gap:7px;min-height:0;padding:21px 5px}.concept-reading-steps h2{font-size:23px}.concept-reading-steps h2 small{margin-top:2px}.concept-reading-steps p{word-break:normal}.zero-class-finish{margin-inline:-22px;padding:23px 22px}
}