/* London Ledger — whatsdifferent.co.uk */
:root{--paper:#faf9f6;--accent:#243f55;--soft:#edf1f4;--ink:#18272c;--muted:#526269;--line:#d8dfe3;--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:"London Ledger";--edition-detail:#b96d56}
.site-header{border-top:4px solid var(--accent)}
.hero h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-2px}
.hero h1 em{font-style:normal;font-weight:600}
.hero .eyebrow:before{content:'';display:inline-block;width:22px;height:3px;vertical-align:middle;background:var(--edition-detail);margin-right:10px}
.feature{border-radius:3px;border-bottom:4px solid var(--accent)}
.feature-caption{padding:22px 24px}
.card-art,.article-visual{border-radius:3px}
.post-card h3{font-family:Georgia,'Times New Roman',serif}
.category-label{letter-spacing:1.5px}
.section-heading{padding-top:18px;border-top:1px solid var(--accent)}
.editorial-note{border-radius:3px;border-left:4px solid var(--accent)}
.search-form{border-radius:3px}.search-form button{border-radius:2px}
.footer-discover{border-top:3px solid var(--accent)}
@media(max-width:560px){.hero h1{font-size:clamp(34px,10.4vw,45px);letter-spacing:-1.1px}.feature-caption{padding:18px}.section-heading{padding-top:14px}}

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