/* DRAFT v14. Two applications of the same Organization identity.
   Load after inherited organization styles. No Community selectors are used.
   Brand colors below come from the approved v1.1 professional color master. */
html[data-organization-theme] {
  --org-page: #f6f8fc;
  --org-page-rgb: 246, 248, 252;
  --org-ink: #15233a;
  --org-muted: #56657a;
  --org-line: #c6d1e0;
  --org-surface: #ffffff;
  --org-accent: #2458b8;
  --org-pink: #ff6b6b;
  --org-blue: #3882f6;
  --org-green: #22c55e;
  --org-amber: #ffb800;
  --org-lilac: #a78bfa;
  --org-soft: #e9effa;
  --org-inverse: #ffffff;
  --org-paper: #ffffff;
  --org-paper-ink: #15233a;
  --org-paper-muted: #56657a;
  --org-paper-line: #c6d1e0;
  --org-shadow: #15233a14;
  --org-selected: #dce8fb;
  color-scheme: light;
  color: var(--org-ink);
  background: var(--org-page);
}
html[data-organization-theme="dark"] {
  --org-page: #080808;
  --org-page-rgb: 8, 8, 8;
  --org-ink: #f5f5f5;
  --org-muted: #b4b4b4;
  --org-line: #454545;
  --org-surface: #161616;
  --org-accent: #f5f5f5;
  --org-pink: #f5f5f5;
  --org-blue: #dddddd;
  --org-green: #c8c8c8;
  --org-amber: #eeeeee;
  --org-lilac: #bdbdbd;
  --org-soft: #202020;
  --org-inverse: #080808;
  --org-paper: #eeeeee;
  --org-paper-ink: #111111;
  --org-paper-muted: #555555;
  --org-paper-line: #aaaaaa;
  --org-shadow: #00000033;
  --org-selected: #303030;
  color-scheme: dark;
}

html[data-organization-theme] body,
html[data-organization-theme] :is(.story-track, .stage, .editorial-section, .commitment-section, .org-footer) {
  background: var(--org-page);
  color: var(--org-ink);
}
html[data-organization-theme] :is(.purpose-section, .responsibility-section) { background: var(--org-surface); }
html[data-organization-theme] .org-footer { border-top: 1px solid var(--org-line); }
html[data-organization-theme] .skip-link { background: var(--org-ink); color: var(--org-inverse); }
html[data-organization-theme] :is(.opening-copy, .perspectives-copy)::before {
  background: linear-gradient(90deg, transparent, var(--org-page) 16%, var(--org-page) 84%, transparent);
}
html[data-organization-theme] .org-header::before {
  background: linear-gradient(180deg, var(--org-page) 0%, var(--org-page) 68%, rgba(var(--org-page-rgb), .85) 82%, rgba(var(--org-page-rgb), 0) 100%);
}
html[data-organization-theme] :is(.chapter .chapter-kicker, .chapter-aside, .perspectives-copy p:last-child, .resolution-copy h2>span, .resolution-copy .resolution-context, .offer-boundary, .draft-label, .chapter-nav button, .playback button:disabled) { color: var(--org-muted); }
html[data-organization-theme] :is(.chapter-nav button, #read-static, .purpose-link) { border-color: var(--org-line); }
html[data-organization-theme] .chapter-nav button[aria-current="step"] { color: var(--org-ink); border-color: var(--org-accent); }
html[data-organization-theme] :is(.header-nav a:hover, .header-nav a:focus-visible) { color: var(--org-accent); }

/* Paint only the approved glyph groups. Reveal-mask paths stay pure white. */
html[data-organization-theme="light"] #letter-world [data-letter="O"] { color: var(--org-pink); }
html[data-organization-theme="light"] #letter-world [data-letter="P"],
html[data-organization-theme="light"] #letter-world [data-letter="U"] { color: var(--org-amber); }
html[data-organization-theme="light"] #letter-world [data-letter="A"] { color: var(--org-blue); }
html[data-organization-theme="light"] #letter-world [data-letter="Q"] { color: var(--org-green); }
html[data-organization-theme="light"] #letter-world [data-letter="E"] { color: var(--org-lilac); }
html[data-organization-theme="light"] #letter-world .assembly-punctuation circle { fill: #000000; }
html[data-organization-theme="dark"] #letter-world [data-letter] { color: #ffffff; }
html[data-organization-theme="dark"] #letter-world .assembly-punctuation circle { fill: #ffffff; }
html[data-organization-theme] :is(#purpose-drawing, #measure-lines) { stroke: var(--org-ink); }

.org-theme-switch { pointer-events: auto; display: inline-flex; flex: none; gap: 2px; padding: 3px; border: 1px solid var(--org-line); background: var(--org-surface); }
.org-theme-switch button { border: 0; background: transparent; color: var(--org-muted); min-height: 36px; padding: 8px 12px; font-size: 10px; line-height: 1; white-space: nowrap; }
.org-theme-switch button[aria-pressed="true"] { background: var(--org-ink); color: var(--org-inverse); }
.org-theme-switch button:hover:not([aria-pressed="true"]) { color: var(--org-ink); background: var(--org-soft); }
.org-theme-switch button:focus-visible { outline: 2px solid var(--org-accent); outline-offset: 3px; }

/* Existing explanatory content, controls and labels inherit one coherent
   light/dark palette, including expanded relay and fallback states. */
html[data-organization-theme] :is(.section-heading h2 span, .development-note p, .founding-lines b, .role-number, .role-lines .role-principle, .responsibility-close>p, .org-footer>div span, .org-footer small, #purpose .org-purpose-lead, .org-demo-top>p:last-child, .org-small-label, .org-demo-note, .intention-action>p, .role-ground-label, .role-demo-copy>p:not(.sr-only), .intention-choices button, .role-choice-controls>button) { color: var(--org-muted); }
html[data-organization-theme] :is(.development-note, .founding-lines p, .role-lines article, .responsibility-close, .community-link, .org-footer small, .intention-choices, .org-demo-note, .role-choice-controls, #role-invitation-toggle) { border-color: var(--org-line); }
html[data-organization-theme] :is(.intention-lab, .role-explorer) { background: var(--org-soft); }
html[data-organization-theme] .intention-action blockquote { border-color: var(--org-accent); }
html[data-organization-theme] .intention-join span { background: var(--org-line); }
html[data-organization-theme] :is(.intention-choices button, .role-choice-controls>button)[aria-pressed="true"] { color: var(--org-ink); border-color: var(--org-accent); }
html[data-organization-theme] .role-demo-copy .role-demo-principle { color: var(--org-ink)!important; }
html[data-organization-theme] .role-mark-card { background: var(--org-surface); color: var(--org-ink); border: 1px solid var(--org-line); box-shadow: 0 12px 18px var(--org-shadow); }
html[data-organization-theme] :is(.role-invitation, .role-responsibility) { background: var(--org-paper); color: var(--org-paper-ink); box-shadow: 0 10px 16px var(--org-shadow); }
html[data-organization-theme] :is(.role-invitation>i, .role-responsibility>i) { border-color: var(--org-paper-line); }
html[data-organization-theme="light"] .role-invitation { background: #e2f5e8; }
html[data-organization-theme="light"] .role-responsibility { background: #e9e2fd; }
html[data-organization-theme] #explore .reading-paths a { border-color: var(--org-line); }
html[data-organization-theme] #explore .reading-paths :is(p, span) { color: var(--org-muted); }
html[data-organization-theme] #explore .reading-paths a:is(:hover, :focus-visible) { background: var(--org-soft); }

html[data-organization-theme] :is(.commitment-intro p+p, .commitment-section .section-heading h2 span, .relay-heading>p:last-child, .scenario-controls button, .relay-steps button, .relay-text>p:not(.relay-boundary), .relay-boundary, .relay-bottom p, .assembly-heading>.section-index, .assembly-caption, #commitments .commitment-builder-lead, .commitment-builder-top>.section-index, .commitment-builder-top>p:last-child, .commitment-duration-heading>span, .commitment-minutes-display>span, .commitment-range-labels, .commitment-focus legend, .commitment-focus-context, .commitment-response-intro>.section-index, .commitment-response-intro>p, .commitment-consequence p, .commitment-copy-row>p:first-child, #commitment-copy-status, .commitment-relay-details>summary>span) { color: var(--org-muted); }
html[data-organization-theme] :is(.relay, .scenario-controls button, .relay-steps, .relay-bottom, #relay-play, .commitment-builder, #commitment-focus-choices>button, .commitment-response-area, .commitment-response-controls>button, .commitment-consequence, #commitment-copy, .commitment-relay-details, #commitments .commitment-relay-details .relay) { border-color: var(--org-line); }
html[data-organization-theme] :is(.scenario-controls button, .relay-steps button)[aria-pressed="true"] { color: var(--org-ink); border-color: var(--org-accent); }
html[data-organization-theme] :is(.relay-number, .commitment-consequence-marker, .commitment-relay-details>summary:before) { color: var(--org-muted); }
html[data-organization-theme] #relay-play[aria-pressed="true"] { background: var(--org-ink); color: var(--org-inverse); border-color: var(--org-ink); }
html[data-organization-theme] .agreement-strip>li { background: var(--org-surface); color: var(--org-muted); border-color: var(--org-line); }
html[data-organization-theme] .agreement-strip>li.is-reached { background: var(--org-selected); color: var(--org-ink); border-color: var(--org-accent); }
html[data-organization-theme] .agreement-strip>li>b { color: var(--org-muted); }
html[data-organization-theme] .assembly-progress { background: var(--org-line); }
html[data-organization-theme] .assembly-progress>span { background: var(--org-accent); }
html[data-organization-theme] .commitment-kind-controls>button { background: var(--org-surface); border-color: var(--org-line); color: var(--org-muted); }
html[data-organization-theme] .commitment-kind-controls>button[aria-pressed="true"] { background: var(--org-selected); color: var(--org-ink); border-color: var(--org-accent); }
html[data-organization-theme="light"] .commitment-kind-controls>button[data-commitment-kind="time"] { border-top: 3px solid var(--org-blue); }
html[data-organization-theme="light"] .commitment-kind-controls>button[data-commitment-kind="skill"] { border-top: 3px solid var(--org-amber); }
html[data-organization-theme="light"] .commitment-kind-controls>button[data-commitment-kind="perspective"] { border-top: 3px solid var(--org-lilac); }
html[data-organization-theme] .commitment-clock { stroke: var(--org-line); }
html[data-organization-theme] .commitment-clock-hand { stroke: var(--org-accent); }
html[data-organization-theme] #commitment-minutes::-webkit-slider-runnable-track { background: linear-gradient(90deg,var(--org-accent) 0 var(--commitment-range,40%),var(--org-line) var(--commitment-range,40%) 100%); }
html[data-organization-theme] #commitment-minutes::-moz-range-track { background: var(--org-line); }
html[data-organization-theme] #commitment-minutes::-moz-range-progress { background: var(--org-accent); }
html[data-organization-theme] #commitment-minutes::-webkit-slider-thumb { background: var(--org-accent); border-color: var(--org-page); box-shadow: 0 0 0 1px var(--org-accent); }
html[data-organization-theme] #commitment-minutes::-moz-range-thumb { background: var(--org-accent); border-color: var(--org-page); box-shadow: 0 0 0 1px var(--org-accent); }
html[data-organization-theme] :is(#commitment-minutes, .commitment-relay-details>summary):focus-visible { outline-color: var(--org-accent); }
html[data-organization-theme] #commitment-focus-choices>button[aria-pressed="true"] { border-color: var(--org-accent); background: var(--org-selected); }
html[data-organization-theme] .commitment-draft { background: var(--org-paper); color: var(--org-paper-ink); box-shadow: inset 0 -6px 0 var(--org-paper-line); }
html[data-organization-theme] .commitment-draft:before,
html[data-organization-theme] .commitment-draft:after { background: var(--org-page); }
html[data-organization-theme] :is(.commitment-draft-meta, .commitment-draft-parts>span, .commitment-draft-rule) { border-color: var(--org-paper-line); }
html[data-organization-theme] :is(.commitment-draft-parts small, .commitment-draft-rule) { color: var(--org-paper-muted); }
html[data-organization-theme] .commitment-builder[data-response="no"] .commitment-draft { background: var(--org-paper); box-shadow: inset 0 -6px 0 var(--org-paper-line); }
html[data-organization-theme] .commitment-builder[data-response="no"] .commitment-part-scope { color: var(--org-paper-muted); }
html[data-organization-theme] .commitment-response-controls>button { background: var(--org-surface); color: var(--org-ink); }
html[data-organization-theme] .commitment-response-controls>button[aria-pressed="true"] { background: var(--org-selected); color: var(--org-ink); border-color: var(--org-accent); }
html[data-organization-theme] #commitment-copy { color: var(--org-ink); }
html[data-organization-theme] #commitment-copy-fallback { color: var(--org-ink); background: var(--org-surface); border-color: var(--org-line); }
html[data-organization-theme] .idea-audio button:hover { background: var(--org-selected); }
html[data-organization-theme] .contribution-explained article { border-color: var(--org-line); }
html[data-organization-theme] .contribution-explained p { color: var(--org-muted); }
html[data-organization-theme="dark"] img[src*="organization-stack-"] { filter: grayscale(1) brightness(0) invert(1); }

@media(max-width:1000px) {
  html[data-organization-theme] .header-nav { gap: 17px; }
  .org-theme-switch button { padding-inline: 9px; }
}
@media(max-width:700px) {
  html[data-organization-theme] .org-header { gap: 10px; }
  html[data-organization-theme] .header-nav { gap: 13px; }
  .org-theme-switch { position: absolute; top: 62px; right: 6%; }
  .org-theme-switch button { min-height: 34px; font-size: 9px; padding: 9px 11px; }
  html[data-organization-theme] .perspectives-copy::before { background: linear-gradient(180deg, transparent, var(--org-page) 15%, var(--org-page) 85%, transparent); }
}
/* Restored compact supporting elements: paint only, no layout overrides. */
html[data-organization-theme] .offer-story { color:var(--org-ink);border-color:var(--org-line);background:transparent; }
html[data-organization-theme] .offer-story.is-spotlight { color:var(--org-ink);border-color:var(--org-accent);background:var(--org-soft); }
html[data-organization-theme] :is(.offer-name,.offer-phrase,.agreement-number,.agreement-story p) { color:var(--org-muted); }
html[data-organization-theme] .agreement-story { border-color:var(--org-line); }
html[data-organization-theme] .agreement-story.is-spotlight { border-color:var(--org-accent); }
html[data-organization-theme] .agreement-story svg { stroke:var(--org-muted); }
html[data-organization-theme] .agreement-story.is-spotlight svg { stroke:var(--org-ink); }
html[data-organization-theme="light"] [data-offer="time"] .offer-illustration { color:var(--org-pink); }
html[data-organization-theme="light"] [data-offer="skill"] .offer-illustration { color:var(--org-blue); }
html[data-organization-theme="light"] [data-offer="perspective"] .offer-illustration { color:var(--org-green); }