/* Bordeaux Cahier — quelledifference.fr */
:root{--paper:#faf7f3;--accent:#70434d;--soft:#f1e9e7;--ink:#33272b;--muted:#6b595e;--line:#dfd3d0;--surface:#fffdfa}
/* 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:"Bordeaux Cahier";--serif:'Palatino Linotype','Book Antiqua',Georgia,serif;--edition-detail:#ad8681}
.site-header{border-bottom:3px double var(--line)}
.hero h1{font-family:var(--serif);font-size:clamp(42px,4.3vw,61px);line-height:1.16;letter-spacing:-1.5px}
.hero h1 em{font-style:italic}
.hero .eyebrow{letter-spacing:1.8px}
.feature{border-radius:0;padding:7px;background:var(--surface);border-color:var(--line);border-bottom:3px double var(--accent)}
.feature-caption{background:var(--surface);border-top:0;padding:20px 17px 18px}
.feature>.eyebrow{border-radius:2px;top:22px;left:22px}
.feature-caption h2{font-size:27px;line-height:1.25}
.card-art,.article-visual{border-radius:0}
.post-card h3{font-size:26px;line-height:1.25;letter-spacing:-.4px}
.section-heading{border-top:3px double var(--line);padding-top:22px}
.topics{border-block:3px double var(--line)}
.editorial-note{border-radius:0;border:0;border-top:1px solid var(--accent);border-bottom:1px solid var(--accent)}
.search-form,.search-form button{border-radius:2px}
.footer-discover{border-bottom:3px double var(--line)}
.footer-discover h2{font-style:italic}
@media(max-width:560px){.hero h1{font-size:clamp(35px,10.3vw,46px);letter-spacing:-1px}.feature{padding:5px}.feature-caption{padding:16px 12px 12px}.feature-caption h2{font-size:24px}.post-card h3{font-size:26px}}

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