/* The three AI-writing pages: same shell as the atlas (styles.css), plus charts. Light and dark. */
:root{--ai-s0:#1d6b59;--ai-s1:#a4501a;--ai-grid:#dfe0da;--ai-axis:#5d6a72;--ai-card:#fffefb;--ai-ref:#7a3b3b}
@media (prefers-color-scheme:dark){
 :root:not([data-theme=light]){--bg:#101a22;--ink:#e8eef0;--muted:#a7b4bb;--border:#2b3b46;--green:#5fc7ac;--navy:#0b141b;--ai-s0:#5fc7ac;--ai-s1:#f0a46b;--ai-grid:#2b3b46;--ai-axis:#a7b4bb;--ai-card:#16232d;--ai-ref:#f08a8a}
}
.site-head nav{flex-wrap:wrap;gap:6px 22px;justify-content:flex-end}
.site-head{height:auto;min-height:64px;padding-top:8px;padding-bottom:8px}
.ai-head{margin:8px 0 18px;max-width:820px}.ai-lede{font-size:16px;color:var(--ink)}
.ai-page section{margin:26px 0}.ai-page h2{margin-top:6px}
.ai-controls{background:var(--bg);border-bottom:1px solid var(--border);padding:12px 0;display:grid;gap:10px}
#ai-controls{display:grid;gap:8px}
.ai-label{font-size:13px;color:var(--ink);display:block}
.ai-page select{background:var(--ai-card);color:var(--ink);border:1px solid var(--border);border-radius:6px;padding:7px 9px;font-size:14px;max-width:100%}
#ai-cutoff-out{font:600 18px/1.2 Georgia,serif;color:var(--ink)}
.ai-slider{position:relative;padding-bottom:22px;max-width:640px}
.ai-slider input[type=range]{width:100%;margin:6px 0;accent-color:var(--green);height:28px}
.ai-ticks span{white-space:nowrap;position:absolute;bottom:0;transform:translateX(-50%);font-size:11px;color:var(--muted)}
.ai-check{font-size:13px;color:var(--ink);display:flex;gap:6px;align-items:flex-start}.ai-check input{margin-top:3px;width:18px;height:18px;flex:none}
.ai-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.ai-stat{background:var(--ai-card);border:1px solid var(--border);border-radius:8px;padding:12px 14px;display:flex;flex-direction:column;gap:2px}
.ai-stat b{font:400 30px/1.15 Georgia,serif;color:var(--ink)}.ai-stat span{font-size:13px;color:var(--ink)}.ai-stat small{color:var(--muted);font-size:12px}
.ai-chartbox{background:var(--ai-card);border:1px solid var(--border);border-radius:8px;padding:10px}
.ai-chart{width:100%;height:auto;display:block;font-family:inherit}
.ai-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media (max-width:900px){.ai-grid3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.ai-grid3{grid-template-columns:minmax(0,1fr)}main{padding-left:16px;padding-right:16px}.site-head{padding:8px 16px}.ai-chartbox{padding:4px}}
.ai-panel{margin:0;background:var(--ai-card);border:1px solid var(--border);border-radius:8px;padding:8px}
.ai-panel figcaption{font-weight:600;font-size:14px;color:var(--ink)}
.ai-small-note,.ai-empty{font-size:12px;color:var(--muted);margin:4px 0}
.ai-grid line{stroke:var(--ai-grid);stroke-width:1}.ai-axis{stroke:var(--ai-axis);stroke-width:1.2}
line.ai-grid{stroke:var(--ai-grid)}
.ai-tick{font-size:11px;fill:var(--muted)}.ai-axis-label{font-size:12px;fill:var(--ink)}.ai-valuelabel{fill:var(--ink)}
.ai-reflabel{font-size:11px;fill:var(--ai-ref)}.ai-ref{stroke:var(--ai-ref);stroke-width:1.4;stroke-dasharray:2 4}
.ai-line{fill:none;stroke-width:2.2}.ai-band{opacity:.18;stroke:none}
.ai-s0.ai-line,.ai-s0.ai-mark{stroke:var(--ai-s0)}.ai-s1.ai-line,.ai-s1.ai-mark{stroke:var(--ai-s1)}
.ai-mark{stroke-width:1.5;fill:var(--ai-card)}.ai-s0.ai-mark,.ai-s1.ai-mark{fill:var(--ai-card)}
.ai-s0.ai-band,.ai-s0.ai-bar,.ai-s0.ai-swatch{fill:var(--ai-s0)}.ai-s1.ai-band,.ai-s1.ai-bar,.ai-s1.ai-swatch{fill:var(--ai-s1)}
.ai-bar{stroke:var(--ink);stroke-width:.6}.ai-hatch{opacity:.75}
.ai-swatch{display:inline-block;width:14px;height:14px;border:1px solid var(--ink);vertical-align:-2px;background:var(--ai-s0)}.ai-swatch.ai-s1{background:var(--ai-s1)}
.ai-swatch.ai-hatch{background-image:repeating-linear-gradient(45deg,transparent 0 3px,var(--ink) 3px 4px)}
.ai-bar.ai-hatch{fill:var(--ai-s1)}
.ai-legend{list-style:none;display:flex;flex-wrap:wrap;gap:6px 18px;margin:6px 4px 0;padding:0;font-size:12px;color:var(--ink)}
.ai-table-wrap{overflow-x:auto;margin:8px 0}
.ai-table{border-collapse:collapse;width:100%;font-size:13px;background:var(--ai-card)}
.ai-table caption{text-align:left;font-size:12px;color:var(--muted);padding:4px 0}
.ai-table th,.ai-table td{border-bottom:1px solid var(--border);padding:6px 8px;text-align:left;vertical-align:top;color:var(--ink)}
.ai-table thead th{font-size:12px;color:var(--muted)}
.ai-row{display:flex;flex-wrap:wrap;gap:12px}
.ai-findings{padding-left:20px;color:var(--ink)}.ai-findings li{margin:8px 0}
.ai-method{border-top:1px solid var(--border);padding-top:8px}.ai-method p,.ai-method li{color:var(--ink)}
.ai-page details summary{cursor:pointer;color:var(--green);margin:8px 0}
#ai-error{background:#fbeaea;color:#7a1f1f;padding:10px;border-radius:6px}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.ai-chartbox{overflow-x:auto}
.ai-chartbox>svg.ai-chart:not(.ai-sm){min-width:560px}
.ai-page{overflow-wrap:anywhere}
.ai-table th,.ai-table td{background:transparent}
@media (min-width:760px){.ai-controls{position:sticky;top:0;z-index:5}}

/* sequential bands, light to dark by AI share; outlines and labels carry the cutoff, not colour alone */
:root{--b0:#e9ecea;--b1:#c5dfd6;--b2:#8ec5b3;--b3:#3f9a82;--b4:#14503f;--bt0:#1a2935;--bt1:#1a2935;--bt2:#1a2935;--bt3:#fff;--bt4:#fff}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--b0:#26343e;--b1:#2f5a4f;--b2:#3f8a74;--b3:#6fc9ae;--b4:#bdeedc;--bt0:#e8eef0;--bt1:#e8eef0;--bt2:#fff;--bt3:#0b141b;--bt4:#0b141b}}
.ai-band0{fill:var(--b0);background:var(--b0)}.ai-band1{fill:var(--b2);background:var(--b2)}.ai-band2{fill:var(--b3);background:var(--b3)}.ai-band3{fill:var(--b4);background:var(--b4)}
.ai-lb0{fill:var(--bt0)}.ai-lb1{fill:var(--bt2)}.ai-lb2{fill:var(--bt3)}.ai-lb3{fill:var(--bt4)}.ai-seglabel{font-size:11px;font-weight:600}
.ai-seg{stroke:var(--ai-card);stroke-width:.6}
.ai-seg.ai-below{opacity:.55}
.ai-seg.ai-at{stroke:var(--ink);stroke-width:1.6}
.ai-seg.ai-part{stroke:var(--ink);stroke-width:1.2;stroke-dasharray:3 2}
.ai-swatch2{display:inline-block;width:16px;height:14px;border:1px solid var(--ink);vertical-align:-2px}