/* MLAIA design C, light reading variant for the blog, wiki and legal pages.
   Load after /assets/mlaia-c.css on a page with <body class="c-page c-reading">.
   The dark C top bar, footer and contact band sit around a warm-grey reading surface.
   These pages keep their original in-article markup (post-*, article, legal-*, bl-* ...);
   this file restyles those classes with C type and tokens. Everything is scoped to body.c-reading. */

/* ---------- 1. Tokens ---------- */
body.c-reading{
  --r-col:46rem;                 /* reading column, ~68ch of IBM Plex Sans at 18px */
  --r-fs:18px; --r-lh:1.65;
  --r-red:#9b2f1c;               /* "con" cells in comparison tables, 5.9:1 on --c-bg */
  /* aliases for the legacy custom properties still used in inline style attributes */
  --bg:var(--c-bg); --white:var(--c-bg-2); --border:var(--c-rule); --navy:var(--c-fg);
  --accent:var(--c-fg); --accent2:var(--c-muted); --muted:var(--c-muted); --text:var(--c-text);
  --c-medical:var(--c-muted); --c-bi:var(--c-muted);
}
/* dark islands: nav, footer, contact band, consent, quick nav: same values as the default C tokens */
body.c-reading .c-nav,body.c-reading .c-footer,body.c-reading .site-contact,body.c-reading .site-consent,body.c-reading .site-quick-nav{
  --c-bg:#0c0e0d; --c-bg-2:#121514; --c-rule:#262b28; --c-rule-2:#6b736d;
  --c-fg:#eceee9; --c-text:#cfd4ce; --c-muted:#9ca39d;
  --c-amber:#ffb547; --c-blue:#71d4ff; --c-focus:#ffb547;
  --c-btn-bg:#eceee9; --c-btn-fg:#0c0e0d; --c-btn-hover:#ffb547;
  color:var(--c-text);
}
body.c-reading{line-height:var(--r-lh)}
body.c-reading.rtl{font-family:"Heebo",var(--c-body)}
body.c-reading.rtl :where(h1,h2,h3,h4){font-family:"Heebo",var(--c-display)}
body.c-reading :where(strong,b){font-weight:600;color:var(--c-fg)}
body.c-reading :where(em){font-style:italic}
body.c-reading :where(h1,h2,h3,h4){letter-spacing:0;text-transform:none}

/* the old custom cursor dots stay in the markup for the page script; hide them */
body.c-reading #cd,body.c-reading #cr{display:none!important}

/* ---------- 2. Nav (dark C bar) ---------- */
body.c-reading #nav.c-nav{position:relative;left:auto;width:auto;top:auto;height:auto;padding:0;backdrop-filter:none;box-shadow:none}
body.c-reading .c-nav,body.c-reading .c-nav-links{background:var(--c-bg)}
body.c-reading .c-logo{display:inline-flex;align-items:baseline;gap:12px;white-space:nowrap}
body.c-reading .c-logo__tag{font:400 11px/1 var(--c-mono);font-stretch:100%;letter-spacing:.02em;color:var(--c-muted)}
body.c-reading .c-nav-links{gap:24px}
body.c-reading .c-nav-links .c-btn{color:var(--c-btn-fg)!important}
body.c-reading .c-lang{min-height:40px;padding:0 14px;background:transparent;color:var(--c-fg);border:1px solid var(--c-rule-2);font:500 14px/1 "Heebo",var(--c-body);cursor:pointer}
body.c-reading .c-lang:hover{color:var(--c-amber);border-color:var(--c-amber)}
@media (max-width:1180px){body.c-reading .c-logo__tag{display:none}}
@media (max-width:900px){
  body.c-reading .c-nav-links{gap:0}
  body.c-reading .c-lang{margin-top:12px;min-height:44px}
}

/* ---------- 3. Skip links ---------- */
body.c-reading .skip-link.c-skip{left:110px;top:-100px;border-radius:0}
body.c-reading .skip-link.c-skip:focus{top:12px}

/* ---------- 4. Article headers ---------- */
body.c-reading .post-hero,body.c-reading .page-hero{position:relative;background:var(--c-bg);padding:72px var(--c-gutter) 48px;border-bottom:1px solid var(--c-rule);overflow:visible}
body.c-reading .post-hero::before,body.c-reading .page-hero::before{content:none}
body.c-reading .post-hero-orb,body.c-reading .post-hero-orb2,body.c-reading .page-hero-orb{display:none}
body.c-reading .post-hero-inner,body.c-reading .page-hero-inner{position:static;max-width:var(--r-col);margin:0 auto}
/* blog index: a wide graticule band like the C hero */
body.c-reading .page-hero:has(+ .blog-listing){background:
  linear-gradient(var(--c-grid) 1px,transparent 1px) 0 0/64px 64px,
  linear-gradient(90deg,var(--c-grid) 1px,transparent 1px) 0 0/64px 64px,var(--c-bg);padding:96px var(--c-gutter) 72px}
body.c-reading .page-hero:has(+ .blog-listing) .page-hero-inner{max-width:calc(var(--c-max) - 2 * var(--c-gutter))}
body.c-reading .page-hero:has(+ .blog-listing) h1{font-size:var(--c-fs-display);line-height:.88;max-width:10em}

/* kicker / category line (mono) */
body.c-reading .post-category-tag,body.c-reading .page-kicker,body.c-reading main > .category,body.c-reading .crumbs{
  display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;margin:0 0 20px;padding:0;
  font:400 var(--c-fs-label)/1.5 var(--c-mono);letter-spacing:.02em;text-transform:none;color:var(--c-muted)!important;background:none}
body.c-reading .post-category-tag::before,body.c-reading .page-kicker::before,body.c-reading main > .category::before{
  content:"";flex:none;width:10px;height:10px;background:var(--c-fg);align-self:center}
body.c-reading .crumbs{margin-bottom:28px}
body.c-reading .crumbs a{color:var(--c-muted)}
body.c-reading .crumbs a:hover{color:var(--c-amber)}
body.c-reading .crumbs span{margin:0 2px;color:var(--c-rule-2)}

/* headline */
body.c-reading .post-hero h1,body.c-reading .page-hero h1,body.c-reading main:not([class]) > h1,body.c-reading .article-header h1{
  font:800 clamp(40px,5.4vw,76px)/.95 var(--c-display);font-stretch:62%;letter-spacing:-.005em;color:var(--c-fg);
  margin:0 0 24px;max-width:18em;text-wrap:balance}
body.c-reading .page-hero p,body.c-reading .article-subtitle{font-size:var(--c-fs-lead);line-height:1.55;color:var(--c-text);max-width:40em;margin:0;font-weight:400}

/* meta: date, read time, byline */
body.c-reading .post-meta,body.c-reading main:not([class]) > .meta,body.c-reading .article-meta{
  display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;margin:0;
  font:400 13px/1.6 var(--c-mono);color:var(--c-muted);font-weight:400}
body.c-reading .post-meta span{display:inline;color:var(--c-muted)}
body.c-reading .post-meta-sep,body.c-reading .article-meta span:nth-child(even){color:var(--c-rule-2)}
body.c-reading .article-meta span{margin:0}

/* ---------- 5. Reading column ---------- */
body.c-reading .post-body,body.c-reading .legal-body{background:var(--c-bg);padding:0}
body.c-reading .post-container,body.c-reading .legal-inner,body.c-reading .legal-content,
body.c-reading main:not([class]),body.c-reading article > .container{
  max-width:calc(var(--r-col) + 2 * var(--c-gutter));margin:0 auto;padding:56px var(--c-gutter) 96px;background:none}
body.c-reading main:not([class]){padding-top:64px}
body.c-reading main:not([class]) > .meta{padding-bottom:28px;margin-bottom:8px;border-bottom:1px solid var(--c-rule)}
body.c-reading article > .container{padding-top:0}
body.c-reading .article-header{padding:64px 0 32px;border-bottom:1px solid var(--c-rule)}
body.c-reading .article-header .article-meta{margin-bottom:20px}
body.c-reading .article-body{padding:40px 0 0}
/* accessibility statement: inline wrappers */
body.c-reading div[style*="padding:0 64px"]{padding:0 var(--c-gutter)!important;background:var(--c-bg)!important}
body.c-reading div[style*="max-width:900px"]{max-width:var(--r-col)!important}
body.c-reading div[style*="padding-top:48px"]{padding:56px 0 96px!important}

/* body copy */
body.c-reading :is(.post-content,.legal-inner,.legal-content,main:not([class]) > article,.article-body,div[style*="max-width:900px"]){
  font:400 var(--r-fs)/var(--r-lh) var(--c-body);color:var(--c-text)}
body.c-reading :is(.post-content,.legal-inner,.legal-content,main:not([class]) > article,.article-body,div[style*="max-width:900px"]) :is(p,li){
  font-size:var(--r-fs);line-height:var(--r-lh);font-weight:400;color:var(--c-text);max-width:68ch}
body.c-reading :is(.post-content,main:not([class]) > article,.article-body) p,
body.c-reading :is(.legal-inner,.legal-content,div[style*="max-width:900px"]) > p{margin:0 0 1.1em}

/* headings */
body.c-reading :is(.post-content,.legal-inner,.legal-content,main:not([class]) > article,.article-body,div[style*="max-width:900px"]) h2{
  font:800 clamp(30px,3.4vw,46px)/1 var(--c-display);font-stretch:70%;color:var(--c-fg);
  margin:2em 0 .6em;padding:0;border:0;display:block;letter-spacing:0}
body.c-reading :is(.post-content,.legal-inner,.legal-content,main:not([class]) > article,.article-body,div[style*="max-width:900px"]) h3{
  font:700 clamp(22px,2vw,26px)/1.15 var(--c-display);font-stretch:85%;color:var(--c-fg);margin:1.7em 0 .5em}
body.c-reading :is(.post-content,.legal-inner,.legal-content,main:not([class]) > article,.article-body) h4{
  font:700 19px/1.3 var(--c-display);font-stretch:90%;color:var(--c-fg);margin:1.5em 0 .4em}
body.c-reading :is(.post-content,main:not([class]) > article,.article-body,.legal-content) > :is(h2,h3):first-child{margin-top:0}

/* links in text */
body.c-reading :is(.post-content,.legal-inner,.legal-content,main:not([class]) > article,.article-body,div[style*="max-width:900px"],.takeaways,.consult-note) a:not([class]){
  color:var(--c-fg);text-decoration:underline;text-decoration-color:var(--c-rule-2);text-decoration-thickness:1px;text-underline-offset:4px;border:0}
body.c-reading :is(.post-content,.legal-inner,.legal-content,main:not([class]) > article,.article-body,div[style*="max-width:900px"],.takeaways,.consult-note) a:not([class]):hover{
  color:var(--c-amber);text-decoration-color:currentColor}

/* lists */
body.c-reading :is(.post-content,.legal-inner,.legal-content,main:not([class]) > article,.article-body,div[style*="max-width:900px"]) :is(ul,ol){
  margin:0 0 1.3em;padding:0 0 0 1.4em;list-style:revert}
body.c-reading :is(.post-content,.legal-inner,.legal-content,main:not([class]) > article,.article-body,div[style*="max-width:900px"]) li{
  margin:0 0 .45em;padding:0 0 0 .2em;border:0;position:static}
body.c-reading :is(.post-content,.legal-inner,.legal-content,main:not([class]) > article,.article-body,.takeaways) li::before{content:none}
body.c-reading :is(.post-content,.legal-inner,.legal-content,main:not([class]) > article,.article-body,div[style*="max-width:900px"]) li::marker{color:var(--c-muted)}
body.c-reading :is(.post-content,main:not([class]) > article,.article-body) ol li::marker{font:400 .8em var(--c-mono)}
body.c-reading.rtl :is(.legal-inner,.legal-content,div[style*="max-width:900px"]) :is(ul,ol){padding:0 1.4em 0 0}

/* rules, quotes */
body.c-reading :is(.post-content,main:not([class]) > article,.article-body) hr{border:0;border-top:1px solid var(--c-rule);margin:3em 0}
body.c-reading :is(.post-content,main:not([class]) > article,.article-body) blockquote,body.c-reading .pullquote{
  margin:2em 0;padding:4px 0 4px 24px;border:0;border-left:3px solid var(--c-fg);border-radius:0;background:none;
  font:500 clamp(20px,1.8vw,23px)/1.5 var(--c-body);font-style:normal;color:var(--c-fg)}
body.c-reading :is(.post-content,main:not([class]) > article) blockquote p{font:inherit;color:inherit;margin:0 0 .6em}
body.c-reading :is(.post-content,main:not([class]) > article) blockquote p:last-child{margin:0}

/* code */
body.c-reading :is(.post-content,main:not([class]) > article,.article-body,.legal-inner,.legal-content) code{
  font:400 .82em/1.5 var(--c-mono);background:var(--c-bg-2);color:var(--c-fg);padding:.12em .4em;border:1px solid var(--c-rule);border-radius:0;word-break:break-word}
body.c-reading :is(.post-content,main:not([class]) > article,.article-body) pre{
  margin:1.8em 0;padding:20px 22px;background:#0c0e0d;color:#e3e7e1;border:0;border-radius:0;overflow-x:auto;
  font:400 14px/1.7 var(--c-mono);tab-size:2;-webkit-overflow-scrolling:touch}
body.c-reading :is(.post-content,main:not([class]) > article,.article-body) pre code{background:none;border:0;padding:0;color:inherit;font:inherit;word-break:normal;white-space:pre}

/* ---------- 6. Figures ---------- */
/* figures stay dark "instrument screens": their drawings were made for a dark ground */
body.c-reading figure{margin:2.2em 0;max-width:100%}
body.c-reading figure[style]{border-radius:0!important;border:0!important;margin:0 0 48px!important;background:#0c0e0d!important}
body.c-reading figure svg{display:block;width:100%;height:auto}
body.c-reading figure.infographic{padding:20px;background:#0c0e0d;border:0;border-radius:0;overflow-x:auto}
body.c-reading figcaption,body.c-reading figure.infographic figcaption{
  margin:0;padding:12px 0 0;font:400 12px/1.6 var(--c-mono);color:var(--c-muted);text-align:left}
body.c-reading figure.infographic figcaption{color:#9ca39d;padding-top:14px;border-top:1px solid #262b28;margin-top:16px}
body.c-reading :is(.post-content,main:not([class]) > article) img{max-width:100%;height:auto;display:block}

/* ---------- 7. Tables ---------- */
body.c-reading :is(.post-content,main:not([class]) > article,.article-body,.legal-inner,.legal-content) table{
  display:block;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;
  border-collapse:collapse;margin:1.8em 0 2.2em;font:400 15px/1.5 var(--c-body);color:var(--c-text);
  border-top:2px solid var(--c-fg);border-bottom:1px solid var(--c-rule)}
body.c-reading :is(.post-content,main:not([class]) > article,.article-body,.legal-inner,.legal-content) :is(th,td){
  padding:11px 14px 11px 0;text-align:left;vertical-align:top;border:0;border-bottom:1px solid var(--c-rule);background:none!important;min-width:9em}
body.c-reading :is(.post-content,main:not([class]) > article,.article-body,.legal-inner,.legal-content) th{
  font:500 11px/1.5 var(--c-mono);letter-spacing:.03em;text-transform:none;color:var(--c-muted);white-space:nowrap;background:none;padding-top:12px}
body.c-reading :is(.post-content,main:not([class]) > article,.article-body,.legal-inner,.legal-content) tr:last-child td{border-bottom:0}
body.c-reading.rtl :is(.legal-inner,.legal-content) :is(th,td){text-align:right;padding:11px 0 11px 14px}
body.c-reading :is(.label-col,.platform-name,.vendor){font-weight:600;color:var(--c-fg)!important;white-space:nowrap}
body.c-reading td.pro,body.c-reading td.outcome{color:var(--c-blue);font-size:14px}
body.c-reading td.con{color:var(--r-red);font-size:14px}
body.c-reading td.neu,body.c-reading td.risk{color:var(--c-amber);font-size:14px}

/* ---------- 8. Stats, callouts, takeaways ---------- */
body.c-reading :is(.stat-row,.stat-block){display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0;margin:2em 0 2.4em;border-top:1px solid var(--c-fg)}
body.c-reading :is(.stat,.stat-item){background:none;border:0;border-radius:0;padding:18px 18px 18px 0;text-align:left;border-bottom:1px solid var(--c-rule)}
body.c-reading :is(.stat .num,.stat-number,.stat-callout .stat-num){display:block;font:800 clamp(34px,3.4vw,46px)/1 var(--c-display);font-stretch:62%;color:var(--c-fg)!important;margin:0 0 8px;white-space:nowrap}
body.c-reading :is(.stat .label,.stat-item .stat-label){display:block;font:400 12px/1.55 var(--c-mono);color:var(--c-muted);margin:0}
body.c-reading .stat-callout{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start;margin:2em 0;padding:20px 0;background:none;border:0;border-top:1px solid var(--c-fg);border-bottom:1px solid var(--c-rule);border-radius:0}
body.c-reading .stat-callout .stat-label{font-size:16px;line-height:1.55;color:var(--c-text);font-weight:400}
body.c-reading .stat-callout .stat-label small{display:block;margin-top:6px;font:400 12px/1.5 var(--c-mono);color:var(--c-muted)}
@media (max-width:640px){body.c-reading .stat-callout{grid-template-columns:1fr;gap:8px}}

body.c-reading :is(.callout,.callout-teal,.callout-warn,.notice-box,.legal-update,.consult-note,.takeaways){
  margin:2em 0;padding:22px 24px;background:var(--c-bg-2);border:0;border-left:3px solid var(--c-fg);border-radius:0;
  font:400 17px/1.6 var(--c-body);color:var(--c-text)}
body.c-reading .callout-teal{border-left-color:var(--c-blue)}
body.c-reading .callout-warn{border-left-color:var(--c-amber)}
body.c-reading :is(.callout,.callout-teal,.callout-warn) strong{color:var(--c-fg)!important}
body.c-reading :is(.notice-box,.legal-update,.consult-note) p{font-size:17px;margin:0;color:var(--c-text)}
body.c-reading .legal-update{margin:-24px 0 48px}
body.c-reading.rtl :is(.callout,.notice-box,.legal-update,.consult-note,.takeaways){border-left:0;border-right:3px solid var(--c-fg)}
body.c-reading .takeaways{padding:26px 28px}
body.c-reading .takeaways h2{font:800 clamp(26px,2.6vw,34px)/1 var(--c-display)!important;font-stretch:70%!important;margin:0 0 16px!important}
body.c-reading .takeaways ul{margin:0;padding:0 0 0 1.3em;list-style:square}
body.c-reading .takeaways li{font-size:17px!important;padding:0!important;margin:0 0 .5em!important;border:0!important}
body.c-reading .consult-note{margin-top:3em}

/* inline CTA blocks inside articles */
body.c-reading :is(.post-cta-box,.cta,.cta-box,.site-cta-inline){
  margin:3em 0;padding:28px;background:#0c0e0d;color:#cfd4ce;border:0;border-radius:0;text-align:left;font-family:var(--c-body)}
body.c-reading :is(.post-cta-box,.cta-box) h3{font:800 clamp(26px,2.6vw,34px)/1 var(--c-display);font-stretch:70%;color:#eceee9;margin:0 0 12px}
body.c-reading :is(.post-cta-box,.cta-box,.site-cta-inline) p{font-size:17px;line-height:1.55;color:#cfd4ce;margin:0 0 20px;font-weight:400}
body.c-reading .cta strong,body.c-reading .site-cta-inline .site-cta-title{display:block;font:700 22px/1.2 var(--c-display);font-stretch:85%;color:#eceee9;margin:0 0 6px}
body.c-reading .cta br{display:none}
body.c-reading :is(.btn-p,.cta a,.cta-box a,.site-cta-btn){
  display:inline-flex;align-items:center;gap:10px;min-height:48px;margin-top:14px;padding:15px 22px;background:#eceee9;color:#0c0e0d!important;
  font:600 15px/1.2 var(--c-display);font-stretch:110%;text-decoration:none!important;border:0;border-radius:0;box-shadow:none;transform:none;cursor:pointer}
body.c-reading :is(.btn-p,.cta a,.cta-box a,.site-cta-btn):hover{background:#ffb547;color:#0c0e0d!important;transform:none;box-shadow:none}
body.c-reading :is(.post-cta-box,.cta,.cta-box,.site-cta-inline) :focus-visible{outline-color:#ffb547}

/* related-practice strip after some posts (inline-styled aside) */
body.c-reading aside[aria-label="Related MLAIA practice"]{padding:28px var(--c-gutter)!important;background:var(--c-bg-2)!important;color:var(--c-fg)!important;
  font:400 16px/1.6 var(--c-body)!important;text-align:center!important;border-top:1px solid var(--c-rule)}
body.c-reading aside[aria-label="Related MLAIA practice"] a{color:var(--c-fg)!important;font:600 16px/1.4 var(--c-display)!important;font-stretch:95%!important;text-decoration:underline;text-decoration-color:var(--c-rule-2);text-underline-offset:5px}
body.c-reading aside[aria-label="Related MLAIA practice"] a:hover{color:var(--c-amber)!important}
/* links coloured inline with the old blue */
body.c-reading a[style*="#0057ff"]{color:var(--c-fg)!important}

/* ---------- 9. Back links and post navigation ---------- */
body.c-reading .back-link,body.c-reading p.back-link a{
  display:inline-flex;align-items:center;gap:8px;min-height:44px;margin:0 0 32px;
  font:400 12px/1.4 var(--c-mono);letter-spacing:.02em;text-transform:none;color:var(--c-muted);text-decoration:none}
body.c-reading p.back-link{margin:24px 0 0;min-height:0;display:block}
body.c-reading main:not([class]) > p.back-link{margin:0 0 40px}
body.c-reading .back-link:hover,body.c-reading p.back-link a:hover{color:var(--c-amber)}
body.c-reading .post-footer-nav{margin-top:56px;padding-top:24px;border-top:1px solid var(--c-rule);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px 24px}
body.c-reading .post-footer-nav .back-link{color:var(--c-fg);font-size:13px}

/* ---------- 10. Wiki hub ---------- */
body.c-reading .wiki-toc{margin:8px 0 32px!important;padding:0!important;list-style:none!important;border-top:1px solid var(--c-fg)}
body.c-reading .wiki-toc li{padding:22px 0!important;margin:0!important;border-bottom:1px solid var(--c-rule)!important}
body.c-reading .wiki-toc li::marker{content:none}
body.c-reading .wiki-toc a.toc-title{font:700 clamp(22px,2.2vw,28px)/1.15 var(--c-display);font-stretch:85%;color:var(--c-fg);text-decoration:none;border:0}
body.c-reading .wiki-toc a.toc-title:hover{color:var(--c-amber)}
body.c-reading .wiki-toc p{margin:8px 0 0;font-size:17px}

/* ---------- 11. Legal pages ---------- */
body.c-reading .legal-meta{display:flex;flex-wrap:wrap;gap:20px 40px;margin:0 0 48px;padding:18px 0;background:none;border:0;border-top:1px solid var(--c-fg);border-bottom:1px solid var(--c-rule);border-radius:0}
body.c-reading .legal-meta-item{display:flex;flex-direction:column;gap:4px}
body.c-reading .legal-meta-label{font:400 11px/1.5 var(--c-mono);letter-spacing:.03em;text-transform:none;color:var(--c-muted)}
body.c-reading .legal-meta-value{font:500 16px/1.4 var(--c-body);color:var(--c-fg)}
body.c-reading .legal-meta-value a{color:var(--c-fg)}
body.c-reading .badge{display:inline-flex;gap:8px;align-items:center;margin:0 0 32px;padding:8px 12px;background:none;border:1px solid var(--c-rule-2);border-radius:0;font:400 12px/1.4 var(--c-mono);color:var(--c-fg)}
body.c-reading .badge::before{content:"\2713";color:var(--c-blue)}
body.c-reading .rights-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:20px 0 32px;border-top:1px solid var(--c-fg)}
body.c-reading .right-card{padding:18px 20px 18px 0;background:none;border:0;border-bottom:1px solid var(--c-rule);border-radius:0}
body.c-reading .right-card-icon{font-size:20px;margin:0 0 8px}
body.c-reading .right-card-title{font:700 19px/1.2 var(--c-display);font-stretch:90%;color:var(--c-fg);margin:0 0 6px}
body.c-reading .right-card-desc{font-size:16px;line-height:1.55;color:var(--c-text)}
@media (max-width:640px){body.c-reading .rights-grid{grid-template-columns:1fr}}
body.c-reading .site-consent-open{min-height:44px;padding:12px 18px;background:transparent;color:var(--c-fg);border:1px solid var(--c-rule-2);border-radius:0;font:600 15px/1.2 var(--c-display);font-stretch:105%;cursor:pointer}
body.c-reading .site-consent-open:hover{color:var(--c-amber);border-color:var(--c-amber)}

/* ---------- 12. Blog index ---------- */
body.c-reading .blog-listing{padding:64px var(--c-gutter) 112px;background:var(--c-bg)}
body.c-reading .bl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;max-width:calc(var(--c-max) - 2 * var(--c-gutter));margin:0 auto;
  border-top:1px solid var(--c-fg);border-left:1px solid var(--c-rule)}
body.c-reading .bl-card{display:flex;flex-direction:column;position:relative;background:none;border:0;border-right:1px solid var(--c-rule);border-bottom:1px solid var(--c-rule);border-radius:0;
  overflow:hidden;text-decoration:none;color:inherit;transform:none!important;box-shadow:none!important;transition:background .2s}
body.c-reading .bl-card::before{content:none}
body.c-reading .bl-card:hover{background:var(--c-bg-2)}
body.c-reading .bl-img{height:132px;position:relative;display:flex;align-items:flex-end;background:#0c0e0d!important;
  background-image:linear-gradient(#171b19 1px,transparent 1px),linear-gradient(90deg,#171b19 1px,transparent 1px)!important;background-size:32px 32px!important}
body.c-reading .bl-img-label{position:absolute;left:18px;bottom:14px;font:400 11px/1.4 var(--c-mono);letter-spacing:.02em;text-transform:none;color:#9ca39d}
body.c-reading .bl-body{display:flex;flex-direction:column;flex:1;padding:22px 22px 24px}
body.c-reading .bl-tag{display:flex;gap:8px;align-items:baseline;margin:0 0 12px;font:400 11px/1.5 var(--c-mono);letter-spacing:.02em;text-transform:none;color:var(--c-muted)!important}
body.c-reading .bl-tag::before{content:"";flex:none;width:8px;height:8px;background:var(--c-fg);align-self:center;border-radius:0}
body.c-reading .bl-card h2{font:700 clamp(21px,1.7vw,25px)/1.12 var(--c-display);font-stretch:85%;color:var(--c-fg);margin:0 0 12px}
body.c-reading .bl-card p{flex:1;margin:0;font-size:16px;line-height:1.55;color:var(--c-text);font-weight:400}
body.c-reading .bl-date{margin:16px 0 0;font:400 12px/1.5 var(--c-mono);color:var(--c-muted);opacity:1}
body.c-reading .bl-rm{display:inline-flex;gap:6px;align-items:center;margin:14px 0 0;font:600 15px/1.4 var(--c-display);font-stretch:95%;letter-spacing:0;text-transform:none;color:var(--c-fg)!important;
  text-decoration:underline;text-decoration-color:var(--c-rule-2);text-underline-offset:5px}
body.c-reading .bl-card:hover .bl-rm{color:var(--c-amber)!important;text-decoration-color:currentColor}
body.c-reading .bl-card:focus-visible{outline-offset:-3px}
@media (max-width:1100px){body.c-reading .bl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){body.c-reading .bl-grid{grid-template-columns:1fr}}

/* ---------- 13. Contact band (site shell) in C dark ---------- */
body.c-reading .site-contact{background:var(--c-bg);color:var(--c-text);padding:var(--c-sec) 0;font:400 17px/1.6 var(--c-body);border-top:1px solid var(--c-rule)}
body.c-reading .site-contact-inner{width:auto;max-width:var(--c-max);padding:0 var(--c-gutter);gap:var(--c-gap)}
body.c-reading .site-contact .site-contact-kicker{font:400 var(--c-fs-label)/1.5 var(--c-mono);letter-spacing:.02em;color:var(--c-muted)}
body.c-reading .site-contact h2{font:800 var(--c-fs-h2)/.92 var(--c-display);font-stretch:62%;letter-spacing:0;color:var(--c-fg);margin:0 0 28px}
body.c-reading .site-contact p{color:var(--c-text)}
body.c-reading .site-contact a{color:var(--c-fg)}
body.c-reading .site-contact a:hover{color:var(--c-amber)}
body.c-reading .site-inquiry label{font:400 12px/1.5 var(--c-mono);color:var(--c-muted)}
body.c-reading .site-inquiry input,body.c-reading .site-inquiry textarea{background:#121514;border:1px solid var(--c-rule-2);border-radius:0;color:var(--c-fg);font:400 16px/1.5 var(--c-body);padding:13px 14px}
body.c-reading .site-inquiry input:focus-visible,body.c-reading .site-inquiry textarea:focus-visible{outline:3px solid var(--c-focus);outline-offset:0}
body.c-reading .site-inquiry button{background:var(--c-btn-bg);color:var(--c-btn-fg);border-radius:0;font:600 15px/1.2 var(--c-display);font-stretch:110%;padding:15px 22px}
body.c-reading .site-inquiry button:hover{background:var(--c-btn-hover)}
body.c-reading .site-contact :focus-visible{outline:3px solid var(--c-focus);outline-offset:3px}
body.c-reading .site-inquiry-status{font:400 13px/1.5 var(--c-mono);color:var(--c-muted)}
@media (max-width:900px){body.c-reading .site-contact-inner{width:auto}}

/* ---------- 14. Footer, consent ---------- */
body.c-reading .c-footer{background:var(--c-bg);border-top:1px solid var(--c-rule)}
body.c-reading .c-footer a,body.c-reading .c-footer button{min-height:24px}
body.c-reading .c-footer :focus-visible{outline:3px solid var(--c-focus);outline-offset:3px}
body.c-reading .site-consent{background:var(--c-bg-2);color:var(--c-text);border:1px solid var(--c-rule-2);border-radius:0;box-shadow:0 16px 48px rgba(0,0,0,.4);font:400 15px/1.5 var(--c-body)}
body.c-reading .site-consent p{color:var(--c-text)}
body.c-reading .site-consent a{color:var(--c-fg)!important}
body.c-reading .site-consent button{background:var(--c-btn-bg);color:var(--c-btn-fg);border:0;border-radius:0;font:600 14px/1.2 var(--c-display);font-stretch:110%;padding:12px 16px}
body.c-reading .site-consent button:hover{background:var(--c-btn-hover)}
body.c-reading .site-consent button.secondary{background:transparent;color:var(--c-fg);box-shadow:inset 0 0 0 1px var(--c-rule-2)}
body.c-reading .site-consent button.secondary:hover{background:transparent;color:var(--c-amber);box-shadow:inset 0 0 0 1px var(--c-amber)}
body.c-reading .site-consent :focus-visible{outline:3px solid var(--c-focus);outline-offset:3px}

/* ---------- 15. Small screens ---------- */
@media (max-width:640px){
  body.c-reading{--r-fs:17px}
  body.c-reading .post-hero,body.c-reading .page-hero{padding:48px var(--c-gutter) 36px}
  body.c-reading .page-hero:has(+ .blog-listing){padding:64px var(--c-gutter) 48px}
  body.c-reading .post-container,body.c-reading .legal-inner,body.c-reading .legal-content,body.c-reading main:not([class]),body.c-reading article > .container{padding:40px var(--c-gutter) 72px}
  body.c-reading article > .container{padding-top:0}
  body.c-reading .article-header{padding-top:48px}
  body.c-reading .blog-listing{padding:40px var(--c-gutter) 72px}
  body.c-reading :is(.callout,.callout-teal,.callout-warn,.notice-box,.legal-update,.consult-note,.takeaways,.post-cta-box,.cta,.cta-box,.site-cta-inline){padding:20px}
  body.c-reading :is(.btn-p,.cta a,.cta-box a,.site-cta-btn){display:flex;justify-content:center}
}
@media print{
  body.c-reading .c-nav,body.c-reading .c-footer,body.c-reading .site-contact,body.c-reading .site-quick-nav,body.c-reading .site-consent{display:none!important}
  body.c-reading{background:#fff}
}