/* Shared integration layer; original article layouts are retained. */
body[data-site-kind="article"]{--accent:var(--site-yellow,#FBB034);overflow-wrap:break-word;background-color:var(--site-bg,#f7f7f7)!important}
body[data-site-kind="article"] ::selection{background:#FBB034;color:#242424}
body[data-site-kind="article"] :is(a,button,summary):is(:hover,:focus-visible){color:#FBB034}
body[data-site-kind="article"] :is(a,button,input,textarea,summary):focus-visible{outline-color:#FBB034}
body[data-site-kind="article"] :is(.chapter-nav,.contents,.toc){top:calc(var(--site-header-height,64px) + env(safe-area-inset-top,0px) + 1px);background:var(--site-bg,var(--paper));z-index:5}
body[data-site-kind="article"] .progress{top:calc(var(--site-header-height,64px) + env(safe-area-inset-top,0px) + 1px);background:#FBB034}
body[data-site-kind="article"] :is(section,[id]){scroll-margin-top:calc(var(--site-header-height,64px) + 70px)}
body[data-site-kind="article"] :is(.eyebrow,.pager small){color:var(--site-muted,var(--muted))}
body[data-site-kind="article"] :is(.contents,.chapter-nav,.toc) a:is([aria-current="true"],[aria-current="location"],.active){color:#FBB034}
body[data-site-kind="article"] .skip:focus{z-index:1001}
body[data-site-kind="article"] :is(.hero,.mast){margin-inline:auto}
body[data-site-kind="article"] :is(input,textarea,select){accent-color:#FBB034}
body[data-site-kind="article"] :is(th,td,h3){color:var(--site-ink,var(--ink))}
body[data-site-kind="article"] :is(.download,[data-download="workflow"]),body[data-site-kind="article"] :is(.download,[data-download="workflow"]):is(:hover,:focus-visible){background:#FBB034;color:#242424}
body[data-site-kind="article"] .q-tabs button[aria-selected="true"]{background:#FBB034;color:#242424;border-color:#FBB034}
body[data-site-kind="article"] .process .stage-panel h3{color:#FBB034}
body[data-site-kind="article"] :is(.quiet-button,[data-download="input"],[data-download="result"]):not(:hover):not(:focus-visible){color:var(--site-ink,var(--ink))}
body[data-site-kind="article"] [role="tab"][aria-selected="true"]:not([data-question]),body[data-site-kind="article"] [data-backdrop][aria-pressed="true"]{color:var(--site-ink,var(--ink));border-color:#FBB034}
body[data-site-kind="article"] .stage-button[aria-pressed="true"]{color:#FBB034;border-color:#FBB034}
body[data-site-kind="article"] img[src$=".svg"]{background:#f7f7f7}
/* Ordinary reading controls are neutral; diagram nodes and image colors remain semantic. */
body[data-site-kind="article"] :is(.prompt-example,.lab,.math-lab,.workbench,.reason,.bench-foot,.record,.caption-version,.decision,.split-board,.outcome,.connection,.prompt-block,.downloads,.receipt,.inspector,.case-list,.phase-map,.process,th){background-color:var(--site-surface,#ededed);border-color:var(--site-line,#dedede)}
body[data-site-kind="article"] :is(input,textarea,select){background-color:var(--site-bg,#f7f7f7);color:var(--site-ink,#262626);border-color:var(--site-line,#dedede)}
body[data-site-kind="article"] :is(.prompt-example,.reason,.prompt-block){border-left-color:#FBB034}
body[data-site-kind="article"] .process,body[data-site-kind="article"] .process :is(p,h3,small,.stage-button,.step-nav,.step-nav button){color:var(--site-ink,#262626)}
body[data-site-kind="article"] .process .stage-button[aria-pressed="true"]{color:var(--site-ink,#262626);border-color:#FBB034}
body[data-site-kind="article"] .record button{color:#242424}
body[data-site-kind="article"] :is(.error-pane,.command pre){background:#252525;color:#f1f1f1}
body[data-site-kind="article"] :is(.process-head,.prompt-example small){color:var(--site-muted,#777)}
body[data-site-kind="article"] .process :is(.stage-button,.stage-panel,.step-nav button){border-color:var(--site-line,#dedede)}
:root[data-theme="dark"] body[data-site-kind="article"]{--white:var(--site-surface,#292929);--blue:#a4c4d6;--green:#a3c6b9;--red:#dfb2a7;--orange:#d4ac95;--copper:#d6b5a0;--mint:#28382e;--pink:#3b302d;--pale:#3b3528;--sky:#28373b;--peach:#3b3029}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Reading v2: one reading column; authored illustrations and lesson controls stay intact. */
body[data-article-template="reading-v2"]{--article-reading:760px;--article-opening:1060px;--article-gutter:32px;font-family:Jost,"Noto Sans SC",-apple-system,BlinkMacSystemFont,"PingFang SC","Segoe UI",sans-serif}
body[data-article-template="reading-v2"]>.hero{width:min(calc(100% - var(--article-gutter)*2),var(--article-opening));max-width:none;padding:48px 0 32px;margin:0 auto}
body[data-article-template="reading-v2"] .hero h1{font-family:inherit;font-size:clamp(30px,3.1vw,42px);font-weight:500;line-height:1.45;letter-spacing:-.025em;margin:0 0 20px;max-width:860px;text-wrap:pretty;color:var(--site-ink)}
body[data-article-template="reading-v2"] .hero h1 :is(em,span){font-family:inherit;font-style:normal;font-weight:inherit;font-size:inherit;color:inherit}
body[data-article-template="reading-v2"] .hero :is(.eyebrow,.kicker){font-size:11px;letter-spacing:.12em;line-height:1.7;color:var(--site-muted);margin:0 0 18px}
body[data-article-template="reading-v2"] .hero .dek{font-size:17px;line-height:1.9;max-width:760px;color:var(--site-muted);margin:0}
body[data-article-template="reading-v2"] .hero .meta{font-size:12px;line-height:1.8;color:var(--site-muted);margin:22px 0 0;gap:8px 0}
body[data-article-template="reading-v2"] :is(.reading,.reading-layout){display:block;width:100%;max-width:none;padding:0;margin:0 auto}
body[data-article-template="reading-v2"] main:is(.prose,.article,.essay){width:min(calc(100% - var(--article-gutter)*2),var(--article-reading));max-width:none;min-width:0;padding:0 0 64px;margin:0 auto;font-size:17px;line-height:1.95}
body[data-article-template="reading-v2"] :is(.text,.section-head,.details,.conclusion,.sources,.rule-note){max-width:none}
body[data-article-template="reading-v2"] :is(.text,.section-head){width:100%}
body[data-article-template="reading-v2"] :is(.text p,.prose>p,.essay-section>p){font-size:17px;line-height:1.95}
body[data-article-template="reading-v2"] :is(.section,.lesson,.essay-section){margin-top:48px;scroll-margin-top:calc(var(--site-header-height,64px) + 28px)}
body[data-article-template="reading-v2"] :is(.section,.lesson,.essay-section):first-child{margin-top:32px}
body[data-article-template="reading-v2"] :is(.section h2,.lesson h2,.essay-section h2){font-family:inherit;font-size:25px;font-weight:500;line-height:1.55;letter-spacing:-.015em;color:var(--site-ink)}
body[data-article-template="reading-v2"] :is(.definition,.lead,.opening p){font-size:17px;line-height:1.95}
body[data-article-template="reading-v2"] main :is(.wide,.figure,.photo,.board,.film,.editorial-image,.outcome,.route,.parameters,.process,.table-wrap,.loop,.caption-compare,.types,.clean-list,.split-board,.review-steps,.record,.summary-map,.rule-note,.pullquote,.diagram){margin-left:0;margin-right:0;width:auto;max-width:100%;min-width:0}
body[data-article-template="reading-v2"] main :is(.board,.outcome,.split-board,.record){border-radius:8px}
body[data-article-template="reading-v2"] main :is(.figure,.photo,.editorial-image,.board,.film){margin-top:28px;margin-bottom:28px}
body[data-article-template="reading-v2"] :is(figcaption,.caption,.figure-bar,.figure figcaption,.photo figcaption,.cover figcaption){font-size:12px;line-height:1.8;color:var(--site-muted)}
body[data-article-template="reading-v2"] :is(.workflow,.cover,.role-strip){width:min(calc(100% - var(--article-gutter)*2),var(--article-reading));max-width:none;padding-left:0;padding-right:0;margin-left:auto;margin-right:auto}
body[data-article-template="reading-v2"] .article-index{width:min(calc(100% - var(--article-gutter)*2),var(--article-reading));max-width:none;position:relative;inset:auto;margin:8px auto 32px;padding:0;border-block:1px solid var(--site-line);background:transparent;color:var(--site-ink)}
body[data-article-template="reading-v2"] .article-index summary{display:flex;align-items:center;gap:12px;min-height:52px;padding:12px 0;cursor:pointer;list-style:none;font-size:13px;font-weight:400;line-height:1.6}
body[data-article-template="reading-v2"] .article-index summary::-webkit-details-marker{display:none}
body[data-article-template="reading-v2"] .article-index-count{font-size:11px;color:var(--site-muted);margin-left:auto}
body[data-article-template="reading-v2"] .article-index-toggle{font-size:18px;line-height:1;transition:transform 180ms ease}
body[data-article-template="reading-v2"] .article-index[open] .article-index-toggle{transform:rotate(45deg)}
body[data-article-template="reading-v2"] .article-index nav{position:static;display:block;max-width:none;margin:0;padding:0;border:0;background:transparent}
body[data-article-template="reading-v2"] .article-index ol{display:grid;grid-template-columns:1fr 1fr;column-gap:30px;row-gap:2px;list-style:none;margin:0;padding:4px 0 20px}
body[data-article-template="reading-v2"] .article-index li{padding:0;margin:0;border:0;min-width:0}
body[data-article-template="reading-v2"] .article-index a{display:flex;align-items:baseline;gap:11px;padding:9px 0;font-size:12px;line-height:1.8;text-decoration:none;white-space:normal;color:var(--site-muted);transition:color 180ms ease}
body[data-article-template="reading-v2"] .article-index-number{font-size:10px;font-variant-numeric:tabular-nums;flex:none;color:var(--site-muted)}
body[data-article-template="reading-v2"] .article-index :is(a:hover,a:focus-visible,a[aria-current="location"],summary:hover,summary:focus-visible){color:#FBB034}
body[data-article-template="reading-v2"] .article-index a[aria-current="location"] .article-index-number{color:#FBB034}
body[data-article-template="reading-v2"] :is(.progress,.reading-progress){top:calc(var(--site-header-height,64px) + env(safe-area-inset-top,0px) + 1px);height:2px;z-index:9}
body[data-article-template="reading-v2"] .reading-progress span{background:#FBB034}
body[data-article-template="reading-v2"] :is(.photo-credit,.source-caption){color:var(--site-muted)}
body[data-article-template="reading-v2"] dialog{background:var(--site-bg);color:var(--site-ink);border:1px solid var(--site-line)}
body[data-article-template="reading-v2"] dialog::backdrop{background:rgba(0,0,0,.72)}
@media(max-width:900px){body[data-article-template="reading-v2"] .hero{grid-template-columns:minmax(0,1.65fr) minmax(140px,1fr)}body[data-article-template="reading-v2"] main .lab{grid-template-columns:1fr}body[data-article-template="reading-v2"] main .route{gap:7px}body[data-article-template="reading-v2"] main .route-cell{padding-inline:7px}}
@media(max-width:760px){body[data-article-template="reading-v2"]{--article-gutter:20px}body[data-article-template="reading-v2"]>.hero{padding:32px 0 24px;grid-template-columns:1fr}body[data-article-template="reading-v2"] .hero h1{font-size:29px;line-height:1.48;letter-spacing:-.03em}body[data-article-template="reading-v2"] .hero :is(.dek,.meta){font-size:15px}body[data-article-template="reading-v2"] .hero .meta{font-size:11px}body[data-article-template="reading-v2"] .hero-cat{max-width:220px;margin:0 auto}body[data-article-template="reading-v2"] .hero .hero-stamp{display:none}body[data-article-template="reading-v2"] main:is(.prose,.article,.essay){font-size:16px;line-height:1.95}body[data-article-template="reading-v2"] :is(.text p,.prose>p,.essay-section>p,.definition,.lead,.opening p){font-size:16px}body[data-article-template="reading-v2"] :is(.section h2,.lesson h2,.essay-section h2){font-size:23px}body[data-article-template="reading-v2"] .article-index{margin-bottom:26px}body[data-article-template="reading-v2"] .article-index ol{grid-template-columns:1fr;padding-bottom:14px}body[data-article-template="reading-v2"] .article-index a{font-size:12px;min-height:44px;padding:11px 0}body[data-article-template="reading-v2"] main .board{padding:18px 14px}body[data-article-template="reading-v2"] main .record{grid-template-columns:1fr}body[data-article-template="reading-v2"] .role-strip{gap:14px}body[data-article-template="reading-v2"] .role-strip a{font-size:12px}body[data-article-template="reading-v2"] main .process{padding:22px 16px}}
@media(prefers-reduced-motion:reduce){body[data-article-template="reading-v2"] .article-index *{transition:none!important}}
@media print{body[data-article-template="reading-v2"] .article-index{display:none}body[data-article-template="reading-v2"] main:is(.prose,.article,.essay){width:100%;padding:0}body[data-article-template="reading-v2"]>.hero{width:100%}}
/* Common metadata spacing and neutral reading surfaces. */
body[data-article-template="reading-v2"] .hero .meta{display:flex;flex-wrap:wrap;align-items:center;column-gap:16px;row-gap:6px}
body[data-article-template="reading-v2"] .hero .meta>*+*:before{content:none}
body[data-article-template="reading-v2"] :is(.definition,.hero-note,.section-head .kicker,.lesson-head>span,.essay-section .section-no){color:var(--site-muted)}
body[data-article-template="reading-v2"] main .board{background-color:var(--site-surface);border-color:var(--site-line)}
body[data-article-template="reading-v2"] .hero-cat small{color:var(--site-muted);border-color:var(--site-line)}
/* Teaching controls use the brand response, while diagrams retain their semantic palette. */
body[data-article-template="reading-v2"] .q-tabs button{background:transparent;color:var(--site-ink)}
body[data-article-template="reading-v2"] .q-tabs button[aria-selected="true"],body[data-article-template="reading-v2"] .q-tabs button[aria-selected="true"] span{background:#FBB034;color:#262626;border-color:#FBB034}
body[data-article-template="reading-v2"] .q-tabs button[aria-selected="false"] span{color:var(--site-muted)}
body[data-article-template="reading-v2"] .step-controls button[aria-pressed="true"]{color:var(--site-ink);border-color:#FBB034;background:transparent}
body[data-article-template="reading-v2"] .next-step{color:var(--site-ink);border-color:#FBB034}
body[data-article-template="reading-v2"] .next-step:is(:hover,:focus-visible){color:#FBB034}
body[data-article-template="reading-v2"] .number-grid span{color:#262626}
:root[data-theme="dark"] body[data-article-template="reading-v2"] .frame.dim:after{background:rgba(0,0,0,.38)}
body[data-article-template="reading-v2"] main details>summary{color:var(--site-ink)}
body[data-article-template="reading-v2"] main details>summary:is(:hover,:focus-visible){color:#FBB034}