/* MonChezMoi editorial system: graphite ink, yellow accents, white reading surface.
   Yellow always carries dark text; small text never uses yellow on white. */
:root{
 --mcm-ink:#303030;--mcm-heading:#1d1d1b;--mcm-muted:#666666;--mcm-caption:#6b6b6b;
 --mcm-graphite:#292b2e;--mcm-accent:#f2cd32;--mcm-accent-hover:#e5bd19;
 --mcm-paper:#ffffff;--mcm-soft:#f6f6f4;--mcm-warm:#fff9e6;--mcm-line:#dcdcd7;
 --mcm-link:#343434;--mcm-focus:#805c00;
 --mcm-space-section:64px;--mcm-space-figure:36px;
}
body,body[data-page-type="catalogue"]{background:var(--mcm-paper);color:var(--mcm-ink)}
h1,h2,h3,h4,.logo{color:var(--mcm-heading)}
::selection{background:var(--mcm-accent);color:var(--mcm-heading)}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--mcm-focus);outline-offset:4px}
header,body[data-page-type="catalogue"] header{border-color:var(--mcm-line)}
header nav a{padding:7px 0;text-decoration-thickness:2px;text-decoration-color:var(--mcm-accent);text-underline-offset:7px}
header nav a:hover{color:var(--mcm-heading);text-decoration:underline}
.eyebrow>span{background:var(--mcm-accent);width:9px;height:9px}
.breadcrumb,.intro-note p,.byline,.card-meta,.sort-note,.feed-heading>span,.feed-heading .eyebrow,.category-note,.categories .eyebrow{color:var(--mcm-muted)}
.breadcrumb a:hover{color:var(--mcm-heading)}
.intro{padding-top:52px;padding-bottom:40px}
.intro .eyebrow{color:var(--mcm-graphite)}
.intro-note p{font-size:18px;line-height:1.7}
.reading-layout{padding-top:42px;padding-bottom:32px}
.reading-layout article{max-width:780px}
.reading-layout article p,.reading-layout article ul,.reading-layout article ol,.service-page p,.service-page li{color:var(--mcm-ink);font-size:18px;line-height:1.8}
.reading-layout article p{margin:0 0 22px}
.reading-layout .article-introduction p:first-child{font-size:21px;line-height:1.7;color:var(--mcm-ink)}
.reading-layout article h2{margin:var(--mcm-space-section) 0 20px;color:var(--mcm-heading);font-size:clamp(29px,2.7vw,39px);line-height:1.22;letter-spacing:-.7px}
.reading-layout article>h2:first-child,.reading-layout article>section:first-child>h2:first-child{margin-top:0}
.reading-layout article h3{margin:34px 0 14px;color:var(--mcm-heading);font-size:22px;line-height:1.4}
.reading-layout article li{margin-bottom:12px}
.reading-layout article section{margin-bottom:0;scroll-margin-top:40px}
.reading-layout article p a,.reading-layout article li a,.service-page p a,.service-page li a{color:var(--mcm-link);text-decoration:underline;text-decoration-color:var(--mcm-focus);text-decoration-thickness:1px;text-underline-offset:4px}
.reading-layout article p a:hover,.reading-layout article li a:hover,.service-page a:hover{color:var(--mcm-heading);text-decoration-thickness:2px;background:var(--mcm-warm)}
.contents .eyebrow{color:var(--mcm-muted);margin-bottom:18px}
.contents nav{gap:7px;font-size:15px}
.contents nav a{padding:10px 12px;border-left:3px solid transparent;line-height:1.5;color:var(--mcm-ink);gap:12px;text-decoration:none}
.contents nav span{color:var(--mcm-muted);font-size:12px;min-width:20px;padding-top:2px}
.contents nav a:hover{background:var(--mcm-soft)}
.contents nav a[aria-current="location"]{background:var(--mcm-warm);border-left-color:var(--mcm-accent);font-weight:600;color:var(--mcm-heading)}
.contents nav a[aria-current="location"] span{color:var(--mcm-heading)}
.hero,.reading-layout article .article-figure{background:var(--mcm-soft);border:1px solid var(--mcm-line)}
.reading-layout article .article-figure{margin:var(--mcm-space-figure) 0;border-radius:4px;overflow:hidden}
.reading-layout article figcaption{padding:14px 18px;font-size:14px;line-height:1.6;color:var(--mcm-caption);background:var(--mcm-soft);border-top:1px solid var(--mcm-line)}
.reading-layout article figcaption a{color:var(--mcm-ink);text-decoration:underline;text-underline-offset:3px}
.article-highlight,.editorial-note,.editorial-summary,.editorial-warning{background:var(--mcm-warm);color:var(--mcm-ink);border:0;border-left:4px solid var(--mcm-accent);border-radius:0;margin:36px 0;padding:24px 28px}
.reading-layout article .editorial-note p,.reading-layout article .editorial-warning p,.reading-layout article .editorial-summary p{font-size:17px;line-height:1.75;margin:0 0 16px;color:var(--mcm-ink)}
.reading-layout article .editorial-note p:last-child,.reading-layout article .editorial-warning p:last-child,.reading-layout article .editorial-summary p:last-child{margin-bottom:0}
.reading-layout article .editorial-warning{border-left-color:var(--mcm-graphite)}
.reading-layout article .editorial-summary{margin-top:56px}
.reading-layout article .editorial-summary>h2{margin:0 0 18px;padding:0;border:0;font-size:30px}
.reading-layout article .editorial-summary>h2:before{display:none}
.reading-layout article .editorial-note h3,.reading-layout article .editorial-warning h3{margin:0 0 12px;font-size:20px}
.article-next{margin:28px 0 0;padding-top:28px;border-top:3px solid var(--mcm-accent)}
.article-next .eyebrow{color:var(--mcm-muted);margin:0 0 10px}
.article-next h2{font:400 30px/1.25 Georgia,serif;margin:0 0 22px;color:var(--mcm-heading);letter-spacing:-.5px}
.article-next nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.article-next a{display:block;padding:16px 0;border-top:1px solid var(--mcm-line);color:var(--mcm-heading);font:400 20px/1.4 Georgia,serif;text-decoration:none}
.article-next a:hover{text-decoration:underline;text-decoration-color:var(--mcm-focus);text-underline-offset:4px}
.article-next small{display:block;margin-bottom:10px;font:12px/1.5 Arial,sans-serif;color:var(--mcm-muted)}
.article-next .next-arrow{display:block;color:var(--mcm-ink);font:24px/1.5 Arial,sans-serif;margin-top:10px}
footer{background:var(--mcm-soft);color:var(--mcm-ink);border-top:1px solid var(--mcm-line);padding-top:42px}
footer nav a,footer nav button{color:var(--mcm-ink)}
.back-to-top,.mobile-contents-toggle,.pagination [aria-current="page"]{background:var(--mcm-graphite);color:var(--mcm-paper);border-color:var(--mcm-graphite)}
.back-to-top:hover{background:var(--mcm-heading);color:var(--mcm-accent)}
.copy-link{color:var(--mcm-ink);border-color:var(--mcm-line)}
.copy-link:hover{color:var(--mcm-heading);border-color:var(--mcm-focus)}
.categories a{color:var(--mcm-ink);border-radius:3px}
.categories a span{color:var(--mcm-muted)}
.categories a[aria-current="page"]{background:var(--mcm-accent);color:var(--mcm-heading);box-shadow:none}
.categories a:hover{background:var(--mcm-warm)}
.feed-card{border-color:var(--mcm-line);border-radius:5px;box-shadow:none}
.feed-card p{color:var(--mcm-ink)}
.card-meta>span:nth-child(2),.read-link{color:var(--mcm-ink)}
.read-link{border-bottom:2px solid var(--mcm-accent);padding-bottom:3px}
.consent-actions button{background:var(--mcm-soft);border-color:var(--mcm-graphite);color:var(--mcm-heading)}
.consent-actions [data-consent-all],.consent-banner [data-consent-all]{background:var(--mcm-accent);color:var(--mcm-heading);border-color:var(--mcm-accent)}
.consent-actions [data-consent-all]:hover{background:var(--mcm-accent-hover)}
dialog input{accent-color:var(--mcm-graphite)}
.article-table-scroll{border-color:var(--mcm-line);scrollbar-color:var(--mcm-graphite) var(--mcm-soft)}
.article-table-scroll table,.article-table-scroll tbody td:first-child{color:var(--mcm-ink)}
.article-table-scroll th{background:var(--mcm-soft);color:var(--mcm-heading);border-bottom:2px solid var(--mcm-accent)}
.article-table-scroll td,.article-table-scroll td+td,.article-table-scroll th+th{border-color:var(--mcm-line)}
.article-table-scroll tbody tr:nth-child(even){background:#fafaf9}
.article-table-arrow{background:var(--mcm-accent);color:var(--mcm-heading);border-color:var(--mcm-focus);box-shadow:none}
.article-table-arrow:hover{background:var(--mcm-accent-hover)}
@media(min-width:851px){.contents{top:28px;max-height:calc(100dvh - 56px)}}
@media(max-width:850px){
 :root{--mcm-space-section:44px;--mcm-space-figure:28px}
 .reading-layout{padding-top:30px;padding-bottom:40px}
 .intro{padding-top:34px;padding-bottom:30px}
 .reading-layout article p,.reading-layout article ul,.reading-layout article ol{font-size:17px;line-height:1.8}
 .reading-layout article section,.reading-layout article h2,.reading-layout article h3{scroll-margin-top:86px}
 .contents.mobile-contents-ready{background:var(--mcm-paper);border-color:var(--mcm-line)}
 .contents.mobile-contents-ready>nav a[aria-current]{background:var(--mcm-warm);color:var(--mcm-heading)}
 .mobile-contents-toggle{background:var(--mcm-graphite);color:var(--mcm-paper);border-top:3px solid var(--mcm-accent)}
 .mobile-contents-caption{color:var(--mcm-accent)}
 .mobile-menu-toggle,.mobile-categories-link{color:var(--mcm-heading);background:var(--mcm-accent);border-color:var(--mcm-line)}
 .mobile-categories-link:hover{background:var(--mcm-accent-hover)}
 .back-to-top{background:var(--mcm-graphite);color:var(--mcm-paper);border-color:var(--mcm-graphite)}
 .article-next{margin-top:44px}.article-next nav{grid-template-columns:1fr;gap:0}.article-next a{padding:18px 0;font-size:21px}.article-next .next-arrow{display:inline;margin-left:12px}
 .reading-layout article .editorial-note,.reading-layout article .editorial-summary,.reading-layout article .editorial-warning{padding:22px 20px}
}
@media print{.article-next{break-inside:avoid}.contents,.back-to-top{display:none}}
/* Legacy editorial components inherit the same UI palette; illustrated colour swatches keep their authored colours. */
.editorial-section{--editorial-ink:var(--mcm-ink);--editorial-accent:var(--mcm-graphite)}
.article-highlight.highlight-terracotta,.article-highlight.highlight-sand,.article-highlight.highlight-sage,.editorial-note--sand{background:var(--mcm-warm);border-left-color:var(--mcm-accent)}
.article-scene,.article-scene:nth-of-type(even),.article-idea-grid,.visual-checklist,.visual-timeline,.visual-scale,.visual-compare article{background:var(--mcm-soft);color:var(--mcm-ink);border-color:var(--mcm-line)}
.article-highlight h3,.article-scene h3,.visual-compare h3{color:var(--mcm-heading)}
.article-idea-grid a,.visual-timeline span,.visual-checklist small{color:var(--mcm-ink)}
.article-idea-grid a span,.visual-checklist>div>span,.visual-compare article>b{background:var(--mcm-accent);color:var(--mcm-heading)}
.visual-timeline b,.section-index,.symbol{color:var(--mcm-graphite)}
article mark.editorial-mark,article mark.editorial-mark-sage,article mark.editorial-mark-terracotta,article mark.editorial-mark-sand{background:var(--mcm-warm);color:var(--mcm-ink)}
.home-plan-controls button{background:var(--mcm-soft);color:var(--mcm-ink);border-color:var(--mcm-line)}
.home-plan-controls button[aria-pressed="true"]{background:var(--mcm-graphite);color:var(--mcm-paper)}
.error-page,.error-section-note,.cleaning-joke,.error-card small{color:var(--mcm-muted)}
.error-planner{background:var(--mcm-warm);border-color:var(--mcm-line)}
.error-actions a,.error-card .error-read{color:var(--mcm-ink);border-color:var(--mcm-graphite)}
.error-actions .planner-button{background:var(--mcm-accent);color:var(--mcm-heading);border-color:var(--mcm-accent)}