/* Public-main colours and symbol: aspinos.com and git main 9ab3de0f.
   Typography remains the existing review Archivo at the founder's request.
   Landing tokens come from main:src/app/landing.css; surfaces use its app
   ground/panel set. Scene layout and clock ownership remain unchanged. */
:root {
  --sans: Archivo, Arial, sans-serif;
  --serif: Archivo, Arial, sans-serif;
  --main-intelligence: #4fd6e8;
  --main-prediction: #f0b43e;
  --main-authority: #f05a4f;
  --main-audited: #67d698;
  --main-reason: #a78bfa;
  color-scheme: dark;
  --paper: #071018;
  --ink: #edf5f6;
  --surface: #10151d;
  --surface-raised: #161c25;
  --muted: #aeb6bf;
  --copper: #4fd6e8;
  --copper-light: #6ee0ef;
  --rule: #94a3b82b;
  --school-source-background: #071018;
  --main-charcoal: #071018;
  --main-film-ink: #edf5f6;
}
html, body { background: var(--paper); color: var(--ink); }
::selection { background: #4fd6e8; color: #06272c; }
a:focus-visible, button:focus-visible, summary:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline-color: var(--copper);
}
.button { background: var(--copper); color: #edf5f6; }
.button:hover { background: #6ee0ef; }
.button.outline { background: transparent; color: var(--ink); border-color: var(--ink); }
.text-link:hover { color: var(--copper); }
.site-header, .document-page .site-header, .case-page .site-header {
  background: var(--paper) !important;
  color: var(--ink);
  border-color: var(--rule) !important;
}
.landing-page .site-header { background: transparent !important; color: #edf5f6; border-color: #edf5f633 !important; }
.brand-wordmark .aspinos-mark { color: currentColor; }
.brand-wordmark .brand-lettering {
  display: inline-block;
  width: auto;
  height: auto;
  font: 550 24px/1 var(--sans);
  letter-spacing: .11em;
  color: currentColor;
}
.site-footer .brand-wordmark .brand-lettering { width: auto; height: auto; font-size: 29px; }
.nav-panel, .mobile-nav { background: var(--paper); color: var(--ink); border-color: var(--rule); }
.site-header .nav-panel > a, .site-header .mobile-nav a { color: var(--ink); }
.site-header .nav-panel a:hover, .site-header [aria-current=page] { color: var(--copper) !important; }
.site-header .menu-toggle { color: currentColor; }
.mobile-nav > div > p { color: var(--muted); }

/* Shared dark canvas carries film and reading through the same experience. */
.connected-world, .connected-stage, .story-stage, .living-world, .community-chapter,
.place-panel, .world-interlude, .horizon-section, .build-chapter, .site-footer, .review-footer {
  --paper: #071018;
  --ink: #edf5f6;
  --surface: #10151d;
  --surface-raised: #10151d;
  --muted: #aeb6bf;
  --copper: #4fd6e8;
  --copper-light: #6ee0ef;
  --rule: #edf5f638;
  background: #071018;
  color: #edf5f6;
}
.connected-stage { background: #071018; }
.connected-grain { background: radial-gradient(ellipse 53% 43% at 50% 43%, #071018b3, transparent 95%); }
.connected-stage::before { background: linear-gradient(#071018f5, transparent); }
.connected-copy h1 { color: #edf5f6; text-shadow: 0 3px 40px #071018; }
.connected-copy p, .connected-purpose p, .connected-source, .connected-stakes p { color: #aeb6bf; }
.connected-purpose h2, .connected-stakes h2 { color: #edf5f6; }
.immersive-classification, .opening-classification { color: #aeb6bf; }
.opening-classification { background: #071018b8; }
#school-stage .story-shade { background: linear-gradient(180deg, #071018c9 0, transparent 57%, #07101886) !important; }
#school-stage[data-phase=reality] .story-shade, #school-stage[data-phase=observe] .story-shade {
  background: linear-gradient(270deg, #071018d9 0, #07101873 30%, transparent 67%) !important;
}
.story-copy, .story-copy h2, .hero-copy h2, .community-copy, .community-copy h2, .place-copy, .place-copy h3 { color: #edf5f6; }
.story-copy p, .hero-copy p, .community-copy > p, .place-copy p, .story-footer .source-label { color: #aeb6bf; }
.story-footer { color: #edf5f6; background: linear-gradient(transparent, #071018f0); }
.story-stage[data-phase=response].is-visible .story-footer { background: linear-gradient(#071018 65%, transparent); }
.experience-controls, .place-playback, .place-stage-controls, .platform-layers, .mechanism-playback, .world-camera-controls, .world-controls {
  background: #161c25ed;
  color: #edf5f6;
  border-color: #94a3b82b;
}
.experience-controls .play-control { background: #4fd6e8; color: #edf5f6; }
.experience-controls button, .place-stage-controls button, .platform-layers button { color: #edf5f6; }
.place-playback button[aria-pressed=true], .platform-layers button[aria-pressed=true] { background: #071018; color: #edf5f6; }
.living-world { background: #071018; }
.living-copy .eyebrow, .living-copy > p, .living-caption, .living-steps button, .living-steps button b { color: #aeb6bf; }
.living-symbols, .living-stage[data-layer=authority] .living-symbols { color: #4fd6e8; }
.living-steps { border-color: #edf5f638; }
.living-steps button[aria-pressed=true] { color: #edf5f6; border-color: #4fd6e8; }
.living-steps button:hover { background: #edf5f60d; }
.community-chapter .community-shade { background: linear-gradient(90deg, #071018ed, transparent 77%) !important; }
.community-chapter.understanding .community-shade { background: linear-gradient(90deg, #071018f5 0%, #071018cc 23%, #07101822 60%, transparent) !important; }
.place-overlay { background: linear-gradient(0deg, #071018f7, #07101863 44%, #0710181a 80%) !important; }

/* Main reading chapters and their actions. */
.purpose, .places-chapter, .landing-additions, #capabilities, .founders-chapter,
.document-page, .case-page, .addition-page, .addition-section, .technical-section,
.planning-section, .case-section, .platform-lab, .addition-lab {
  background: var(--paper);
  color: var(--ink);
}
.platform-chapter, .engineering-chapter, .evidence-chapter { background: #10151d; color: #edf5f6; }
.landing-page .platform-chapter::after { background: linear-gradient(90deg, #071018f5 0%, #071018cc 28%, #07101800 60%); }
.platform-copy, .platform-copy h2 { color: #edf5f6; }
.platform-copy > p, .evidence-chapter p, .founder-grid p { color: #aeb6bf; }
.place-tabs button[aria-selected=true] { color: #edf5f6; border-color: #4fd6e8; background: #10151d; }
.capability-links .restored-symbol, .capability-links svg, .sector-entry svg { color: #4fd6e8; }
.engineering-chain article { border-color: #94a3b82b; }
.build-chapter > p, .build-options p, .site-footer .footer-purpose p, .site-footer a:not(.wordmark) { color: #aeb6bf; }
.build-options button, .build-options a { color: #edf5f6; border-color: #edf5f638; }
.build-options button:hover, .build-options a:hover { background: #edf5f60d; }
.site-footer { background: #071018 !important; border-color: #edf5f638 !important; }
.site-footer .footer-label, .site-footer .footer-version { color: #aeb6bf; }
.review-current { border-color: #94a3b82b; }
.review-footer p { color: #aeb6bf; }

/* Scoped work panels retain clear text and distinct operational states. */
.agent-focus, .response-panel, .school-receipt, .community-story, .community-response,
.community-agent-focus, .community-outcome, .platform-detail, dialog, .detail-dialog, .enquiry-dialog {
  --paper: #071018;
  --ink: #edf5f6;
  --surface: #10151d;
  --surface-raised: #161c25;
  --muted: #aeb6bf;
  --copper: #4fd6e8;
  --copper-light: #6ee0ef;
  --rule: #94a3b82b;
  background: #161c25f5;
  color: #edf5f6;
  border-color: #94a3b82b;
}
.agent-focus p, .response-panel p, .response-panel small, .response-route > span, .case-scores,
.school-receipt p, .community-story p, .community-agent-focus p, .community-outcome p, .platform-detail p {
  color: #aeb6bf;
}
.agent-node { background: #071018e8; color: #edf5f6; border-color: #edf5f666; }
.agent-node:focus-visible, .agent-node.active, .agent-node:hover, .agent-node.selected { background: #10151de8; border-color: #4fd6e8; }
.agent-node[data-status=complete] b { background: #4fd6e8; }
.community-detail-links .text-link { color: #edf5f6; border-color: #94a3b82b; }
.dialog-heading, .dialog-head, .detail-head, .proof-dialog-head { background: #071018; color: #edf5f6; border-color: #94a3b82b; }
.dialog-body, .detail-body, .detail-content, .form-review { color: #edf5f6; border-color: #94a3b82b; }
dialog p, dialog small { color: #aeb6bf; }
dialog label { color: #edf5f6; }
dialog::backdrop { background: #071018ba; }
.dialog-close, .close-small { color: #edf5f6; background: #10151d; border-color: #94a3b82b; }
input:not([type=range]):not([type=checkbox]):not([type=radio]), textarea, select,
.landing-page .enquiry-dialog input, .landing-page .enquiry-dialog select, .landing-page .enquiry-dialog textarea {
  background: #161c25;
  color: #edf5f6;
  border-color: #94a3b84d;
}
input::placeholder, textarea::placeholder { color: #aeb6bf; }
.enquiry-interests button[aria-pressed=true] { background: #161c25; color: #edf5f6; border-color: #4fd6e8; }

/* Shared lab and case components used by all retained product/sector routes. */
.editorial-hero figcaption, .sx-native-note, .sx-camera-label { color: #edf5f6; background: #071018e8; border-color: #edf5f638; }
.addition-cta, .case-cta, .document-cta { background: #10151d; color: #edf5f6; }
.mechanism-visual, .workflow-illustration, .sx-scene { background: #10151d; color: #edf5f6; }
.zone-verdict, .handoff-line, .plan-decision, .case-followup { background: #10151d; color: #edf5f6; border-color: #94a3b82b; }
.plan-choice { background: #161c25; }
.plan-choice button[aria-pressed=true] { background: #071018; color: #edf5f6; border-color: #071018; }
.planning-map-figure, .zone-figure { background: #10151d; color: #edf5f6; }
.case-viewer { background: #071018; }
.case-camera-control select { background: #161c25; color: #edf5f6; border-color: #94a3b82b; }
.technical-agent-grid button[aria-pressed=true], .mechanism-tabs button[aria-pressed=true],
.scenario-tabs button[aria-pressed=true], .proof-tabs button[aria-pressed=true],
.case-layer-controls button[aria-pressed=true], .case-modes button[aria-pressed=true],
.segmented button[aria-pressed=true], .workflow-tabs button[aria-selected=true], .workflow-tabs button[aria-pressed=true] {
  background: #161c25;
  color: #edf5f6;
  border-color: #4fd6e8;
}
.sector-interactive.sx { --sx-paper: #071018; --sx-rule: #94a3b82b; --sx-copper: #4fd6e8; --sx-ink: #edf5f6; background: #071018; }
.sx-tabs button[aria-pressed=true] { background: #10151d; color: #edf5f6; border-color: #4fd6e8; }
.sx select, .sx input:not([type=range]) { background: #161c25; color: #edf5f6; border-color: #94a3b82b; }
.sx-inspector, .sx-form, .sx-outcome, .sx-record, .sx-transport, .sx-controls { background: #10151d; color: #edf5f6; border-color: #94a3b82b; }

@media (max-width: 760px) {
  .brand-wordmark .brand-lettering { font-size: 20px; }
  #school-stage .story-shade, #school-stage:is([data-phase=reality], [data-phase=observe]) .story-shade {
    background: linear-gradient(180deg, #071018ea 0, #07101880 27%, transparent 62%) !important;
  }
  .community-chapter .community-shade { background: linear-gradient(180deg, #071018ef 0%, #07101870 38%, transparent 65%) !important; }
  .community-chapter.understanding .community-shade { background: linear-gradient(180deg, #071018f5 0%, #071018c9 18%, transparent 43%) !important; }
  .landing-page .platform-chapter::after { background: linear-gradient(180deg, #071018 0%, #071018de 27%, #07101800 51%); }
}

/* Legacy interaction sheets set a few local colours beyond shared tokens. */
#school-stage { --school-source-background: #071018; }
#school-stage .concept-disclosure { background: #071018ed; box-shadow: 0 0 0 4px #071018ed; }
#school-stage .agent-node.agent-exchange-member { background: #071018eb; }
#school-stage .agent-node.agent-exchange-member:is(:hover, :focus-visible, .active, .selected) { background: #10151de8; }
#school-stage .experience-controls .play-control { color: #edf5f6; }
.platform-world { --pw-copper: #4fd6e8; --pw-ink: #edf5f6; --pw-paper: #071018; background: #10151d; color: #edf5f6; }
.pw-anchor, .pw-source-button, .pw-work, .pw-reset { color: #edf5f6; font-family: var(--sans); }
.pw-readout, .pw-reset, .pw-rail, .pw-anchor-text { background-color: #161c25; }
.proof-image-button { background: #071018; }
.capture-stamp, .capture-stamp .status-dot, .response-route-visual > .interaction-note,
.recorded-timeline, .recorded-stamp, .observation-choices button { color: #edf5f6; }
.recorded-timeline { background: #10151d; }
.observation-choices button[aria-pressed=true], .evidence-mixer .mixer-result,
.addition-page .segmented button[aria-pressed=true] { background: #071018; color: #edf5f6; border-color: #071018; }
.planning-legend { color: #aeb6bf; }
.planning-legend .legend-view { background: #94a3b877; }
.case-source-label, .case-viewer[data-layer=source] .case-source-label { color: #edf5f6; background: #071018d9; border-color: #edf5f638; }
.case-clock span, .case-stage-nav button span, .case-access-controls, .case-gap,
.story-details > p, .story-details > .detail-content > p, .case-supplemental p,
.case-pilot-table th, .case-pilot-table td, .case-trace li p, .case-cta p,
.case-preview-boundary { color: #aeb6bf; }
.workflow-input { color: #edf5f6; }
button, input, select, textarea { font-family: var(--sans); }
.planning-map-figure figcaption, .planning-map-figure :is(p, span) { color: #aeb6bf; }
.sx-outcome > svg { color: #aeb6bf; }
.workflow-illustration .workflow-input { color: #edf5f6; }
.site-header .menu-toggle { width: auto; min-width: 62px; min-height: 44px; padding-inline: 15px; white-space: nowrap; }

/* Main uses cyan for intelligence and a distinct signal for human authority. */
.button, .button:hover, .play-control, #school-stage .experience-controls .play-control { color: #06272c; }
.brand-wordmark .aspinos-mark .mark-intelligence { fill: #4fd6e8; }
.living-stage[data-layer=authority] .living-symbols { color: #f05a4f; }
.living-stage[data-layer=authority] .living-steps button[aria-pressed=true] { border-color: #f05a4f; }
.living-stage[data-layer=record] .living-symbols { color: #67d698; }
.agent-node:is(:hover, :focus-visible, .active, .selected), #school-stage .agent-node.agent-exchange-member:is(:hover, :focus-visible, .active, .selected) { background: #10151d; border-color: #4fd6e8; }
.sx-native-note, .sx-camera-label, .case-source-label, .case-viewer[data-layer=source] .case-source-label, .editorial-hero figcaption { background: #071018e8; color: #edf5f6; }

h1, h2, h3, h4 { font-family: var(--sans); }
h2, h3, h4 { color: #eef6f7; }
.pw-disclosure { background: #161c25e8; color: #aeb6bf; border-color: #94a3b82b; font-family: var(--sans); }

/* Authored workflow drawings share main's palette, with the review's Archivo.
   Scope to this editable diagram; retained film and evidence are not recoloured. */
#workflow-visual > rect[fill="#e6e0d3"] { fill: #10151d; }
#workflow-visual g[stroke="#c6c3b4"] { stroke: #94a3b8; opacity: .18; }
#workflow-visual [fill="#ede8dc"], #workflow-visual [fill="#ece7db"] { fill: #161c25; }
#workflow-visual [stroke="#66715d"], #workflow-visual [stroke="#65705b"], #workflow-visual [stroke="#7b886e"] { stroke: #aeb6bf; }
#workflow-visual [fill="#b8c0a4"] { fill: #aeb6bf; }
#workflow-visual [fill="#7b8a6328"] { fill: #4fd6e81f; }
#workflow-visual [fill="#ac542e30"] { fill: #4fd6e830; }
#workflow-visual [fill="#ac542e"] { fill: #4fd6e8; }
#workflow-visual [stroke="#ac542e"] { stroke: #4fd6e8; }
#workflow-visual text { fill: #edf5f6; font-family: var(--sans); }

/* Native place chrome is created only after its chapter enters view.
   Its legacy sheets load lazily, so these scoped selectors keep the shared
   identity authoritative without recolouring the underlying film or foliage. */
:root .case-world, #place-site.case-world { background: #071018; }
.case-world[data-world-framing=hero] { background: transparent; }
:root .case-world > canvas:focus-visible { outline-color: #4fd6e8; }
.case-world .case-world-ui, .case-world .case-world-pin, .case-world .case-world-caption, :root .place-evidence { font-family: var(--sans); }
.case-world .case-world-caption { color: #aeb6bf; background: #161c25e8; border: 1px solid #94a3b82b; }
.case-world .case-world-pin {
  background: #161c25f0;
  color: #edf5f6;
  border-color: #94a3b84d;
  box-shadow: 0 4px 15px #00000026;
}
.case-world .case-world-pin:hover, .case-world .case-world-pin[aria-pressed=true] { background: #10151d; border-color: #4fd6e8; }
.case-world .case-world-pin:focus-visible { outline-color: #4fd6e8; }
.case-world .case-world-role { background: #161c25e8; color: #edf5f6; border-color: #94a3b84d; }
.case-world .case-world-role[data-active=true] { border-color: #4fd6e8; }
.case-world .case-world-role[data-world-selected=policy][data-active=true],
.case-world .case-world-role[data-world-selected=policy][aria-pressed=true] { border-color: #f05a4f; }
:root .case-world[data-unavailable=true]::after { color: #aeb6bf; background: #071018; font-family: var(--sans); }
:root .place-evidence { color: #edf5f6; }
.place-evidence .pe-connection { stroke: #4fd6e8; }
.place-evidence .pe-particle { fill: #4fd6e8; stroke: #071018; }
.place-evidence .pe-zone { stroke: #4fd6e8; }
.place-evidence .pe-buffer { fill: #f0b43e10; stroke: #f0b43e80; }
.place-evidence .pe-work-button {
  background: #161c25eb;
  color: #edf5f6;
  border-color: #94a3b84d;
  box-shadow: 0 5px 18px #00000022;
}
.place-evidence .pe-role-number { color: #4fd6e8; border-color: #4fd6e866; font-family: var(--sans); }
.place-evidence .pe-work-progress { background: #94a3b82b; }
.place-evidence .pe-work-progress > span { background: #4fd6e8; }
.place-evidence .pe-work-button[data-status=waiting] { border-color: #94a3b82b; }
.place-evidence .pe-work-button:hover, .place-evidence .pe-anchor:hover,
.place-evidence .pe-work-button[aria-pressed=true], .place-evidence .pe-anchor[aria-pressed=true] { background: #10151d; border-color: #4fd6e8; }
.place-evidence .pe-anchor { background: #161c25e8; color: #edf5f6; border-color: #94a3b84d; box-shadow: 0 3px 14px #00000026; }
.place-evidence .pe-anchor-dot { border-color: #4fd6e8; }
.place-evidence .pe-anchor-dot::after { background: #4fd6e8; }
.place-evidence .pe-work-button[data-role=policy] .pe-role-number { color: #f05a4f; border-color: #f05a4f80; }
.place-evidence .pe-work-button[data-role=policy] .pe-work-progress > span { background: #f05a4f; }
.place-evidence .pe-anchor[data-role=policy] .pe-anchor-dot { border-color: #f05a4f; }
.place-evidence .pe-anchor[data-role=policy] .pe-anchor-dot::after { background: #f05a4f; }
.place-evidence .pe-receipt {
  background: #161c25f2;
  color: #edf5f6;
  border-color: #94a3b84d;
  border-left-color: #4fd6e8;
  box-shadow: 0 8px 26px #00000025;
}
.place-evidence .pe-receipt-main { color: #edf5f6; background: transparent; }
.place-evidence .pe-receipt-main:hover { color: #4fd6e8; }
.place-evidence .pe-receipt-mark { color: #4fd6e8; font-family: var(--sans); }
.place-evidence .pe-task { font-family: var(--sans); }
.place-evidence .pe-owner, .place-evidence .pe-result { color: #aeb6bf; }
.place-evidence .pe-policy-button { color: #f05a4f; background: transparent; border-color: #94a3b82b; }
.place-evidence .pe-policy-button:hover { color: #f2f5f8; }
.place-evidence button:focus-visible { outline-color: #4fd6e8; }
.place-evidence .pe-policy-button:focus-visible { outline-color: #f05a4f; }
.detail-dialog p, .detail-dialog ul, .detail-dialog li { color: #aeb6bf; }
.detail-dialog .detail-intro, .detail-dialog strong, .detail-dialog summary { color: #edf5f6; }
.detail-dialog .detail-sections, .detail-dialog summary { border-color: #94a3b82b; }

/* Founder-requested public presentation: one explanation replaces repeated micro-captions. */
[data-public-provenance],.case-world-caption,.world-source-label,.district-provenance{display:none!important}
.site-footer .brand-wordmark,.site-footer .brand-wordmark:visited{color:#edf5f6!important;opacity:1;filter:none}
.site-footer .brand-wordmark .brand-lettering,.site-footer .brand-wordmark .aspinos-mark{color:inherit!important;-webkit-text-fill-color:currentColor;opacity:1}
.site-footer .brand-wordmark:hover{color:#4fd6e8!important}
.site-footer .brand-wordmark .mark-intelligence{fill:#4fd6e8}
.site-footer .footer-answers{align-self:start}
.site-footer .footer-answers a{display:block;margin-block:12px;line-height:1.5}
.button:not(.outline){color:#071018}.button:not(.outline):hover{color:#071018}
.founders-chapter{background:#071018!important;gap:4vw;padding-block:110px}
.founders-chapter h2{font-size:clamp(40px,4vw,68px);line-height:1.04;letter-spacing:-.045em}
.founders-chapter .founder{border-top:1px solid #344550;padding-top:23px}
.founder h3{font-size:clamp(28px,2.5vw,40px);line-height:1.12;letter-spacing:-.035em;margin:12px 0}
.founder .founder-role{color:#4fd6e8;margin:0;font-size:14px}
.founder p:not(.founder-role){color:#b5c2c8;line-height:1.65;font-size:16px}
.founder .founder-location{color:#edf5f6!important;margin-bottom:26px!important}
.founder-background{padding:22px 0 8px;border-top:1px solid #283741;margin-top:25px}
.founder-background>span{font-size:13px;color:#a9bbc5}.founder-background p{margin-top:9px;line-height:1.8!important}
.founder .founder-link{font-size:14px;display:inline-flex;gap:15px;margin-top:20px}
@media(min-width:1100px){.site-footer{grid-template-columns:2fr 1fr 1fr 1fr 1fr!important;gap:3vw!important}}
@media(max-width:1000px){.founders-chapter{grid-template-columns:1fr 1fr}.founders-chapter>h2{grid-column:1/-1;max-width:650px}.founders-chapter h2 br{display:none}}
@media(max-width:680px){.founders-chapter{grid-template-columns:1fr;gap:40px;padding-block:65px}.founders-chapter h2{font-size:43px}.founder p:not(.founder-role){font-size:16px}}