/* Automatic dark mode for the approved Anatomy v4 home page. */
:root {
  color-scheme: light dark;
}

@media screen and (prefers-color-scheme: dark){
  html:not([data-color-scheme="light"]){
    --paper: oklch(16.2% .006 95);
    --ink: oklch(92.8% .015 88);
    --soft: oklch(70% .012 88);
    --line: oklch(28.5% .009 92);
    --accent: oklch(67% .14 39);
    --surface: oklch(20.2% .007 95);
    --sheet: oklch(93.7% .015 90);
    --deep: oklch(13.8% .005 95);
    --light-ink: oklch(92.8% .015 88);
    --dark-control: #6b675e;
    --dark-line-strong: oklch(38% .014 87);
    --sheet-ink: #244438;
    --sheet-muted: #50675a;
    --sheet-line: #b8c3b8;
    --sheet-accent: #a33f29;
  }

  html:not([data-color-scheme="light"]),
html:not([data-color-scheme="light"]) body{
    background: var(--paper);
    color: var(--ink);
  }

  html:not([data-color-scheme="light"]) ::selection{
    background: var(--accent);
    color: var(--deep);
  }

  html:not([data-color-scheme="light"]) .site-nav,
html:not([data-color-scheme="light"]) .site-nav .mobile-nav nav,
html:not([data-color-scheme="light"]) .hero-person,
html:not([data-color-scheme="light"]) .hero-links > a:last-child{
    background: var(--paper);
    color: var(--ink);
  }

  html:not([data-color-scheme="light"]) .primary,
html:not([data-color-scheme="light"]) .button,
html:not([data-color-scheme="light"]) .form-submit{
    background: var(--accent);
    border-color: var(--accent);
    color: var(--deep);
  }

  html:not([data-color-scheme="light"]) .primary:hover,
html:not([data-color-scheme="light"]) .button:hover,
html:not([data-color-scheme="light"]) .form-submit:hover{
    background: oklch(72% .14 39);
    border-color: oklch(72% .14 39);
    color: var(--deep);
  }

  html:not([data-color-scheme="light"]) .site-nav .nav-contact,
html:not([data-color-scheme="light"]) .text-link,
html:not([data-color-scheme="light"]) .anatomy-cta,
html:not([data-color-scheme="light"]) .diagnostic-note > a{
    border-color: var(--ink);
  }

  html:not([data-color-scheme="light"]) .experience-band,
html:not([data-color-scheme="light"]) .archive-section,
html:not([data-color-scheme="light"]) .tools-section,
html:not([data-color-scheme="light"]) .editorial-cover,
html:not([data-color-scheme="light"]) .site-footer{
    background: var(--deep);
    color: var(--ink);
  }

  html:not([data-color-scheme="light"]) .experience-band span,
html:not([data-color-scheme="light"]) .experience-band > p,
html:not([data-color-scheme="light"]) .archive-section :is(.eyebrow, .block-intro),
html:not([data-color-scheme="light"]) .tools-section :is(.eyebrow, .block-intro),
html:not([data-color-scheme="light"]) .tool-register :is(p, small),
html:not([data-color-scheme="light"]) .tools-more,
html:not([data-color-scheme="light"]) .editorial-cover :is(span, p, ol),
html:not([data-color-scheme="light"]) .site-footer :is(p, .footer-heading, h2),
html:not([data-color-scheme="light"]) .footer-bottom{
    color: var(--soft);
  }

  html:not([data-color-scheme="light"]) .experience-band > p,
html:not([data-color-scheme="light"]) .tool-register > a,
html:not([data-color-scheme="light"]) .footer-bottom{
    border-color: var(--dark-line-strong);
  }

  html:not([data-color-scheme="light"]) .archive-section :is(.section-number, .case-tabs button > span),
html:not([data-color-scheme="light"]) .tools-section .section-number{
    color: oklch(77.2% .083 39);
  }

  html:not([data-color-scheme="light"]) .service-table-head{
    background: var(--deep);
    color: var(--soft);
  }

  html:not([data-color-scheme="light"]) .service:hover,
html:not([data-color-scheme="light"]) .situation-list button:hover,
html:not([data-color-scheme="light"]) .layer-controls button:hover,
html:not([data-color-scheme="light"]) .month-selector button:hover{
    background: var(--surface);
    color: var(--ink);
  }

  html:not([data-color-scheme="light"]) .diagnostic-note,
html:not([data-color-scheme="light"]) .process-detail,
html:not([data-color-scheme="light"]) .deliverable-section,
html:not([data-color-scheme="light"]) .proof-section,
html:not([data-color-scheme="light"]) .journal-section,
html:not([data-color-scheme="light"]) .contact-section,
html:not([data-color-scheme="light"]) .case-method,
html:not([data-color-scheme="light"]) .open-case{
    background: var(--surface);
  }

  html:not([data-color-scheme="light"]) .proof-copy,
html:not([data-color-scheme="light"]) .article-list > article,
html:not([data-color-scheme="light"]) .deliverable-points article,
html:not([data-color-scheme="light"]) .boundary-manifest article,
html:not([data-color-scheme="light"]) .boundary-manifest li{
    border-color: var(--line);
  }

  html:not([data-color-scheme="light"]) .layer-controls button[aria-pressed="true"],
html:not([data-color-scheme="light"]) .month-selector button[aria-pressed="true"]{
    background: var(--accent);
    color: var(--deep);
  }

  html:not([data-color-scheme="light"]) .layer-controls button[aria-pressed="true"]:hover,
html:not([data-color-scheme="light"]) .month-selector button[aria-pressed="true"]:hover{
    background: oklch(72% .14 39);
    color: var(--deep);
  }

  html:not([data-color-scheme="light"]) .anatomy #layer-question{
    color: var(--accent);
  }

  html:not([data-color-scheme="light"]) main .eyebrow,
html:not([data-color-scheme="light"]) main .section-number{
    color: var(--soft);
  }

  html:not([data-color-scheme="light"]) .archive-section .section-number,
html:not([data-color-scheme="light"]) .tools-section .section-number{
    color: oklch(77.2% .083 39) !important;
  }

  html:not([data-color-scheme="light"]) .process-stages button > span{
    color: var(--soft) !important;
  }

  html:not([data-color-scheme="light"]) .process-stages button[aria-pressed="true"]{
    border-color: var(--accent);
  }

  html:not([data-color-scheme="light"]) .process-stages button[aria-pressed="true"] > span{
    color: var(--accent) !important;
  }

  html:not([data-color-scheme="light"]) .plane{
    background: oklch(23% .012 105);
    border-color: var(--dark-line-strong);
    box-shadow: 1px 2px 0 var(--deep), 4px 6px 0 oklch(11% .004 95);
  }

  html:not([data-color-scheme="light"]) .plane-pages{
    background: oklch(21% .009 95);
  }

  html:not([data-color-scheme="light"]) .plane.selected{
    background: oklch(27% .018 95);
    border-color: var(--accent);
    box-shadow: 1px 3px 0 var(--accent), 4px 7px 0 var(--deep);
  }

  html:not([data-color-scheme="light"]) .plane :is(.plane-caption, .plane-footer, .wire-nav, .structure-groups, .structure-groups b, .structure-groups span){
    border-color: var(--dark-line-strong);
  }

  html:not([data-color-scheme="light"]) .structure-root,
html:not([data-color-scheme="light"]) .wire-items b,
html:not([data-color-scheme="light"]) .index-matrix span{
    background: oklch(31% .025 145);
    border-color: oklch(43% .04 145);
  }

  html:not([data-color-scheme="light"]) .wire-items div:nth-child(2) b,
html:not([data-color-scheme="light"]) .index-matrix span.excluded{
    background: oklch(25% .012 95);
  }

  html:not([data-color-scheme="light"]) .wire-items div:nth-child(3) b,
html:not([data-color-scheme="light"]) .index-matrix span.highlighted{
    background: oklch(37% .045 145);
  }

  html:not([data-color-scheme="light"]) .wire-side i,
html:not([data-color-scheme="light"]) .structure-line{
    background: var(--dark-line-strong);
  }

  html:not([data-color-scheme="light"]) .structure-groups .marked{
    background: oklch(42% .09 39);
    color: var(--ink);
    border-color: var(--accent);
  }

  html:not([data-color-scheme="light"]) .plane-crawl [stroke="#8b9a92"]{
    stroke: var(--dark-line-strong);
  }

  html:not([data-color-scheme="light"]) .plane-crawl [stroke="#c95336"]{
    stroke: var(--accent);
  }

  html:not([data-color-scheme="light"]) .plane-crawl [fill="#e8ede6"]{
    fill: var(--surface);
  }

  html:not([data-color-scheme="light"]) .plane-crawl [stroke="#547365"]{
    stroke: oklch(57% .07 160);
  }

  html:not([data-color-scheme="light"]) .open-case{
    border-color: var(--line);
  }

  html:not([data-color-scheme="light"]) .chart-grid path{
    stroke: var(--line);
  }

  html:not([data-color-scheme="light"]) .chart-grid text,
html:not([data-color-scheme="light"]) #growth-chart .chart-grid text,
html:not([data-color-scheme="light"]) #growth-chart .chart-bottom text{
    fill: var(--soft);
  }

  html:not([data-color-scheme="light"]) #chart-area{
    fill: oklch(33% .035 145);
  }

  html:not([data-color-scheme="light"]) .data-line{
    stroke: var(--ink);
  }

  html:not([data-color-scheme="light"]) #active-point{
    fill: var(--accent);
    stroke: var(--surface);
  }

  html:not([data-color-scheme="light"]) .small-point{
    fill: var(--surface);
    stroke: var(--ink);
  }

  html:not([data-color-scheme="light"]) .chart-note,
html:not([data-color-scheme="light"]) #growth-chart .chart-note{
    fill: var(--accent);
  }

  html:not([data-color-scheme="light"]) .field input,
html:not([data-color-scheme="light"]) .field textarea{
    background: var(--deep);
    border-color: var(--dark-control);
    color: var(--ink);
  }

  html:not([data-color-scheme="light"]) .field input::placeholder,
html:not([data-color-scheme="light"]) .field textarea::placeholder{
    color: var(--soft);
  }

  html:not([data-color-scheme="light"]) .field input:focus,
html:not([data-color-scheme="light"]) .field textarea:focus{
    outline-color: var(--accent);
  }

  html:not([data-color-scheme="light"]) .consent input{
    accent-color: var(--accent);
  }

  html:not([data-color-scheme="light"]) .form-status.is-ready{
    background: var(--surface);
    border-color: var(--dark-line-strong);
    color: var(--ink);
  }

  html:not([data-color-scheme="light"]) :is(.archive-paper, .report-model, .audit-gateway, .workbook, .back-top, dialog){
    --paper: oklch(93.7% .015 90);
    --ink: var(--sheet-ink);
    --soft: var(--sheet-muted);
    --line: var(--sheet-line);
    --accent: var(--sheet-accent);
    --surface: #dbe2d8;
    --deep: #1c382f;
    background: var(--sheet);
    color: var(--ink);
  }

  html:not([data-color-scheme="light"]) .audit-gateway .primary{
    background: oklch(67% .14 39);
    border-color: oklch(67% .14 39);
    color: oklch(13.8% .005 95);
  }

  html:not([data-color-scheme="light"]) .case-tabs button{
    background: oklch(24% .025 155);
    color: var(--ink);
  }

  html:not([data-color-scheme="light"]) .case-tabs button:hover{
    background: oklch(31% .035 155);
  }

  html:not([data-color-scheme="light"]) .case-tabs button[aria-pressed="true"],
html:not([data-color-scheme="light"]) .case-tabs button[aria-pressed="true"]:hover{
    background: var(--sheet);
    color: var(--sheet-ink);
  }

  html:not([data-color-scheme="light"]) .case-tabs button[aria-pressed="true"] :is(span, small){
    color: var(--sheet-muted);
  }

  html:not([data-color-scheme="light"]) .archive-paper,
html:not([data-color-scheme="light"]) .report-model{
    box-shadow: 7px 9px 0 oklch(9% .003 95);
  }

  html:not([data-color-scheme="light"]) .case-chart-plate{
    background: #fcfcf7;
  }

  html:not([data-color-scheme="light"]) .workbook-tabs,
html:not([data-color-scheme="light"]) .sheet-columns span{
    background: #dbe2d8;
  }

  html:not([data-color-scheme="light"]) .field :is(input, textarea):-webkit-autofill{
    -webkit-text-fill-color: var(--ink);
    box-shadow: 0 0 0 1000px var(--deep) inset;
  }
}
/* Manual theme override: the same dark rules apply when a visitor chooses dark mode on a light system. */
@media screen{
  html[data-color-scheme="dark"]{
    --paper: oklch(16.2% .006 95);
    --ink: oklch(92.8% .015 88);
    --soft: oklch(70% .012 88);
    --line: oklch(28.5% .009 92);
    --accent: oklch(67% .14 39);
    --surface: oklch(20.2% .007 95);
    --sheet: oklch(93.7% .015 90);
    --deep: oklch(13.8% .005 95);
    --light-ink: oklch(92.8% .015 88);
    --dark-control: #6b675e;
    --dark-line-strong: oklch(38% .014 87);
    --sheet-ink: #244438;
    --sheet-muted: #50675a;
    --sheet-line: #b8c3b8;
    --sheet-accent: #a33f29;
  }

  html[data-color-scheme="dark"],
html[data-color-scheme="dark"] body{
    background: var(--paper);
    color: var(--ink);
  }

  html[data-color-scheme="dark"] ::selection{
    background: var(--accent);
    color: var(--deep);
  }

  html[data-color-scheme="dark"] .site-nav,
html[data-color-scheme="dark"] .site-nav .mobile-nav nav,
html[data-color-scheme="dark"] .hero-person,
html[data-color-scheme="dark"] .hero-links > a:last-child{
    background: var(--paper);
    color: var(--ink);
  }

  html[data-color-scheme="dark"] .primary,
html[data-color-scheme="dark"] .button,
html[data-color-scheme="dark"] .form-submit{
    background: var(--accent);
    border-color: var(--accent);
    color: var(--deep);
  }

  html[data-color-scheme="dark"] .primary:hover,
html[data-color-scheme="dark"] .button:hover,
html[data-color-scheme="dark"] .form-submit:hover{
    background: oklch(72% .14 39);
    border-color: oklch(72% .14 39);
    color: var(--deep);
  }

  html[data-color-scheme="dark"] .site-nav .nav-contact,
html[data-color-scheme="dark"] .text-link,
html[data-color-scheme="dark"] .anatomy-cta,
html[data-color-scheme="dark"] .diagnostic-note > a{
    border-color: var(--ink);
  }

  html[data-color-scheme="dark"] .experience-band,
html[data-color-scheme="dark"] .archive-section,
html[data-color-scheme="dark"] .tools-section,
html[data-color-scheme="dark"] .editorial-cover,
html[data-color-scheme="dark"] .site-footer{
    background: var(--deep);
    color: var(--ink);
  }

  html[data-color-scheme="dark"] .experience-band span,
html[data-color-scheme="dark"] .experience-band > p,
html[data-color-scheme="dark"] .archive-section :is(.eyebrow, .block-intro),
html[data-color-scheme="dark"] .tools-section :is(.eyebrow, .block-intro),
html[data-color-scheme="dark"] .tool-register :is(p, small),
html[data-color-scheme="dark"] .tools-more,
html[data-color-scheme="dark"] .editorial-cover :is(span, p, ol),
html[data-color-scheme="dark"] .site-footer :is(p, .footer-heading, h2),
html[data-color-scheme="dark"] .footer-bottom{
    color: var(--soft);
  }

  html[data-color-scheme="dark"] .experience-band > p,
html[data-color-scheme="dark"] .tool-register > a,
html[data-color-scheme="dark"] .footer-bottom{
    border-color: var(--dark-line-strong);
  }

  html[data-color-scheme="dark"] .archive-section :is(.section-number, .case-tabs button > span),
html[data-color-scheme="dark"] .tools-section .section-number{
    color: oklch(77.2% .083 39);
  }

  html[data-color-scheme="dark"] .service-table-head{
    background: var(--deep);
    color: var(--soft);
  }

  html[data-color-scheme="dark"] .service:hover,
html[data-color-scheme="dark"] .situation-list button:hover,
html[data-color-scheme="dark"] .layer-controls button:hover,
html[data-color-scheme="dark"] .month-selector button:hover{
    background: var(--surface);
    color: var(--ink);
  }

  html[data-color-scheme="dark"] .diagnostic-note,
html[data-color-scheme="dark"] .process-detail,
html[data-color-scheme="dark"] .deliverable-section,
html[data-color-scheme="dark"] .proof-section,
html[data-color-scheme="dark"] .journal-section,
html[data-color-scheme="dark"] .contact-section,
html[data-color-scheme="dark"] .case-method,
html[data-color-scheme="dark"] .open-case{
    background: var(--surface);
  }

  html[data-color-scheme="dark"] .proof-copy,
html[data-color-scheme="dark"] .article-list > article,
html[data-color-scheme="dark"] .deliverable-points article,
html[data-color-scheme="dark"] .boundary-manifest article,
html[data-color-scheme="dark"] .boundary-manifest li{
    border-color: var(--line);
  }

  html[data-color-scheme="dark"] .layer-controls button[aria-pressed="true"],
html[data-color-scheme="dark"] .month-selector button[aria-pressed="true"]{
    background: var(--accent);
    color: var(--deep);
  }

  html[data-color-scheme="dark"] .layer-controls button[aria-pressed="true"]:hover,
html[data-color-scheme="dark"] .month-selector button[aria-pressed="true"]:hover{
    background: oklch(72% .14 39);
    color: var(--deep);
  }

  html[data-color-scheme="dark"] .anatomy #layer-question{
    color: var(--accent);
  }

  html[data-color-scheme="dark"] main .eyebrow,
html[data-color-scheme="dark"] main .section-number{
    color: var(--soft);
  }

  html[data-color-scheme="dark"] .archive-section .section-number,
html[data-color-scheme="dark"] .tools-section .section-number{
    color: oklch(77.2% .083 39) !important;
  }

  html[data-color-scheme="dark"] .process-stages button > span{
    color: var(--soft) !important;
  }

  html[data-color-scheme="dark"] .process-stages button[aria-pressed="true"]{
    border-color: var(--accent);
  }

  html[data-color-scheme="dark"] .process-stages button[aria-pressed="true"] > span{
    color: var(--accent) !important;
  }

  html[data-color-scheme="dark"] .plane{
    background: oklch(23% .012 105);
    border-color: var(--dark-line-strong);
    box-shadow: 1px 2px 0 var(--deep), 4px 6px 0 oklch(11% .004 95);
  }

  html[data-color-scheme="dark"] .plane-pages{
    background: oklch(21% .009 95);
  }

  html[data-color-scheme="dark"] .plane.selected{
    background: oklch(27% .018 95);
    border-color: var(--accent);
    box-shadow: 1px 3px 0 var(--accent), 4px 7px 0 var(--deep);
  }

  html[data-color-scheme="dark"] .plane :is(.plane-caption, .plane-footer, .wire-nav, .structure-groups, .structure-groups b, .structure-groups span){
    border-color: var(--dark-line-strong);
  }

  html[data-color-scheme="dark"] .structure-root,
html[data-color-scheme="dark"] .wire-items b,
html[data-color-scheme="dark"] .index-matrix span{
    background: oklch(31% .025 145);
    border-color: oklch(43% .04 145);
  }

  html[data-color-scheme="dark"] .wire-items div:nth-child(2) b,
html[data-color-scheme="dark"] .index-matrix span.excluded{
    background: oklch(25% .012 95);
  }

  html[data-color-scheme="dark"] .wire-items div:nth-child(3) b,
html[data-color-scheme="dark"] .index-matrix span.highlighted{
    background: oklch(37% .045 145);
  }

  html[data-color-scheme="dark"] .wire-side i,
html[data-color-scheme="dark"] .structure-line{
    background: var(--dark-line-strong);
  }

  html[data-color-scheme="dark"] .structure-groups .marked{
    background: oklch(42% .09 39);
    color: var(--ink);
    border-color: var(--accent);
  }

  html[data-color-scheme="dark"] .plane-crawl [stroke="#8b9a92"]{
    stroke: var(--dark-line-strong);
  }

  html[data-color-scheme="dark"] .plane-crawl [stroke="#c95336"]{
    stroke: var(--accent);
  }

  html[data-color-scheme="dark"] .plane-crawl [fill="#e8ede6"]{
    fill: var(--surface);
  }

  html[data-color-scheme="dark"] .plane-crawl [stroke="#547365"]{
    stroke: oklch(57% .07 160);
  }

  html[data-color-scheme="dark"] .open-case{
    border-color: var(--line);
  }

  html[data-color-scheme="dark"] .chart-grid path{
    stroke: var(--line);
  }

  html[data-color-scheme="dark"] .chart-grid text,
html[data-color-scheme="dark"] #growth-chart .chart-grid text,
html[data-color-scheme="dark"] #growth-chart .chart-bottom text{
    fill: var(--soft);
  }

  html[data-color-scheme="dark"] #chart-area{
    fill: oklch(33% .035 145);
  }

  html[data-color-scheme="dark"] .data-line{
    stroke: var(--ink);
  }

  html[data-color-scheme="dark"] #active-point{
    fill: var(--accent);
    stroke: var(--surface);
  }

  html[data-color-scheme="dark"] .small-point{
    fill: var(--surface);
    stroke: var(--ink);
  }

  html[data-color-scheme="dark"] .chart-note,
html[data-color-scheme="dark"] #growth-chart .chart-note{
    fill: var(--accent);
  }

  html[data-color-scheme="dark"] .field input,
html[data-color-scheme="dark"] .field textarea{
    background: var(--deep);
    border-color: var(--dark-control);
    color: var(--ink);
  }

  html[data-color-scheme="dark"] .field input::placeholder,
html[data-color-scheme="dark"] .field textarea::placeholder{
    color: var(--soft);
  }

  html[data-color-scheme="dark"] .field input:focus,
html[data-color-scheme="dark"] .field textarea:focus{
    outline-color: var(--accent);
  }

  html[data-color-scheme="dark"] .consent input{
    accent-color: var(--accent);
  }

  html[data-color-scheme="dark"] .form-status.is-ready{
    background: var(--surface);
    border-color: var(--dark-line-strong);
    color: var(--ink);
  }

  html[data-color-scheme="dark"] :is(.archive-paper, .report-model, .audit-gateway, .workbook, .back-top, dialog){
    --paper: oklch(93.7% .015 90);
    --ink: var(--sheet-ink);
    --soft: var(--sheet-muted);
    --line: var(--sheet-line);
    --accent: var(--sheet-accent);
    --surface: #dbe2d8;
    --deep: #1c382f;
    background: var(--sheet);
    color: var(--ink);
  }

  html[data-color-scheme="dark"] .audit-gateway .primary{
    background: oklch(67% .14 39);
    border-color: oklch(67% .14 39);
    color: oklch(13.8% .005 95);
  }

  html[data-color-scheme="dark"] .case-tabs button{
    background: oklch(24% .025 155);
    color: var(--ink);
  }

  html[data-color-scheme="dark"] .case-tabs button:hover{
    background: oklch(31% .035 155);
  }

  html[data-color-scheme="dark"] .case-tabs button[aria-pressed="true"],
html[data-color-scheme="dark"] .case-tabs button[aria-pressed="true"]:hover{
    background: var(--sheet);
    color: var(--sheet-ink);
  }

  html[data-color-scheme="dark"] .case-tabs button[aria-pressed="true"] :is(span, small){
    color: var(--sheet-muted);
  }

  html[data-color-scheme="dark"] .archive-paper,
html[data-color-scheme="dark"] .report-model{
    box-shadow: 7px 9px 0 oklch(9% .003 95);
  }

  html[data-color-scheme="dark"] .case-chart-plate{
    background: #fcfcf7;
  }

  html[data-color-scheme="dark"] .workbook-tabs,
html[data-color-scheme="dark"] .sheet-columns span{
    background: #dbe2d8;
  }

  html[data-color-scheme="dark"] .field :is(input, textarea):-webkit-autofill{
    -webkit-text-fill-color: var(--ink);
    box-shadow: 0 0 0 1000px var(--deep) inset;
  }
}

/* Production home additions: the task card and Chexter card are deliberate
   paper objects. Keep their complete local palette together in dark mode. */
@media screen and (prefers-color-scheme: dark){
  html:not([data-color-scheme="light"]) :is(.report-issue, .tool-featured){
    color-scheme: light;
    --paper: var(--sheet);
    --ink: var(--sheet-ink);
    --soft: var(--sheet-muted);
    --line: var(--sheet-line);
    --accent: var(--sheet-accent);
    --surface: #dbe2d8;
    background: var(--sheet);
    color: var(--sheet-ink);
  }

  html:not([data-color-scheme="light"]) :is(
    .hero-portrait__caption .mono,
    .chapter-break__num,
    .deliverable-points article > span,
    .article-list article > span,
    .contact-form label span,
    .open-case .readout .mono,
    .open-case .annotation-label span,
    #layer-question,
    .situation-list button[aria-pressed="true"] > .mono,
    .situation-list button[aria-pressed="true"] strong,
    .service-name > span,
    .service--flagship .service-name h3,
    .faq-list details[open] summary
  ){
    color: oklch(77.2% .083 39) !important;
  }

  html:not([data-color-scheme="light"]) .case-tabs__more{
    color: var(--ink);
  }
}

@media screen{
  html[data-color-scheme="dark"] :is(.report-issue, .tool-featured){
    color-scheme: light;
    --paper: var(--sheet);
    --ink: var(--sheet-ink);
    --soft: var(--sheet-muted);
    --line: var(--sheet-line);
    --accent: var(--sheet-accent);
    --surface: #dbe2d8;
    background: var(--sheet);
    color: var(--sheet-ink);
  }

  html[data-color-scheme="dark"] :is(
    .hero-portrait__caption .mono,
    .chapter-break__num,
    .deliverable-points article > span,
    .article-list article > span,
    .contact-form label span,
    .open-case .readout .mono,
    .open-case .annotation-label span,
    #layer-question,
    .situation-list button[aria-pressed="true"] > .mono,
    .situation-list button[aria-pressed="true"] strong,
    .service-name > span,
    .service--flagship .service-name h3,
    .faq-list details[open] summary
  ){
    color: oklch(77.2% .083 39) !important;
  }

  html[data-color-scheme="dark"] .case-tabs__more{
    color: var(--ink);
  }
}

/* Production uses the shared site header instead of the prototype .site-nav. */
@media screen and (prefers-color-scheme: dark) {
  html:not([data-color-scheme="light"]) body.anatomy-home :is(.site-header, .site-header .mobile-nav, .cookie-banner) {
    background: var(--surface);
    color: var(--ink);
    border-color: var(--line);
  }

  html:not([data-color-scheme="light"]) body.anatomy-home .cookie-banner__decline {
    color: var(--ink);
    border-color: var(--dark-line-strong);
  }
}

@media screen {
  html[data-color-scheme="dark"] body.anatomy-home :is(.site-header, .site-header .mobile-nav, .cookie-banner) {
    background: var(--surface);
    color: var(--ink);
    border-color: var(--line);
  }

  html[data-color-scheme="dark"] body.anatomy-home .cookie-banner__decline {
    color: var(--ink);
    border-color: var(--dark-line-strong);
  }
}


@media print {
  :root {
    color-scheme: light;
  }
}