/* Shared identity for React pages and the standalone support map. */
:root{
 --manual-ink:#1c2021;--manual-text:#292f30;--manual-muted:#5d6263;
 --manual-canvas:#f7f7f6;--manual-surface:#fff;--manual-border:#dededb;
 --manual-soft:#fff3e9;--manual-accent:#a84200;--manual-accent-hover:#843400;
 --manual-orange:#f4770b;--manual-on-dark:#ffb578;--manual-stroke:#acaaa4;
 --manual-reference-border:#d6a480;--manual-shadow:0 8px 28px rgb(28 32 33 / .055);
 --primary:var(--manual-accent);--ring:var(--manual-accent);
 --background:var(--manual-canvas);--foreground:var(--manual-text);
 --card:var(--manual-surface);--border:var(--manual-border);
 --screen-border:var(--manual-border);--blue:var(--manual-accent);
 --ink:var(--manual-text);--red:var(--manual-accent);
}
body{background:var(--manual-canvas);color:var(--manual-text)}
::selection{background:#f9d7bc;color:var(--manual-ink)}
body :is(button,a,input,select,textarea,[role=tab]):focus-visible{
 outline:2px solid var(--manual-accent);outline-offset:4px;
}
body :where(input,textarea,select){accent-color:var(--manual-accent)}
body .portal,body .manual-page,body .standalone-paths,body .trail-page{color:var(--manual-text)}
body .portal-main{padding-top:40px}
body .portal-intro>h1,body .trail-header h1,body .manual-page h1,body .screen-heading h1{color:var(--manual-ink);letter-spacing:-.035em}
body .portal-intro>p,body .subtitle{color:var(--manual-muted);line-height:1.75}
body .portal-card,body .content-card,body .source-card,body .trail-card,body .prereq-reader,body .gloss-detail,body .screen-reader{border-radius:8px}
body .portal-card{box-shadow:0 2px 8px rgb(28 32 33 / .025)}
body .portal-card:hover{box-shadow:var(--manual-shadow)}
body .portal-card-featured{border-top:3px solid var(--manual-orange)}
body .portal-card-featured :is(p,.portal-card-action,.portal-card-top){color:var(--manual-on-dark)}
body .portal-card-featured h2{color:#fff}
body .portal-footer,body .page-footer{color:var(--manual-muted);border-color:var(--manual-border)}
body .trail-return,body .path-return{align-items:center;gap:10px 22px}
body .trail-return>a,body .path-return>a,body .return-home,body .return-branch{color:var(--manual-muted);text-decoration:none;font-weight:550}
body .trail-return>a:hover,body .path-return>a:hover,body .return-home:hover,body .return-branch:hover{color:var(--manual-accent);text-decoration:underline;text-underline-offset:4px}
body .trail-header{border-bottom:1px solid var(--manual-border);margin-bottom:22px;padding-bottom:24px}
body .trail-counts{color:var(--manual-muted);margin-top:12px}
body .trail-tabs,body .trail-subtabs{gap:8px;border-bottom:0;padding-bottom:0}
body .trail-tabs button,body .trail-subtabs button{color:var(--manual-muted);border-color:var(--manual-border);border-radius:6px;background:#fff;padding:10px 15px}
body .trail-tabs [aria-selected=true],body .trail-subtabs [aria-selected=true]{background:var(--manual-ink);color:#fff;border-color:var(--manual-ink);box-shadow:inset 0 -3px var(--manual-orange)}
body .trail-tabs button:hover:not([aria-selected=true]),body .trail-subtabs button:hover:not([aria-selected=true]){color:var(--manual-accent);border-color:var(--manual-reference-border);background:var(--manual-soft)}
body .trail-search,body .section-search>label,body .screen-search{color:var(--manual-text)}
body .trail-search input,body .section-search>div,body .screen-search,body .prereq-search{border-color:var(--manual-border);border-radius:8px;background:#fff}
body .trail-search input:focus,body .section-search>div:focus-within,body .screen-search:focus-within,body .prereq-search:focus-within{border-color:var(--manual-accent);box-shadow:0 0 0 3px rgb(168 66 0 / .09);outline:0}
body .trail-topic-group{margin-top:30px}
body .trail-topic-group>h3{display:flex;align-items:center;gap:12px;margin-bottom:13px;color:var(--manual-ink)}
body .trail-topic-group>h3:before{content:'';width:18px;height:3px;background:var(--manual-orange);border-radius:2px}
body .trail-card{border:1px solid var(--manual-border);border-left:3px solid var(--manual-orange);padding:20px 22px;gap:9px;background:#fff;box-shadow:0 2px 8px rgb(28 32 33 / .02)}
body .trail-card:hover{border-color:var(--manual-reference-border);background:#fff;box-shadow:var(--manual-shadow)}
body .trail-card strong{color:var(--manual-ink);line-height:1.5}
body .trail-card :is(span,small),body .trail-breadcrumb{color:var(--manual-muted)}
body .trail-card>span:first-child{font-variant-numeric:tabular-nums}
body .trail-breadcrumb{font-size:.77rem;line-height:1.8;margin:4px 0 12px}
body .trail-panel{border-color:var(--manual-border);border-left-color:var(--manual-orange);border-radius:7px;overflow:hidden;margin:14px 0}
body .trail-panel-toggle{padding:16px 18px;color:var(--manual-ink);gap:12px;min-height:54px}
body .trail-panel-toggle>span:first-child{color:var(--manual-accent);font-weight:500}
body .trail-panel-toggle[aria-expanded=true]{background:var(--manual-soft);border-bottom:1px solid #f0ddce}
body .trail-panel-body{padding:10px 22px 22px}
body .trail-section-count{color:var(--manual-accent);background:var(--manual-soft);border-radius:4px;min-width:30px;text-align:center;padding:2px 6px;font-variant-numeric:tabular-nums}
body .trail-link,body .trail-page a,body .interface-link,body .gloss-primary-link{color:var(--manual-accent)}
body .trail-link{display:block;padding:9px 0}
body .trail-note{background:var(--manual-soft);border-color:var(--manual-orange);border-radius:0 6px 6px 0}
body .trail-detail-head button,body .trail-pager button,body .trail-page .trail-present-controls button{border-color:var(--manual-border);color:var(--manual-text);border-radius:6px;min-height:40px}
body .trail-detail-head button:hover,body .trail-pager button:hover,body .trail-page .trail-present-controls button:hover{border-color:var(--manual-reference-border);color:var(--manual-accent);background:var(--manual-soft)}
body .trail-present-controls progress{accent-color:var(--manual-accent)}
body .trail-flow-node{border-color:var(--manual-border);border-left-color:var(--manual-orange);border-radius:7px}
body .trail-flow>li{border-left-color:var(--manual-border)}
body .trail-flow>li:before{background:var(--manual-orange)}
body .trail-expand{background:var(--manual-soft);border-color:var(--manual-reference-border);color:var(--manual-accent)}
body .trail-table-wrap th{background:var(--manual-canvas);color:var(--manual-ink)}
body .trail-table-wrap :is(th,td){border-color:var(--manual-border)}
body .section-navigation{gap:10px;border-bottom:1px solid var(--manual-border);padding-bottom:12px}
body .section-navigation button{padding:10px 15px;border-radius:6px;color:var(--manual-muted);border:1px solid transparent}
body .section-navigation button[aria-current=page]{background:var(--manual-ink);color:#fff;border-color:var(--manual-ink);box-shadow:inset 0 -3px var(--manual-orange)}
body .primary-button{background:var(--manual-accent);color:#fff;border-color:var(--manual-accent);border-radius:6px}
body .primary-button:hover{background:var(--manual-accent-hover);color:#fff}
body .secondary-button{background:#fff;color:var(--manual-accent);border-color:var(--manual-reference-border);border-radius:6px}
body .secondary-button:hover{background:var(--manual-soft)}
body .module-rail :is(button,a){border-radius:6px;margin-bottom:3px}
body .module-rail button.active,body .module-rail button[aria-current=true]{background:var(--manual-ink);color:#fff;border-color:var(--manual-ink)}
body .module-rail button.active svg{color:var(--manual-on-dark)}
body .screen-tablist{gap:6px;border-color:var(--manual-border)}
body .screen-tablist button[aria-selected=true]{background:var(--manual-soft);color:var(--manual-accent);border-color:var(--manual-reference-border)}
body .screen-option{border-color:var(--manual-border);border-radius:6px}
body .screen-option:hover{border-color:var(--manual-reference-border);background:var(--manual-soft)}
body .screen-reader,body .gloss-detail,body .prereq-reader{border-color:var(--manual-border);box-shadow:0 4px 20px rgb(28 32 33 / .025)}
body .reader-tabs button[aria-selected=true],body .reader-tabs button.active{color:var(--manual-accent);border-bottom-color:var(--manual-accent)}
body .gloss-tabs{border-color:var(--manual-border);gap:6px}
body .gloss-tabs button{color:var(--manual-muted);border-radius:5px 5px 0 0}
body .gloss-tabs button[aria-selected=true]{color:var(--manual-accent);background:var(--manual-soft);border-color:var(--manual-accent)}
body .gloss-tabs button span{background:var(--manual-canvas);color:var(--manual-muted)}
body .gloss-result.is-selected{border-color:var(--manual-reference-border);background:var(--manual-soft);box-shadow:inset 3px 0 var(--manual-orange)}
body .gloss-context-badge{background:var(--manual-soft);color:var(--manual-accent)}
body .steps-nav button.active{background:var(--manual-soft);border-color:var(--manual-reference-border);color:var(--manual-accent)}
body .step-number,body .lesson-id{background:var(--manual-soft);color:var(--manual-accent)}
body .lesson-row,body .doc-row,body .source-link,body .prereq-entry{border-color:var(--manual-border)}
body .lesson-row:hover,body .doc-row:hover,body .source-link:hover,body .prereq-entry:hover{background:var(--manual-soft);border-color:var(--manual-reference-border)}
body .guide-reference-panel{background:var(--manual-canvas);border-color:var(--manual-border);border-radius:7px}
body header .brand h1{color:var(--manual-ink)}
body .origin{background:var(--manual-soft);border-color:var(--manual-reference-border);border-radius:6px}
body .origin b,body #kind,body a.manual-link{color:var(--manual-accent)}
body .toolbar{border-color:var(--manual-border);border-radius:7px;box-shadow:0 4px 18px rgb(28 32 33 / .06)}
body .toolbar button:hover,body .path-links a:hover{background:var(--manual-soft);color:var(--manual-accent);border-color:var(--manual-reference-border)}
body .search input{border-radius:7px;border-color:var(--manual-border);background:#fff}
body .search input:focus{border-color:var(--manual-accent);outline:2px solid #edc7ad;outline-offset:2px}
body .node [data-action=inspect]:focus-visible rect:first-child,body .node [data-action=toggle]:focus-visible circle{stroke:var(--manual-accent);stroke-width:3}
@media(max-width:650px){
body .trail-header{padding-bottom:20px;margin-bottom:18px}
body .trail-tabs{gap:6px}
body .trail-tabs button{padding:9px 11px;font-size:.76rem}
body .trail-card{padding:18px}
body .trail-panel-toggle{padding:14px;gap:9px}
body .trail-panel-body{padding:8px 15px 18px}
body .section-navigation{gap:6px;flex-wrap:wrap}
body .portal-main{padding-top:30px}
body .portal-card{border-radius:7px}
}
@media(prefers-reduced-motion:reduce){
body *{scroll-behavior:auto!important;transition:none!important}}