/* Selected concept 03: quiet cool masthead, serif name, sans reading system. */
@font-face{font-family:NotesSans;src:url('/assets/fonts/PretendardVariable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:NotesMasthead;src:url('/assets/fonts/NotoSerifKR-Wordmark.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
:root{--ink:#20282d;--muted:#5b6871;--rule:#dde4e5;--teal:#176f79;--notes-masthead:#f3f7f7;--notes-width:1200px}
body{font-family:NotesSans,'Malgun Gothic',sans-serif;font-size:19px;font-weight:400;background:#fff;color:var(--ink)}
main{width:min(var(--notes-width),calc(100% - 80px))}
.site-header{width:100%;padding:0;border:0}
.masthead{position:relative;display:flex;justify-content:center;text-align:center;align-items:center;min-height:156px;padding:24px 190px;background:var(--notes-masthead);isolation:isolate}
.masthead:before,.masthead:after{content:'';position:absolute;top:40px;width:21%;height:66px;z-index:-1;opacity:.22;background:repeating-linear-gradient(0deg,transparent 0 11px,#a9c9cd 11px 12px);border-top:1px solid #a9c9cd;border-bottom:1px solid #a9c9cd;pointer-events:none}
.masthead:before{left:0;mask-image:linear-gradient(to right,#000,transparent)}.masthead:after{right:0;mask-image:linear-gradient(to left,#000,transparent)}
.brand{font-family:NotesMasthead,Georgia,'Batang',serif;font-size:38px;line-height:1.4;font-weight:600;letter-spacing:-.04em;white-space:normal;text-decoration:none;color:#20282d}
.masthead p{font-size:17px;margin:7px 0 0;line-height:1.5;color:var(--muted);letter-spacing:-.015em}
.search-link{position:absolute;right:max(40px,calc((100% - var(--notes-width))/2));bottom:20px;font-size:15px;gap:8px}
.language-switch{position:absolute;top:18px;right:max(40px,calc((100% - var(--notes-width))/2));display:flex;gap:11px;align-items:center;font-size:13px;color:#6a787e}
.language-switch a{padding:5px 0;min-height:32px;text-decoration:none}.language-switch [aria-current]{color:var(--teal);font-weight:700}.language-switch span{color:#9ba9ad}
.main-nav{width:min(var(--notes-width),calc(100% - 80px));margin-inline:auto;justify-content:center;border-top:0;gap:0 30px;min-height:59px;flex-wrap:nowrap}
.main-nav a{position:relative;font-size:16px;font-weight:600;padding:17px 0;min-height:58px}.main-nav [aria-current]:after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--teal)}
.headlines{margin-top:27px}.section-heading{padding-bottom:12px;border-bottom:1px solid #8d9da3;margin-bottom:22px}.section-heading :is(h1,h2){font-size:28px;line-height:1.4;font-weight:700;letter-spacing:-.03em}.section-heading>span,.section-heading>a{font-size:14px}
.magazine-home .headline-grid{grid-template-columns:1.06fr 1fr;gap:30px}.magazine-home .headline-lead h2{font-size:40px;line-height:1.35;font-weight:700;letter-spacing:-.045em;margin:15px 0 13px}.magazine-home .headline-lead>p{font-size:19px;line-height:1.85}.magazine-home .headline-lead .cover-credit{font-size:13px;line-height:1.65;margin-top:12px}.magazine-home .headline-secondary article{grid-template-columns:43% minmax(0,1fr);gap:22px}.magazine-home .headline-secondary h2{font-size:23px;line-height:1.45;font-weight:650}.magazine-home .headline-secondary p{font-size:16px;line-height:1.8;color:var(--muted)}.magazine-home .headline-secondary .kind{font-size:14px}
.reading-row h3,.feature-card h3{font-size:24px;line-height:1.5;font-weight:650}.reading-row p,.feature-card p{font-size:17px;line-height:1.85}.reading-row .meta,.meta{font-size:14px;line-height:1.7}.feature-article .article-head h1,.plain h1{font-size:42px;font-weight:700;line-height:1.45;letter-spacing:-.04em}.feature-article .article-head .lead{font-size:21px;line-height:1.85}.article-copy{font-size:19px;line-height:1.9}.article-copy p{line-height:1.9}.article-copy h2{font-size:28px;line-height:1.5}.editorial-photo figcaption p{font-size:15px}.editorial-photo .photo-source{font-size:14px}
.translation-notice{border-left:3px solid #96b8bb;background:#f3f7f7;color:#4c6269;font-size:15px;line-height:1.8;padding:15px 20px;margin:26px 0}.lab-english-name{font-size:17px;font-weight:650;margin:-5px 0 18px!important;color:#263c39}html[lang=en] :is(h1,h2,h3,p,li){word-break:normal}html[lang=en] .main-nav{gap:0 21px}html[lang=en] .main-nav a{font-size:14px}html[lang=en] .headline-lead h2{font-size:36px}html[lang=en] .headline-secondary h2{font-size:22px}html[lang=en] .feature-article .article-head h1{font-size:39px}
@media(max-width:1050px){main,.main-nav{width:calc(100% - 48px)}.main-nav{gap:0 22px;justify-content:flex-start;overflow-x:auto;scrollbar-width:thin}.main-nav a{flex:none;font-size:15px}.magazine-home .headline-grid{gap:24px}.magazine-home .headline-lead h2{font-size:34px}.magazine-home .headline-secondary h2{font-size:21px}.magazine-home .headline-secondary article{grid-template-columns:40% minmax(0,1fr);gap:18px}.magazine-home .headline-secondary p{font-size:15px}.search-link,.language-switch{right:24px}}
@media(max-width:760px){main,.main-nav{width:calc(100% - 36px)}.masthead{min-height:142px;padding:36px 45px 38px}.brand{font-size:30px}.masthead p{font-size:14px;margin-top:6px}.language-switch{top:5px;right:18px;font-size:12px;gap:9px}.search-link{bottom:2px;right:18px;min-height:32px;font-size:13px}.search-link svg{width:15px;height:15px}.masthead:before,.masthead:after{width:12%;height:48px;top:56px;opacity:.17}.main-nav{gap:0 23px;min-height:48px}.main-nav a{font-size:15px;min-height:48px;padding:13px 0}.headlines{margin-top:22px}.section-heading :is(h1,h2){font-size:24px}.section-heading{margin-bottom:19px}.magazine-home .headline-grid{grid-template-columns:1fr;gap:27px}.magazine-home .headline-lead h2,html[lang=en] .headline-lead h2{font-size:30px;line-height:1.4;margin:13px 0 10px}.magazine-home .headline-lead>p{font-size:17px;line-height:1.85}.magazine-home .headline-secondary article{grid-template-columns:112px minmax(0,1fr);gap:17px}.magazine-home .headline-secondary h2,html[lang=en] .headline-secondary h2{font-size:20px;line-height:1.5}.magazine-home .headline-secondary p{font-size:14px;line-height:1.8}.magazine-home .headline-secondary .kind{font-size:12px}.reading-row h3,.feature-card h3{font-size:20px}.reading-row p,.feature-card p{font-size:16px}.reading-row .meta{font-size:13px}.feature-article .article-head h1,html[lang=en] .feature-article .article-head h1,.plain h1{font-size:30px;line-height:1.45}.feature-article .article-head .lead{font-size:18px}.article-copy{font-size:17px}.article-copy h2{font-size:24px}.translation-notice{font-size:14px;padding:13px 16px}.lab-english-name{font-size:16px}html[lang=en] .brand{font-size:28px}html[lang=en] .main-nav a{font-size:14px}}
@media(max-width:360px){.masthead{padding-inline:25px}.brand{font-size:28px}.masthead p{font-size:13px}html[lang=en] .brand{font-size:25px}.magazine-home .headline-secondary article{grid-template-columns:95px minmax(0,1fr);gap:13px}.magazine-home .headline-secondary h2{font-size:19px}}
