/* Shared reading and interaction layer; candidate themes own their composition. */
:root { --accent:#1642de; --accent-ink:#fff; --focus:var(--accent); --display-font:"Noto Sans SC","Microsoft YaHei UI",sans-serif; --heading-weight:800; --good-wash:#eff3ff; --bad-wash:#fff3df; --warning:#784206; --header-clearance:130px; font-family:"Noto Sans SC","Microsoft YaHei UI","PingFang SC",sans-serif; font-size:16px; line-height:1.85; }
body { min-width:280px; }
h1,h2,h3,.hero-copy h1,.module-heading h2,.guide-section-head h2 { font-family:var(--display-font); font-weight:var(--heading-weight); letter-spacing:-.035em; line-height:1.4; text-wrap:pretty; }
a { text-decoration-thickness:1px; text-underline-offset:.22em; }
main,.header-inner,.location-bar,.site-footer { max-width:var(--content-width); }
main { padding-top:48px; padding-bottom:72px; }
.lead,.hero-lead { font-size:18px; line-height:1.85; }
.page-head { margin-bottom:40px; }
.page-head h1 { font-size:clamp(32px,3.5vw,50px); }
.page-head .eyebrow { margin-bottom:16px; }
.item-row h3 { font-size:24px; }
.item-row p,.entry-card p,.advantage-grid p,.content-preview,.side-panel p,.side-panel li,.facts-panel dd,.facts-panel dt,.case-role,.compact,.content-column p { font-size:16px; line-height:1.85; }
.item-row { padding-block:30px; }
.content-column { max-width:76ch; }
.content-column > section { margin-bottom:36px; }
.facts-panel { padding:28px; }
.facts-panel dd { margin-top:8px; }
.hero-role { border-color:var(--accent); font-size:16px; }
.hero-boundary,.judgment-list p,.module-explanation p,.map-rationale,.diagram-legend,.guide-nav a,.back-to-overview,.guide-intro p,.guide-section-head p,.guide-section>p,.atom-fields,.atom-fields code,.atom-expand,.atom-detail > summary,.stage-purpose,.branch-routes p,.vertical-node p,.vertical-node > span,.return-route,.overview-part p,.overview-part span,.map-node,.map-node > span:not(.node-kicker),.relation-text,.map-explanations,.node-detail,.source-markdown,.failure-return,.lane-return,.stop-route,.evidence-classes,.contribution-classes,.comparison-table table { font-size:16px; line-height:1.85; }
.judgment-list h2 { font-size:22px; }
.evidence-ledger p,.evidence-ledger a,.chapter-directory p:not(.eyebrow) { font-size:16px; line-height:1.85; }
.judgment-number,.flow-index,.vertical-arrow,.overview-part span,.decision-node > span,.atom-fields dt,.flow-output strong,.map-node > strong { color:var(--accent); }
.chapter-directory,.atomic-library,.evidence-classes,.source-statuses { background:var(--wash); color:var(--ink); }
.chapter-directory p,.source-time-label,.source-statuses { color:var(--muted); }
.directory-links a { border-color:var(--line); }
.guide-section { margin-top:72px; padding-top:32px; }
.guide-section-head h2,.module-heading h2 { font-size:32px; }
.guide-deck { font-size:21px; line-height:1.8; }
.evidence-ledger article,.overview-collaboration,.overview-link,.memory-tools .map-node { border-color:var(--accent); }
.atomic-flow,.harness-overview,.mindmap,.directed-map,.collaboration-map,.work-flow,.constraints-map { background:var(--surface); border-color:var(--line); }
.harness-overview,.atomic-flow { padding:32px; }
.overview-origin,.map-root,.flow-count,.primary { background:var(--accent); color:var(--accent-ink); border-color:var(--accent); }
.primary:hover { background:var(--accent); filter:brightness(.93); }
.vertical-node,.map-node { background:var(--surface); }
.action-node { border-left:4px solid var(--accent); }
.decision-node { background:var(--good-wash); border:2px solid var(--accent); border-radius:var(--radius); }
.yes-route { background:var(--good-wash); border-top-color:var(--accent); }
.no-route,.return-route,.failure-return,.lane-return { background:var(--bad-wash); border-color:var(--warning); }
.failure-return > span,.lane-return > span,.stop-route { color:var(--warning); }
.stop-route { border-color:var(--warning); }
.source-time-label { background:var(--wash); border-color:var(--accent); }
.atom-detail > summary,.construction-stage > summary { min-height:48px; padding-block:12px; }
.atom-detail[open] > summary { color:var(--accent); }
.atom-content { margin-top:16px; padding:24px; }
.atom-fields { grid-template-columns:140px minmax(0,1fr); gap:18px 24px; }
.atom-fields dd { min-width:0; }
.atom-detail,.construction-stage { scroll-margin-top:var(--header-clearance); }
.flow-caption { font-size:19px; }
.flow-design-label,.item-meta,.eyebrow { color:var(--muted); }
.guide-nav { padding-block:20px; }
.guide-nav a { padding-block:7px; }
input:not([type="checkbox"]):not([type="radio"]),select,textarea { background:var(--surface); color:var(--ink); border-color:var(--line); min-height:44px; }
input[type="checkbox"] { accent-color:var(--accent); }
.secondary { color:var(--ink); border-color:var(--line); }
.notice { background:var(--wash); color:var(--ink); border-color:var(--accent); }
.entry-card,.project-card,.side-panel,.facts-panel,.construction-stage,.atom-content,.vertical-node,.overview-part { min-width:0; }
.entry-card { transition:transform 180ms ease,box-shadow 180ms ease,border-color 180ms ease; }
.entry-card > * { position:relative; z-index:1; }
:where(button,a,input,select,textarea,summary):focus-visible { outline:3px solid var(--focus); outline-offset:5px; box-shadow:0 0 0 2px var(--paper); }
.skip-link { background:var(--accent); color:var(--accent-ink); }
.site-nav a { min-height:44px; display:inline-flex; align-items:center; }
.view-enter { animation:demo-reveal 240ms ease both; }
@keyframes demo-reveal { from { opacity:.5; transform:translateY(8px); } to { opacity:1; transform:none; } }
@media(max-width:900px) { .detail-layout { grid-template-columns:minmax(0,1fr); }.facts-panel { max-width:76ch; }.list-layout { grid-template-columns:210px minmax(0,1fr); } }
@media(max-width:760px) { :root { --header-clearance:145px; }.header-inner,.location-bar { padding-inline:20px; } main { padding:28px 20px 48px; }.lead,.hero-lead { font-size:17px; }.page-head { margin-bottom:30px; }.page-head h1 { font-size:32px; }.list-layout,.detail-layout,.harness-hero,.module-explanation { grid-template-columns:minmax(0,1fr); }.side-panel { position:static; }.home-grid,.advantage-grid { grid-template-columns:minmax(0,1fr); }.item-row h3 { font-size:22px; }.hero-copy h1 { font-size:30px; }.guide-section { margin-top:48px; }.module-heading h2,.guide-section-head h2 { font-size:27px; }.harness-overview,.atomic-flow { padding:20px 14px; }.branch-routes { grid-template-columns:minmax(0,1fr); }.atom-fields { grid-template-columns:minmax(0,1fr); gap:4px; }.atom-fields dd { margin-bottom:16px; }.atom-content { padding:16px; }.atomic-library { padding:16px 12px; }.stage-content { padding:0 12px 16px; }.vertical-node { padding:16px; }.knowledge-partitions { grid-template-columns:minmax(0,1fr); }.chapter-directory { padding:20px; }.facts-panel { padding:20px; }.facts-panel dl { display:block; }.facts-panel dt { margin-top:18px; }.facts-panel dd { margin-top:4px; }.site-footer { padding-inline:20px; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none!important;transition:none!important;scroll-behavior:auto!important; } }
body[data-motion="off"] *,body[data-motion="off"] *::before,body[data-motion="off"] *::after { animation:none!important;transition:none!important;scroll-behavior:auto!important; }
@media(prefers-reduced-motion:reduce) { .entry-card:hover { transform:none!important; } }
body[data-motion="off"] .entry-card:hover { transform:none!important; }