/* Shared magazine detail styles; homepage layout stays independent. */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500&family=Plus+Jakarta+Sans:wght@400;500;600&display=swap');
.detail-page h1:lang(ko),.detail-story h1:lang(ko),.article-reader h1:lang(ko){word-break:keep-all}
.detail-longform article{max-width:880px!important}
:root{--detail-paper:#f7f5f0;--detail-ink:#19232b;--detail-muted:#6d6a63;--detail-rule:#dedbd3}
.detail-header{box-sizing:border-box;max-width:1440px;margin:auto;padding:24px 36px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--detail-rule);background:var(--detail-paper);color:var(--detail-ink)}
.detail-header .detail-brand{font:normal 38px/1 Georgia,serif;letter-spacing:-.04em;text-decoration:none;color:inherit}
.detail-header nav{display:flex;flex-wrap:wrap;gap:22px;font:12px/1.6 system-ui,sans-serif;letter-spacing:.025em}
.detail-header nav a{text-decoration:none;color:inherit}.detail-header a[aria-current=page]{text-decoration:underline;text-underline-offset:5px}
.detail-page{background:var(--detail-paper);color:var(--detail-ink);font:17px/1.9 system-ui,sans-serif;margin:0}
.detail-page main{max-width:880px;margin:auto;padding:56px 36px 88px}
.detail-page h1,.detail-story h1,.article-reader h1{font-family:'Playfair Display',Georgia,serif;font-size:clamp(32px,4vw,50px);font-weight:400;line-height:1.24;letter-spacing:-.025em;text-wrap:balance;overflow-wrap:anywhere}
.detail-page h2,.detail-story article h2{font:normal 28px/1.4 'Playfair Display',Georgia,serif;margin:42px 0 18px;text-wrap:balance}
.detail-page .deck{font-size:19px;line-height:1.85;color:var(--detail-muted);margin:24px 0}
.detail-page .meta,.detail-page small,.detail-page figcaption{font:12px/1.8 system-ui,sans-serif;color:var(--detail-muted)}
.detail-page figure{margin:34px 0 40px}.detail-page figure img,.detail-page video{width:100%;display:block;aspect-ratio:16/9;object-fit:cover}.detail-page figcaption{margin-top:10px}
.detail-page section p{line-height:1.95;overflow-wrap:break-word}.detail-page .take{background:#eeeae2;border:0;border-left:2px solid #8e9186;padding:24px 28px;margin:40px 0}
.detail-page .sources,.detail-page footer{border-top:1px solid var(--detail-rule);padding-top:24px;margin-top:40px}.detail-page .related{gap:24px}.detail-page .related img{aspect-ratio:4/3;object-fit:cover}
.detail-page button{font:13px/1.4 system-ui,sans-serif;padding:12px 20px;border:1px solid var(--detail-ink);background:var(--detail-ink);color:var(--detail-paper);cursor:pointer}
.detail-page nav[aria-label=Share]{gap:18px;align-items:center;border-block:1px solid var(--detail-rule);padding:14px 0}
.detail-page a:focus-visible,.detail-story a:focus-visible,.detail-header a:focus-visible{outline:2px solid #8d6942;outline-offset:5px}
.detail-story{background:var(--detail-paper)}.detail-story article{max-width:1180px;margin:auto}.detail-story article p{line-height:1.9}.detail-story article img{max-width:100%}
.article-reader{background:var(--detail-paper)!important;padding:0!important}.article-reader>div{max-width:none!important;min-height:100vh;margin:0!important;border:0!important;box-shadow:none!important}.article-reader .reader-bar{padding-inline:max(24px,calc((100vw - 1180px)/2));height:76px}.article-reader .reader-body{max-width:880px;padding:48px 36px 72px}.article-reader .reader-copy{font:17px/1.95 system-ui,sans-serif}.reader-copy h2{margin:40px 0 16px;line-height:1.4}.reader-copy h3{margin:28px 0 14px}.reader-copy img{max-width:100%;height:auto;display:block;margin:28px auto}.reader-copy iframe,.reader-copy video{width:100%;max-width:100%;aspect-ratio:16/9}.reader-copy figure{margin:28px 0}.reader-copy a{overflow-wrap:anywhere;text-underline-offset:4px}.reader-copy table{display:block;overflow:auto;max-width:100%}.reader-copy p{overflow-wrap:break-word}
#collection{padding-top:40px}#collection>div:first-child{border-top:0;padding-top:0}#collection>p{font-size:16px;line-height:1.9;margin-bottom:32px}#collection .article-card img{flex-shrink:0}#collection .article-card h3{text-wrap:balance;overflow-wrap:anywhere}#collection nav[aria-label="Culture sections"]{border-bottom:1px solid var(--detail-rule);padding-bottom:20px}#collection nav a{padding-block:6px}
#newsletter p,#newsletter h2,#newsletter h3{overflow-wrap:break-word;text-wrap:pretty}#newsletter>div>div:first-child{grid-column:1/-1;max-width:760px}#newsletter>div>div:first-child ul{display:none}#newsletter>div>div:nth-child(2){order:3}#newsletter>div>div:nth-child(3){order:2;grid-column:auto;border:1px solid #ffffff33;padding:28px}#newsletter>div>div:nth-child(3)>a{display:block;text-align:center}#newsletter>div{gap:32px}#newsletter h2{font-size:clamp(30px,3vw,44px);line-height:1.3}
@media(max-width:640px){.detail-header{padding:22px 20px;gap:20px;flex-wrap:wrap}.detail-header .detail-brand{font-size:32px}.detail-header nav{gap:16px;font-size:11px}.detail-page main{padding:32px 22px 60px}.detail-page h1,.detail-story h1,.article-reader h1{font-size:32px;line-height:1.3}.detail-page .deck{font-size:17px}.detail-page h2{font-size:24px}.detail-page .related{grid-template-columns:1fr}.article-reader .reader-body{padding:32px 22px 56px}.article-reader .reader-copy{font-size:16px;line-height:1.95}#collection{padding-top:28px}#newsletter>div{padding:36px 22px}#newsletter>div>div:nth-child(2),#newsletter>div>div:nth-child(3){padding:24px}}
@media(prefers-reduced-motion:reduce){.article-card img{transition:none!important;transform:none!important}}

/* One editorial grid for every category, independent of the homepage. */
#collection{padding-top:52px;padding-bottom:72px}
#collection>.flex{margin-bottom:18px;align-items:baseline}
#collection>.flex h2{font-size:clamp(38px,5vw,64px);line-height:1.08;letter-spacing:-.035em}
#collection>p{max-width:760px;font-size:16px;line-height:1.9;margin-bottom:38px}
.collection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 32px;align-items:stretch}
.collection-grid:empty{display:none}
.collection-grid>.article-card{display:flex;flex-direction:column;min-width:0;width:100%;height:100%;padding:0 0 24px;border-bottom:1px solid #dedbd3;background:transparent;color:#19232b;text-decoration:none;text-align:left}
.collection-grid>.article-card>img,.collection-grid>.article-card>div:first-child{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;margin:0 0 22px;flex-shrink:0;overflow:hidden}
.collection-grid>.article-card>div:first-child img{width:100%;height:100%;object-fit:cover}
.collection-grid>.article-card>p:first-of-type{font:11px/1.5 'Plus Jakarta Sans',sans-serif;letter-spacing:.12em;color:#76726a;margin:0 0 12px}
.collection-grid>.article-card>h3{font-size:clamp(24px,2.4vw,32px);line-height:1.35;font-weight:400;letter-spacing:-.02em;word-break:keep-all;overflow-wrap:break-word;min-height:2.7em;margin:0 0 14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.collection-grid>.article-card>p:nth-of-type(2){font-size:14px;line-height:1.9;color:#6d6a63;min-height:5.7em;margin:0 0 22px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-break:keep-all;overflow-wrap:break-word}
.collection-grid>.article-card>span:last-child,.collection-grid>.article-card>p:nth-of-type(3){font-size:12px;line-height:1.5;margin-top:auto;padding-top:0}
.collection-grid>.article-card:focus-visible{outline:2px solid #19232b;outline-offset:8px}
@media(min-width:768px){
.collection-grid>.article-card:only-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);column-gap:48px;align-content:center;padding-bottom:36px}
.collection-grid>.article-card:only-child>img,.collection-grid>.article-card:only-child>div:first-child{grid-column:1;grid-row:1/6;margin:0;align-self:center;aspect-ratio:4/3}
.collection-grid>.article-card:only-child>p,.collection-grid>.article-card:only-child>h3,.collection-grid>.article-card:only-child>span{grid-column:2;min-height:0;align-self:start}
.collection-grid>.article-card:only-child>p:first-of-type{align-self:end;margin-top:28px}
.collection-grid>.article-card:only-child>h3{font-size:clamp(28px,3vw,42px);-webkit-line-clamp:4}
.collection-grid>.article-card:only-child>p:nth-of-type(2){font-size:16px;-webkit-line-clamp:5}
.collection-grid>.article-card:only-child>span:last-child,.collection-grid>.article-card:only-child>p:nth-of-type(3){margin-top:4px;margin-bottom:28px}
}
@media(max-width:767px){#collection{padding-top:32px;padding-bottom:48px}.collection-grid{grid-template-columns:1fr;gap:34px}.collection-grid>.article-card>h3{font-size:26px;min-height:0}.collection-grid>.article-card>p:nth-of-type(2){min-height:0}.collection-grid>.article-card>img,.collection-grid>.article-card>div:first-child{aspect-ratio:16/10}#collection>p{font-size:14px;margin-bottom:28px}}

/* Readable navigation and generous targets for all ages. */
.magazine-header>div:first-child{min-height:88px;height:auto;padding-top:10px;padding-bottom:10px;gap:20px}
.magazine-header nav a,.magazine-header nav button{min-height:44px;display:flex;align-items:center;font-size:16px;line-height:1.5;color:#19232b}
.magazine-header nav[aria-label="Main navigation"]{font-size:16px;letter-spacing:.025em;gap:20px}
.magazine-header #culture-menu{width:280px}
.magazine-header #culture-menu a{font-size:17px;padding:12px 14px}
.magazine-header>div:first-child>div:last-child{gap:12px}
.magazine-header>div:first-child>div:last-child>button{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}
.magazine-header>div:first-child>div:last-child>a{font-size:16px;font-weight:500;line-height:1.5;min-height:44px;display:flex;align-items:center;padding:4px 0;border-bottom:0;text-decoration:underline;text-underline-offset:6px;white-space:nowrap}
.magazine-header nav[aria-label="Expanded navigation"] a{font-size:18px}
[aria-label="Language"] button,.detail-header nav a{font-size:16px;min-height:44px;display:inline-flex;align-items:center;color:#363c3b;padding:4px 5px}
#collection nav[aria-label="Culture sections"]{gap:12px 24px}
#collection nav[aria-label="Culture sections"] a{font-size:18px;min-height:44px;display:inline-flex;align-items:center;color:#19232b}
.magazine-header a:focus-visible,.magazine-header button:focus-visible,[aria-label="Language"] button:focus-visible{outline:2px solid #19232b;outline-offset:4px}
@media(max-width:639px){.magazine-header>div:first-child{min-height:80px;padding-left:16px;padding-right:16px;gap:8px}.magazine-header>div:first-child>button:first-child{font-size:29px}.magazine-header>div:first-child>div:last-child{gap:4px}.magazine-header>div:first-child>div:last-child>a{font-size:15px}.magazine-header nav[aria-label="Expanded navigation"] a{font-size:18px}.detail-header{gap:12px}.detail-header nav{gap:12px}}