/* Nordic Notes — skillnadenmellan.se */
:root{--paper:#faf9f6;--accent:#244b63;--soft:#edf2ee;--ink:#18272c;--muted:#526269;--line:#dce3dc;--surface:#ffffff}
/* Small edition-specific details layered after the audited shared theme. */
.hero{gap:clamp(32px,5vw,76px)}
.feature,.post-card,.editorial-note{transition:border-color .15s ease,box-shadow .15s ease}
.feature:focus-visible,.post-card a:focus-visible{outline-offset:5px}
.article-visual{aspect-ratio:2 / 1}
.article-visual img{height:100%;width:100%;object-fit:contain}
.article-content :is(.mellan-short-answer,.mellan-tool,.mellan-activity){border-color:var(--line)}
.topics{border-color:var(--line)}
.site-footer{background:var(--soft)}
.footer-discover h2{line-height:1.2}
@media(max-width:1100px) and (min-width:701px){.hero{gap:32px}}
@media(max-width:700px){.hero{grid-template-columns:minmax(0,1fr)}.hero .feature{max-width:none;margin-top:28px}.hero-intro{max-width:560px}}
@media(max-width:560px){.hero h1{font-size:clamp(34px,10vw,45px);line-height:1.12;letter-spacing:-1.2px}.hero .feature{box-shadow:none}.site-footer .footer-discover h2{font-size:clamp(26px,8vw,34px)}.article-header h1{letter-spacing:-.9px}.cards{row-gap:30px}}
@media(prefers-reduced-motion:reduce){.feature,.post-card,.editorial-note{transition:none}}

/* Direct answer and accountable editorial byline. */
.article-content :is(.mellan-quick-answer,.mellan-short-answer){background:var(--soft);border-left:3px solid var(--accent);padding:22px 25px;margin:26px 0 30px;border-radius:0 7px 7px 0}
.article-content :is(.mellan-quick-answer,.mellan-short-answer) h2{font-size:20px;line-height:1.35;margin:0 0 10px}
.article-content :is(.mellan-quick-answer,.mellan-short-answer) p:last-child{margin-bottom:0}
.article-lead :is(.quick-answer,.mellan-quick-answer,.mellan-short-answer){margin-top:0;margin-bottom:28px}
.article-meta a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:560px){.article-content :is(.mellan-quick-answer,.mellan-short-answer){padding:18px}.article-lead :is(.quick-answer,.mellan-quick-answer,.mellan-short-answer){margin-bottom:22px}}

:root{--edition:"Nordic Notes";--edition-detail:#a6bfba}
.hero{padding-block:66px 52px}
.hero h1{letter-spacing:-2px;line-height:1.13}
.hero .eyebrow{letter-spacing:1.8px}
.feature{border-radius:18px;border-color:var(--line)}
.feature-caption{background:var(--surface);padding:23px 25px}
.feature>.eyebrow{border-color:transparent}
.card-art,.article-visual{border-radius:14px}
.hero .search-form{border-radius:30px;padding-left:20px}
.hero .search-form button{border-radius:23px}
.topics{border:0;background:var(--soft);border-radius:12px;padding:21px}
.editorial-note{border:0;border-radius:16px;background:var(--soft)}
.footer-discover .eyebrow{color:var(--accent)}
@media(max-width:560px){.hero{padding-block:36px 30px}.hero h1{font-size:clamp(35px,10.3vw,45px);letter-spacing:-1.2px}.hero .search-form{border-radius:12px;padding-left:14px}.hero .search-form button{border-radius:8px}.feature-caption{padding:18px}.topics{padding:17px}.card-art,.article-visual{border-radius:12px}}

@media(max-width:700px){.hero{grid-template-columns:minmax(0,1fr)}}
