/* NEDIA newspaper redesign (2026-11). Visual layer only: type, rules, spacing, layout
   of existing blocks. No text, links, titles or structure change. Active only when
   <html> has class "ndx" (preview cookie now; always-on after owner approval). */
html.ndx{--nx-ink:#111;--nx-sub:#555;--nx-faint:#8a8a8a;--nx-rule:#111;--nx-line:#d9d9d9;--nx-soft:#f4f3ef;--nx-red:#b3121b;--nx-serif:"Noto Serif KR","Nanum Myeongjo","AppleMyungjo","Batang",serif;--nx-sans:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif}
html.ndx body{font-family:var(--nx-sans)!important;color:var(--nx-ink);background:#fff!important;-webkit-font-smoothing:antialiased}

/* ---------- Top bars: quieter so the masthead leads ---------- */
html.ndx .nrServiceBar{min-height:0!important}
html.ndx .nrServiceBarInner{min-height:34px!important;font-size:12px!important}
html.ndx .nrDesktopMenu{border-bottom:1px solid var(--nx-line)!important}
html.ndx .nrDesktopMenuRow{min-height:40px!important}
html.ndx .nrDesktopMenuRow>*{font-size:13px!important}

/* ---------- Masthead ---------- */
html.ndx .nrHeader{border-bottom:0!important;background:#fff!important}
html.ndx .nrMast{padding-top:22px!important;padding-bottom:14px!important;border-bottom:4px double var(--nx-rule)!important}
html.ndx .nrEdition{font-family:var(--nx-serif)!important;color:var(--nx-sub)!important;letter-spacing:.02em}
html.ndx .nrEdition strong,html.ndx .nrEdition b{color:var(--nx-ink)!important}
html.ndx .nrHeaderSearch input{border:0!important;border-bottom:1px solid var(--nx-rule)!important;border-radius:0!important;background:transparent!important}

/* ---------- Section navigation ---------- */
html.ndx .nrNavWrap{border-bottom:1px solid var(--nx-rule)!important}
html.ndx .nrNav a,html.ndx .nrCommonMenu a{font-weight:700!important;color:var(--nx-ink)!important;letter-spacing:-.01em}
html.ndx .nrNav a.is-current,html.ndx .nrNav a[aria-current],html.ndx .nrCommonMenu a.is-current,html.ndx .nrCommonMenu a[aria-current]{color:var(--nx-red)!important}
html.ndx .nrCommonMenuRow,html.ndx .nrReaderSections{border-bottom:1px solid var(--nx-line)!important}

/* ---------- Headlines: serif, tight, black ---------- */
html.ndx :is(.nrLeadStory,.nrStory,.nrArticleHead,.nrSectionHead,.nrDigestHeading,.nrFrontSide) :is(h1,h2,h3){font-family:var(--nx-serif)!important;font-weight:900!important;letter-spacing:-.035em!important;color:var(--nx-ink)!important;word-break:keep-all}
html.ndx .nrStory h3,html.ndx .nrStory h2{font-weight:700!important;line-height:1.38!important}
html.ndx .nrStoryLink:hover :is(h2,h3),html.ndx .nrStory a:hover :is(h2,h3){text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
html.ndx .nrEyebrow,html.ndx .nrKind{color:var(--nx-red)!important;font-weight:800!important;letter-spacing:.08em!important}
html.ndx .nrStoryMeta,html.ndx .nrCardAuthor{color:var(--nx-faint)!important;font-size:12px!important}
html.ndx .nrStoryText{color:var(--nx-sub)!important}

/* ---------- Front page: lead story + ruled columns ---------- */
html.ndx .nrFront{gap:0!important;border-bottom:1px solid var(--nx-rule)!important;padding-bottom:28px!important}
html.ndx .nrFrontLead{padding-right:32px!important;border-right:1px solid var(--nx-line)!important}
html.ndx .nrFrontSide{padding-left:32px!important;border-left:0!important}
html.ndx .nrLeadStory h2,html.ndx .nrLeadStory h1{font-size:clamp(28px,3.1vw,42px)!important;line-height:1.24!important;margin-top:14px!important}
html.ndx .nrLeadStory img{width:100%!important;height:auto!important;max-height:none!important;border-radius:0!important}
html.ndx .nrLeadStory .nrStoryImage{width:100%!important;max-width:none!important;border-radius:0!important}
html.ndx .nrStoryNumber{font-family:var(--nx-serif)!important;color:var(--nx-red)!important;font-weight:900!important}
html.ndx .nrStory{border-radius:0!important;box-shadow:none!important}
html.ndx .nrStoryImage,html.ndx .nrStory img{border-radius:0!important}

/* Section headers: thick rule above, serif title */
html.ndx .nrSectionHead,html.ndx .nrDigestHeading{border-top:3px solid var(--nx-rule)!important;border-bottom:1px solid var(--nx-line)!important;padding-top:12px!important;padding-bottom:10px!important}
html.ndx .nrSectionHead :is(h2,h3),html.ndx .nrDigestHeading :is(h2,h3){font-size:22px!important}
html.ndx .nrDigestGrid>*{border-left:1px solid var(--nx-line);padding-left:18px}
html.ndx .nrDigestGrid>*:first-child{border-left:0;padding-left:0}
html.ndx .nrDigestSection h3{font-family:var(--nx-serif)!important;font-weight:900!important;border-bottom:2px solid var(--nx-rule)!important;padding-bottom:6px}
html.ndx .nrStoryGrid{column-gap:0!important}
html.ndx .nrStoryGrid>.nrStory{border-left:1px solid var(--nx-line);padding-left:20px!important;padding-right:20px!important}
html.ndx .nrStoryGrid>.nrStory:nth-child(3n+1){border-left:0;padding-left:0!important}
html.ndx .nrMarketEntry{border-radius:0!important;border-left:4px solid var(--nx-red)!important;background:var(--nx-soft)!important}
html.ndx .nrMarketEntry :is(h2,h3,strong){font-family:var(--nx-serif)!important}

/* ---------- Article page ---------- */
html.ndx .nrArticleHead{border-bottom:1px solid var(--nx-rule)!important;padding-bottom:20px!important}
html.ndx .nrArticleHead h1{font-size:clamp(28px,3.2vw,44px)!important;line-height:1.26!important}
html.ndx .nrArticleSummary{font-family:var(--nx-serif)!important;font-weight:700!important;color:#333!important;font-size:18px!important;line-height:1.7!important}
html.ndx .nrByline{font-size:13px!important;color:var(--nx-sub)!important}
html.ndx :is(.nrReadingBody,.nrHtmlReadingBody){font-size:18px!important;line-height:1.9!important;color:#1d1d1d!important}
html.ndx :is(.nrReadingBody,.nrHtmlReadingBody) :is(h2,h3){font-family:var(--nx-serif)!important;font-weight:900!important;letter-spacing:-.03em}
html.ndx :is(.nrReadingBody,.nrHtmlReadingBody) blockquote{border-left:3px solid var(--nx-rule)!important;font-family:var(--nx-serif)!important;background:transparent!important}
html.ndx :is(.nrReadingBody,.nrHtmlReadingBody) figcaption{font-size:13px!important;color:var(--nx-sub)!important;border-bottom:1px solid var(--nx-line);padding-bottom:8px}
html.ndx .nrBreadcrumb{font-size:12px!important;color:var(--nx-faint)!important}
html.ndx .nrAuthorBox{border-top:2px solid var(--nx-rule)!important;border-radius:0!important;background:transparent!important}
html.ndx .nrArticleTags a{border-radius:0!important}

/* ---------- Footer ---------- */
html.ndx .nrFooter{border-top:4px double var(--nx-rule)!important}
html.ndx .nrFooterLogo{font-family:var(--nx-serif)!important}

/* ---------- Mobile ---------- */
@media(max-width:820px){
 html.ndx .nrFrontLead{padding-right:0!important;border-right:0!important;border-bottom:1px solid var(--nx-rule);padding-bottom:20px!important}
 html.ndx .nrFrontSide{padding-left:0!important}
 html.ndx .nrDigestGrid>*{border-left:0;padding-left:0}
 html.ndx .nrStoryGrid>.nrStory{border-left:0;padding-left:0!important;padding-right:0!important;border-bottom:1px solid var(--nx-line)}
 html.ndx .nrLeadStory h2,html.ndx .nrLeadStory h1{font-size:26px!important}
 html.ndx .nrArticleHead h1{font-size:27px!important}
 html.ndx :is(.nrReadingBody,.nrHtmlReadingBody){font-size:17px!important}
 html.ndx .nrMast{padding-top:12px!important;padding-bottom:10px!important}
}

/* Lead photo: show the whole image at full column width */
html.ndx .nrLeadStory .nrStoryImage{aspect-ratio:auto!important;height:auto!important;background:transparent!important}
html.ndx .nrLeadStory .nrStoryImage img{position:static!important;width:100%!important;height:auto!important;object-fit:contain!important}

/* Priority strip: flat newspaper "notice" band instead of a floating card */
html.ndx .nedia-priority{border:0!important;border-top:1px solid var(--nx-rule)!important;border-bottom:1px solid var(--nx-line)!important;border-radius:0!important;box-shadow:none!important;background:#fff!important}
html.ndx .nedia-priority-heading h2{font-family:var(--nx-serif)!important;font-weight:900!important;font-size:18px!important}
html.ndx .nedia-priority :is(article,li,a){border-radius:0!important;box-shadow:none!important}
html.ndx .nedia-priority button{border-radius:0!important}