/*
 * WAKE✳︎ MAINTAINER NOTE
 *
 * Primary visual system. Styling communicates hierarchy/readability only; it must never encode experimental truth or state.
 * Keep visual choices separate from data/provenance semantics.
 * THEME MAINTENANCE: palette tokens are intentionally repeated in late overrides and mirrored in map.css/report.py.
 * Any color or radius change must search the full stylesheet and those mirrors for duplicate tokens/overrides before publishing.
 */

:root{--paper:#f7f3ea;--ink:#242335;--muted:#615f6f;--line:#d8d0c5;--orange:#7b3fc6;--green:#286d72;--hot:#a827ff;--pale:#ece6f0;--surface:#fffaf2;--surface-strong:#e8e2ec;--glow:#7b3fc610;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;--sans:Arial,Helvetica,sans-serif;--serif:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.6;font-variant-emoji:text}a{color:inherit;text-decoration:none}.wake-mark{font:inherit;font-weight:900}@media(hover:hover) and (pointer:fine){a:hover{color:var(--hot);text-decoration:none;text-shadow:0 0 7px #a827ff99,0 0 15px #a827ff55}}button,input,select{font:inherit;color:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:4px}[hidden]{display:none!important}.skip{position:fixed;left:12px;top:-70px;background:var(--ink);color:white;padding:12px;z-index:10}.skip:focus{top:12px}.masthead{max-width:1320px;margin:auto;padding:28px 48px 23px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink);gap:24px}.wordmark{font-size:39px;font-weight:900;letter-spacing:-2.5px;line-height:1;display:block}.asterisk{color:var(--orange);display:inline-block;margin-left:3px;vertical-align:top;font:inherit;font-weight:900;font-variant-emoji:text}.wordmark small{display:block;font-family:var(--mono);font-size:8px;letter-spacing:1.25px;font-weight:400;margin-top:11px}.masthead nav{display:flex;gap:31px;font-size:13px}.masthead nav a{padding:8px 0}.masthead nav a[aria-current=page]{color:var(--orange);border-bottom:2px solid var(--orange)}.masthead nav span{font-size:12px}.status{font:9px var(--mono);letter-spacing:1px;white-space:nowrap}.status i{background:var(--green);display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:6px}main{max-width:1224px;margin:auto}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:35px;align-items:center;padding:64px 0 58px}.eyebrow{font:10px var(--mono);letter-spacing:1.65px;margin:0 0 22px;line-height:1.5}.hero h1{font-family:var(--serif);font-size:82px;letter-spacing:-4px;line-height:1.03;font-weight:400;margin:0 0 26px}.hero h1 em{color:var(--orange);font-weight:400}.intro{font-size:16px;line-height:1.7;color:#575b50;margin-bottom:25px}.text-link{font-size:12px;font-weight:700;border-bottom:1px solid var(--ink);padding-bottom:7px;display:inline-block}.text-link span{margin-left:22px}.window{width:79px;height:33px;background:#818477;border:3px solid #12170f;display:flex;overflow:hidden}.window i{width:50%;border-radius:50%;background:#302f25;transform:scale(1.8)}.br{bottom:4px;right:7px}.metric-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:21px 0}.metric{padding:0 25px;border-right:1px solid var(--line);display:flex;gap:13px;align-items:center;color:inherit;text-decoration:none}.metric:hover,.metric:focus-visible{color:inherit}.metric:hover strong,.metric:focus-visible strong{color:var(--hot)}.metric:first-child{padding-left:0}.metric:last-child{border:0}.metric strong{font-family:var(--serif);font-size:34px;font-weight:400;line-height:1}.metric span{font:9px var(--mono);letter-spacing:1px;text-transform:uppercase;line-height:1.7}.metric small{display:block;font:9px var(--mono);color:var(--muted);letter-spacing:0;text-transform:none}.journal-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:64px;padding-top:53px}.section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:25px}.section-top .eyebrow{margin-bottom:8px}.section-top h2{font-family:var(--serif);font-size:33px;font-weight:400;letter-spacing:-1px;margin:0;line-height:1.25}.orange{color:var(--orange)}.subtle{font:10px var(--mono);color:var(--muted)}.filter-row{display:flex;gap:12px;align-items:center;margin-bottom:10px}.search{display:flex;align-items:center;gap:10px;border:1px solid var(--line);padding:8px 13px;flex:1;background:#f7f5ef;min-width:0}.search span{font-size:20px;line-height:1}.search input{border:0;background:transparent;outline-offset:4px;min-width:0;width:100%;font-size:12px;height:24px}.search input::placeholder{color:#77786d}select{max-width:190px;font:11px var(--mono);background:transparent;border:1px solid var(--line);padding:13px 10px;border-radius:0}.entry{padding:30px 0;border-bottom:1px solid var(--line)}.entry-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font:9px var(--mono);letter-spacing:.4px;color:var(--muted)}.cycle{color:var(--orange);font-weight:700}.badge{font:8px var(--mono);letter-spacing:.8px;display:inline-flex;align-items:center;min-height:19px;padding:4px 7px;background:#e3e8dc;color:#426047;border:1px solid #c7d2c0;line-height:1.2;text-transform:uppercase;box-sizing:border-box}.badge.accepted{background:#dcebdd;color:#35623d;border-color:#bad2bd}.badge.simulated,.badge.observation,.badge.research_collected{background:#ede3cf;color:#7e6030;border-color:#dfcda7}.badge.rejected,.badge.failed{background:#f0dbd2;color:#9b3c28;border-color:#e0b8a6}.badge.provider_attempt_started,.badge.provider_attempt_finished{background:#dce8f1;color:#315f7b;border-color:#b9cfdf}.badge.invocation_started{background:#e4e0ef;color:#5c4c7b;border-color:#c9c0dd}.badge.recovered{background:#e5e2ed;color:#635178;border-color:#cec4d9}.badge.deferred{background:#e7e8e5;color:#59605a;border-color:#cfd2cc}.entry h3{font-family:var(--serif);font-size:28px;font-weight:400;letter-spacing:-.5px;margin:14px 0 12px;line-height:1.25}.entry p{font-size:14px;color:#565b50;margin:0 0 15px;line-height:1.8}.entry-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.entry-bottom span{font:9px var(--mono);color:var(--muted)}details{margin-top:13px}summary{cursor:pointer;font:11px var(--mono);color:var(--green);padding:8px 0}details[open] summary{margin-bottom:10px}.decision{background:var(--pale);padding:13px 16px;margin:8px 0;font-size:12px;overflow-wrap:anywhere}.decision p{font-size:12px;margin:5px 0}.decision a{color:var(--orange);font:10px var(--mono);margin-right:10px;text-decoration:underline}.more{padding:14px;width:100%;background:transparent;border:1px solid var(--line);font:11px var(--mono);margin:24px 0}.more:hover{background:var(--pale)}.note-card{background:#e8e8dc;padding:26px 25px 22px;position:relative;border-top:3px solid var(--green)}.note-card .eyebrow{font-size:8px;margin-bottom:18px}.note-card h3{font:29px/1.17 var(--serif);letter-spacing:-.5px;margin:0 0 20px}.note-card p:not(.eyebrow){font-size:12px;color:#565b50;line-height:1.8}.note-card .text-link{font-size:11px;margin-top:8px}.note-stamp{font:bold 9px/1.5 var(--mono);letter-spacing:1.2px;color:#46634c;border:1px solid #6f8270;display:table;padding:7px 10px;margin:32px 0 0 auto;transform:rotate(-8deg)}.sidebar-block{padding:27px 0;border-bottom:1px solid var(--line)}.sidebar-block .eyebrow{font-size:9px;margin-bottom:18px}.obligation{display:flex;gap:10px;font-size:12px;margin-bottom:16px;align-items:flex-start}.obligation .dot{flex-shrink:0;width:8px;height:8px;border:1px solid var(--orange);border-radius:50%;margin-top:6px}.obligation small{display:block;font:9px var(--mono);color:var(--muted);margin-top:6px}.small{font-size:12px;color:var(--muted)}.tiny-label{font:8px var(--mono);letter-spacing:1px;color:var(--green)}footer{max-width:1224px;margin:65px auto 0;border-top:1px solid var(--ink);padding:24px 0;display:flex;gap:26px;align-items:center;flex-wrap:wrap}.footer-mark{font-size:23px;letter-spacing:-1px;font-weight:900;font-variant-emoji:text}footer>span{font:8px var(--mono);letter-spacing:1px}footer>div{margin-left:auto;display:flex;gap:23px;font:9px var(--mono)}footer>p{width:100%;border-top:1px solid var(--line);padding-top:15px;margin:0;font:9px var(--mono);color:var(--muted)}footer>p span{float:right}.page-heading{padding:55px 0 32px}.page-heading h1{font:60px/1.1 var(--serif);letter-spacing:-2px;margin:0 0 18px}.page-heading p:last-child{color:var(--muted);font-size:15px}.lab-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.panel{padding:25px;border:1px solid var(--line);margin-bottom:25px;min-width:0}.panel h2{font:27px var(--serif);margin:0 0 16px}.panel h3{font-size:14px;margin:22px 0 10px}.panel p{font-size:13px;color:var(--muted)}.check{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}.check b{font:10px var(--mono);color:var(--green)}.check b.pending{color:var(--orange)}.flow{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font:10px var(--mono);margin:25px 0}.flow span{padding:10px;border:1px solid var(--line);background:var(--pale)}.wide{max-width:620px;margin-bottom:24px}.data-card{padding:20px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.data-card h3{font:13px var(--mono);margin:0 0 10px}.data-card p{font-size:13px;color:var(--muted)}.data-card .source{font:10px var(--mono);color:var(--green)}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.8 var(--mono);padding:16px;background:#e8e7dd;max-height:420px;overflow:auto}code{font:11px var(--mono);overflow-wrap:anywhere}.audit-row{border-bottom:1px solid var(--line);padding:10px 0}.audit-row summary{display:flex;align-items:center;gap:14px;color:var(--ink);font-size:10px}.audit-row summary .event-id{margin-left:auto;color:var(--muted)}.audit-row p{font-size:12px}.spark{display:flex;height:75px;align-items:flex-end;gap:1px;margin:20px 0}.spark a{display:block;background:var(--green);flex:1;min-width:0;opacity:.8}.spark a:hover{opacity:1;background:var(--orange)}.chart-labels{display:flex;justify-content:space-between;font:9px var(--mono);color:var(--muted)}.empty{padding:40px 15px;text-align:center;font-size:14px;color:var(--muted);border-bottom:1px solid var(--line)}
@media(min-width:1500px){main,footer{max-width:1224px}.masthead{max-width:1320px}}
@media(max-width:1350px){main,footer{margin-left:48px;margin-right:48px}.hero h1{font-size:76px}.journal-layout{gap:48px}}
@media(max-width:1000px){.masthead{padding:24px 30px}.masthead nav{gap:20px}.status{display:none}main,footer{margin-left:30px;margin-right:30px}.hero{gap:20px}.hero h1{font-size:65px}.eyebrow{font-size:8px}.journal-layout{grid-template-columns:minmax(0,1fr) 240px;gap:30px}.metric{padding:0 15px;gap:10px}.metric strong{font-size:29px}.metric span{font-size:8px}.note-card{padding:22px 19px}.note-card h3{font-size:26px}.section-top h2{font-size:29px}.section-top{align-items:flex-start}.intro{font-size:14px}}
@media(max-width:700px){.masthead{padding:20px;flex-wrap:wrap;gap:20px}.wordmark{font-size:34px}.wordmark small{font-size:7px}.masthead nav{gap:24px;font-size:12px;width:100%;justify-content:space-between}.masthead nav a{padding:5px 0}.status{display:inline-block;position:absolute;top:34px;right:20px;font-size:8px}main,footer{margin-left:20px;margin-right:20px}.hero{grid-template-columns:1fr;padding:35px 0 28px;gap:0}.hero h1{font-size:66px;margin-bottom:22px}.hero .eyebrow{font-size:8px;letter-spacing:1.1px}.intro{font-size:14px}.window{width:65px;height:29px}.metric-strip{grid-template-columns:1fr 1fr;padding:8px 0}.metric{padding:13px 0 13px 16px!important;border-right:0}.metric:nth-child(odd){padding-left:0!important;border-right:1px solid var(--line)}.metric:nth-child(-n+2){border-bottom:1px solid var(--line)}.metric strong{font-size:29px;min-width:46px}.metric span{font-size:8px}.metric small{font-size:8px}.journal-layout{grid-template-columns:1fr;padding-top:33px;gap:28px}.section-top{align-items:flex-end}.section-top h2{font-size:28px}.section-top .subtle{font-size:8px;white-space:nowrap}.filter-row{gap:8px;flex-wrap:wrap}.search{padding:7px 10px}.search input{font-size:12px}select{font-size:10px;max-width:135px;padding:13px 7px}.entry{padding:25px 0}.entry h3{font-size:26px}.entry p{font-size:13px}.entry-meta{font-size:8px;gap:7px}.entry-bottom{align-items:flex-start}.entry-bottom span{font-size:8px}aside{display:grid;grid-template-columns:1fr}.note-card{padding:25px}.note-card h3{font-size:29px}.note-stamp{margin-top:20px}.sidebar-block{padding:23px 0}footer{margin-top:35px;gap:16px}.footer-mark{font-size:22px}footer>span{font-size:7px;letter-spacing:.3px}footer>div{margin-left:0;width:100%}footer>p{font-size:8px;line-height:1.7}footer>p span{float:none;display:block}.page-heading{padding:35px 0 24px}.page-heading h1{font-size:45px;letter-spacing:-1.5px}.page-heading p:last-child{font-size:13px}.lab-grid{grid-template-columns:1fr;gap:0}.panel{padding:18px}.audit-row summary{gap:8px;flex-wrap:wrap;font-size:9px}.audit-row summary .event-id{font-size:8px;margin-left:0;width:100%}.badge{font-size:7px}.data-card h3{font-size:11px}.check{font-size:11px}.spark{gap:1px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{.masthead nav,.filter-row,.more,footer>div{display:none}.view[hidden]{display:none!important}body{background:white}main,footer{margin:0}.hero{display:block;padding:20px 0}.hero h1{font-size:44px}.journal-layout{display:block}.journal-layout aside{display:none}.entry{break-inside:avoid}}
/* The pet's workshop: quiet personality, visible work. */
.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.project-card,.notebook-card{border:1px solid var(--line);padding:22px;min-width:0;background:#f7f5ef}.project-card h3,.notebook-card h3{font:26px/1.2 var(--serif);margin:17px 0 13px;letter-spacing:-.5px}.project-card p,.notebook-card p{font-size:13px;color:var(--muted);line-height:1.8}.next-step{font-size:12px;border-top:1px solid var(--line);padding-top:14px;margin:18px 0}.next-step span{display:block;font:8px var(--mono);letter-spacing:1px;color:var(--green);margin-bottom:7px}.notebook-card{display:block;border-top:3px solid var(--orange)}.notebook-card:hover{background:var(--pale);text-decoration:none}.notebook-card .eyebrow{font-size:8px;line-height:1.6}.shelf-title{font:32px var(--serif);margin-top:40px}.notebook-reading{max-width:800px;margin:0 auto;padding-bottom:30px;overflow-wrap:anywhere}.notebook-reading>.eyebrow{margin-top:32px}.notebook-reading h2{font:44px/1.15 var(--serif);letter-spacing:-1px}.notebook-reading h3{font:29px var(--serif);margin:38px 0 15px}.notebook-reading>p{font-size:16px;line-height:1.9}.notebook-lede{color:var(--muted)}.research-note{padding:16px 20px;background:#e9e5d4;border-left:3px solid var(--orange);font-size:12px;margin:22px 0}.masthead nav{gap:22px}
@media(max-width:1000px){.project-grid{grid-template-columns:1fr}.masthead nav{gap:17px}}
@media(max-width:700px){.masthead nav{display:grid;grid-template-columns:repeat(6,auto);gap:10px;font-size:10px}.project-card,.notebook-card{padding:20px}.project-card h3,.notebook-card h3{font-size:25px}.notebook-reading h2{font-size:34px}.notebook-reading>p{font-size:14px}.notebook-reading h3{font-size:26px}}

.help-trigger{width:18px;height:18px;border:1px solid currentColor;border-radius:50%;background:transparent;color:var(--green);font:700 10px/1 var(--mono);padding:0;margin-left:5px;vertical-align:middle;letter-spacing:0;display:inline-flex;align-items:center;justify-content:center;text-align:center}.help-trigger:hover{background:var(--green);color:var(--paper)}.help-layer{position:fixed;inset:0;z-index:100;background:#20231dcc;display:flex;align-items:center;justify-content:center;padding:24px}.help-panel{position:relative;width:min(520px,100%);max-height:calc(100dvh - 32px);overflow:hidden;background:var(--paper);border:1px solid var(--ink);border-top:4px solid var(--orange);box-shadow:10px 12px 0 #11150f55;padding:25px 28px 27px}.help-panel>.eyebrow{margin:0 35px 8px 0;color:var(--green)}.help-panel>h2{font:31px/1.1 var(--serif);letter-spacing:-.5px;margin:0 38px 18px 0}.help-close{position:absolute;top:13px;right:14px;border:0;background:transparent;font:28px/1 var(--sans);padding:4px 8px}.help-copy{display:grid;grid-template-columns:125px 1fr;column-gap:16px;row-gap:9px}.help-copy h3{font:700 9px/1.45 var(--mono);letter-spacing:.5px;text-transform:uppercase;color:var(--orange);margin:0}.help-copy p{font-size:12px;line-height:1.5;color:#4e5349;margin:0}.help-open{overflow:hidden}
@media(max-width:700px){.help-layer{align-items:flex-end;padding:0}.help-panel{width:100%;max-height:calc(100dvh - 8px);border-left:0;border-right:0;border-bottom:0;border-radius:14px 14px 0 0;box-shadow:0 -8px 30px #11150f44;padding:20px 20px max(22px,env(safe-area-inset-bottom))}.help-panel>.eyebrow{font-size:8px;margin-bottom:5px}.help-panel>h2{font-size:25px;margin-bottom:14px}.help-copy{grid-template-columns:1fr;row-gap:3px}.help-copy h3{margin-top:5px}.help-copy p{font-size:11.5px;line-height:1.4}.help-trigger{width:17px;height:17px;font-size:9px;line-height:15px}}
.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding-bottom:28px}.blog-card{border:1px solid var(--line);border-top:3px solid var(--orange);background:#f7f5ef;padding:27px;min-width:0}.blog-card h2{font:31px/1.18 var(--serif);letter-spacing:-.6px;margin:12px 0}.blog-card>p:not(.eyebrow){font-size:15px;color:var(--muted);line-height:1.75}.blog-card blockquote{font:italic 17px/1.55 var(--serif);color:var(--green);border-left:2px solid var(--green);margin:20px 0;padding-left:16px}.blog-reading{max-width:760px;margin:0 auto;padding-bottom:45px}.blog-reading>.eyebrow{margin-top:38px}.blog-reading>h2{font:48px/1.08 var(--serif);letter-spacing:-1.5px;margin:10px 0 16px}.blog-lede{font:21px/1.5 var(--serif);color:var(--muted);margin-bottom:30px}.blog-reading>p:not(.eyebrow):not(.blog-lede):not(.blog-disclosure){font-size:17px;line-height:1.85}.blog-reading blockquote{font:italic 25px/1.4 var(--serif);color:var(--green);border-top:1px solid var(--green);border-bottom:1px solid var(--green);margin:34px 0;padding:25px 8px}.blog-reading blockquote span{display:block;font:8px var(--mono);letter-spacing:1.1px;color:var(--orange);margin-bottom:12px}.blog-receipts{background:var(--pale);padding:24px;margin-top:38px}.blog-receipts .eyebrow{margin-bottom:12px}.blog-receipts p{font-size:13px}.blog-receipts>div{display:flex;gap:14px;flex-wrap:wrap;margin:14px 0}.blog-disclosure{font:italic 12px/1.6 var(--sans);color:var(--muted);margin-top:25px}.blog-empty{margin-bottom:35px}
@media(max-width:700px){.masthead nav{grid-template-columns:repeat(7,auto);gap:7px;font-size:9px}.blog-grid{grid-template-columns:1fr}.blog-card{padding:22px}.blog-reading>h2{font-size:37px}.blog-lede{font-size:18px}.blog-reading>p:not(.eyebrow):not(.blog-lede):not(.blog-disclosure){font-size:16px;line-height:1.75}.blog-reading blockquote{font-size:21px;padding:20px 4px}.blog-receipts{padding:19px}}

/* Reader themes and larger type. Light stays warm and editorial; dark borrows
   Tokyo Night Storm's blue-black surfaces, with WAKE's black-light purple. */
:root[data-theme="dark"]{color-scheme:dark;--paper:#24283b;--ink:#c0caf5;--muted:#a9b1d6;--line:#3b4261;--orange:#bb9af7;--hot:#7aa2f7;--green:#7dcfff;--pale:#292e42;--surface:#1f2335;--surface-strong:#292e42;--glow:#7aa2f733}
body{font-size:16px;background:radial-gradient(circle at 88% -8%,var(--glow),transparent 32rem),var(--paper);transition:background-color .2s,color .2s}
.header-tools{display:flex;align-items:center;gap:18px}.theme-toggle{border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:8px 10px;font:11px var(--mono);letter-spacing:1px}.theme-toggle span{color:var(--orange);font-size:15px}.theme-toggle:hover{border-color:var(--orange);text-decoration:none}
.masthead nav{font-size:15px}.wordmark small,.status{font-size:11px}.eyebrow{font-size:13px}.text-link,.subtle{font-size:14px}.intro,.entry p,.panel p,.data-card p,.project-card p,.notebook-card p,.note-card p:not(.eyebrow),.blog-card>p:not(.eyebrow),.blog-receipts p{font-size:16px}.small,.obligation,.decision,.decision p,.audit-row p,.research-note,.blog-disclosure{font-size:14px}.entry-meta,.entry-bottom span,.metric span,.metric small,.check b,.flow,.data-card .source,.audit-row summary,.chart-labels,.next-step span,summary,code,.tiny-label,footer>span,footer>div,footer>p{font-size:12px}.badge{font-size:10px}.search input,select{font-size:14px}.page-heading p:last-child{font-size:17px}.help-copy h3{font-size:12px}.help-copy p{font-size:15px}.blog-reading>p:not(.eyebrow):not(.blog-lede):not(.blog-disclosure){font-size:18px}
.search,.project-card,.notebook-card,.blog-card,.theme-toggle{background:var(--surface)}.note-card,pre{background:var(--surface-strong)}.intro,.entry p,.panel p,.data-card p,.project-card p,.notebook-card p,.note-card p:not(.eyebrow),.blog-card>p:not(.eyebrow),.help-copy p{color:var(--muted)}.research-note{background:var(--pale)}.search input::placeholder{color:var(--muted)}
:root[data-theme="dark"] .asterisk,:root[data-theme="dark"] .masthead nav a[aria-current=page],:root[data-theme="dark"] .help-trigger,:root[data-theme="dark"] .text-link,:root[data-theme="dark"] .blog-reading blockquote{filter:drop-shadow(0 0 6px #b45cffaa)}:root[data-theme="dark"] .theme-toggle{box-shadow:0 0 14px #7aa2f733}:root[data-theme="dark"] .skip{color:var(--paper)}
@media(max-width:1000px){.eyebrow{font-size:12px}.masthead nav{font-size:14px}}
@media(max-width:700px){.masthead{gap:16px}.header-tools{position:absolute;top:25px;right:20px;display:flex;flex-direction:column;align-items:flex-end;gap:7px}.status{position:static;font-size:9px}.theme-toggle{font-size:11px;padding:6px 8px}.masthead nav{grid-template-columns:repeat(4,1fr);font-size:14px;gap:8px 12px}.masthead nav a{text-align:left}.hero .eyebrow,.eyebrow{font-size:11px}.wordmark small{font-size:9px}.intro,.entry p,.panel p,.data-card p,.project-card p,.notebook-card p,.note-card p:not(.eyebrow),.blog-card>p:not(.eyebrow),.blog-receipts p{font-size:16px}.small,.obligation,.decision,.decision p,.audit-row p,.research-note,.blog-disclosure{font-size:14px}.entry-meta,.entry-bottom span,.metric span,.metric small,.check b,.flow,.data-card .source,.audit-row summary,.chart-labels,summary,code,footer>span,footer>div,footer>p{font-size:11px}.section-top .subtle{font-size:12px}.help-panel{overflow:auto}.help-copy h3{font-size:11px}.help-copy p{font-size:14px;line-height:1.45}.blog-reading>p:not(.eyebrow):not(.blog-lede):not(.blog-disclosure),.notebook-reading>p{font-size:17px}}

.wake-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;padding:1.5rem 0;margin-bottom:1.5rem;border-block:1px solid currentColor}.wake-progress p{margin:.35rem 0}.wake-progress>div{min-width:0}.wake-progress a{overflow-wrap:anywhere}@media(max-width:700px){.wake-progress{grid-template-columns:1fr;gap:1rem}}
.model-panel{overflow:hidden}.model-scroll{overflow-x:auto;padding-bottom:7px}.model-matrix{display:grid;gap:5px;min-width:max-content}.model-row{display:grid;grid-template-columns:190px repeat(var(--model-days),72px) 72px;gap:5px;align-items:stretch}.model-row>strong{font:11px/1.25 var(--mono);display:flex;align-items:center;padding-right:10px}.model-head{font:9px var(--mono);color:var(--muted);text-align:center}.model-head>strong{font-size:9px}.model-head>span{padding:4px}.model-cell,.model-total{min-height:50px;border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;font:10px var(--mono)}.model-cell{color:#20231d}.model-cell b,.model-total b{font-size:13px}.model-cell small{font-size:8px;color:#50554d}.model-total small{font-size:8px;color:var(--muted)}.model-cell.good{background:#dce8d8;border-color:#a9c2a5}.model-cell.mixed{background:#eee3c9;border-color:#d6bc7d}.model-cell.bad{background:#efdad2;border-color:#d5a292}.model-cell.empty-cell{background:transparent;color:var(--muted)}.model-total{background:var(--surface-strong)}.model-legend{display:flex;gap:18px;flex-wrap:wrap;margin-top:12px;font:9px var(--mono);color:var(--muted)}.model-legend i{width:10px;height:10px;display:inline-block;margin-right:5px;border:1px solid var(--line);vertical-align:-1px}.model-legend i.good{background:#dce8d8}.model-legend i.mixed{background:#eee3c9}.model-legend i.bad{background:#efdad2}@media(max-width:700px){.model-row{grid-template-columns:150px repeat(var(--model-days),64px) 64px}.model-row>strong{font-size:10px}.model-cell,.model-total{min-height:46px}}
.drive-panel{background:linear-gradient(135deg,var(--surface),var(--pale))}.drive-status{display:inline-block!important;color:var(--green)!important;font:10px var(--mono)!important;letter-spacing:1px;border:1px solid var(--green);padding:5px 8px}.drive-row{display:grid;grid-template-columns:28px minmax(0,1fr) 52px;gap:9px;align-items:center;border-top:1px solid var(--line);padding:10px 0;font-size:12px}.drive-row>b{font:11px var(--mono);color:var(--orange)}.drive-row>strong{text-align:right;font:14px var(--mono);color:var(--green)}.drive-row small{grid-column:2 / -1;font:9px var(--mono);color:var(--muted)}

/* v0.20 UI cohesion: keep operational text readable and the mobile masthead collision-free. */
@media(max-width:700px){
  .masthead{position:relative;gap:14px}
  .masthead .status{position:static;order:2;margin-left:auto;font-size:10px}
  .masthead nav.compact-nav{order:3;flex-basis:100%;font-size:13px;gap:12px}
  .wordmark small,.metric span,.metric small,.entry-meta,.entry-bottom span,.sidebar-block .eyebrow,.obligation small,.tiny-label,footer>span,footer>div,footer>p,.chart-labels{font-size:10px}
  .badge{font-size:9px}
  .section-top .subtle{font-size:10px;white-space:normal}
}

/* v0.20.1 UX pass: reduce masthead competition and keep secondary text legible. */
@media(max-width:700px){
  .masthead{align-items:flex-start}
  .header-tools{position:static;margin-left:auto;flex-direction:row;align-items:center;gap:8px}
  .header-tools .status{display:none}
  .masthead nav.compact-nav{overflow-x:auto;justify-content:flex-start;scrollbar-width:thin;padding-bottom:2px}
  .masthead nav.compact-nav>a,.masthead nav.compact-nav>details>summary{min-width:max-content}
  
  
}

/* Keep the WAKE asterisk in text presentation while inheriting the surrounding brand typeface. */
.wake-mark,.asterisk{font-variant-emoji:text;font-weight:900}

/* Quiet structural separators; links retain a clearer visual hierarchy. */
:root[data-theme="dark"] .metric-strip,:root[data-theme="dark"] footer,:root[data-theme="dark"] footer>p,:root[data-theme="dark"] .wake-progress{border-color:var(--line)}
:root[data-theme="dark"] .text-link{border-bottom-color:#59617d}

/* Progressive depth: a calm public entrance, then explanation and evidence. */


.primary-link{display:inline-flex;align-items:center;gap:28px;background:var(--ink);color:var(--paper);padding:13px 17px;font-size:13px;font-weight:700}.primary-link:hover{background:var(--orange);color:var(--paper)}
.record-status{font:11px var(--mono);color:var(--green);margin:18px 0}.record-status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;margin-right:8px}


.research-links{display:flex;gap:20px;flex-wrap:wrap;margin-top:28px}.research-links a{font:12px var(--mono);color:var(--green);border-bottom:1px solid var(--line);padding-bottom:5px}
.about-intro{padding:clamp(55px,8vw,95px) 0 60px;max-width:900px}.about-intro h1{font:400 clamp(52px,7vw,84px)/1.03 var(--serif);letter-spacing:-3px;margin:0 0 26px}.about-intro h1 em{color:var(--orange);font-weight:400}.about-intro>p:last-child{max-width:760px;font:clamp(20px,2vw,25px)/1.6 var(--serif);color:var(--muted)}
.about-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--ink)}.about-principles article{padding:29px;border-right:1px solid var(--line)}.about-principles article:first-child{padding-left:0}.about-principles article:last-child{border-right:0}.about-principles span{font:11px var(--mono);color:var(--orange)}.about-principles h2{font:400 29px var(--serif);margin:13px 0 10px}.about-principles p{font-size:15px;color:var(--muted);margin:0}
.about-body{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,8vw,105px);padding:70px 0}.about-body h2{font:400 38px/1.15 var(--serif);letter-spacing:-1px;margin:0 0 18px}.about-body p:not(.eyebrow){font-size:16px;line-height:1.8;color:var(--muted);margin-bottom:24px}.about-contract{border:1px solid var(--line);border-left:4px solid var(--orange);background:var(--surface);padding:28px 32px;margin-bottom:65px}.about-contract .eyebrow{margin-bottom:10px}.about-contract p{font:24px/1.5 var(--serif);margin:0 0 7px}.about-contract p span{color:var(--orange);padding:0 6px}.about-contract strong{font:12px var(--mono);color:var(--green);letter-spacing:1px}
@media(max-width:850px){.about-principles article{padding:24px 18px}}
@media(max-width:700px){.about-principles,.about-body{grid-template-columns:1fr}.about-intro{padding:48px 0 38px}.about-intro h1{font-size:50px;letter-spacing:-2px}.about-principles article,.about-principles article:first-child{padding:24px 0;border-right:0;border-bottom:1px solid var(--line)}.about-principles article:last-child{border-bottom:0}.about-body{gap:44px;padding:50px 0}.about-body h2{font-size:33px}.about-contract{padding:24px 21px}.about-contract p{font-size:20px}.research-links{gap:16px}.masthead nav.compact-nav{justify-content:space-between;overflow:visible}}


/* Shared visual language: MAP palette/type rhythm, homepage's quieter separators. */
:root{--ink:#232a26;--muted:#656c60;--line:#d8d0c5;--orange:#b84d2e;--green:#286d72;--surface:#fffdf8}
:root[data-theme="dark"]{--ink:#c0caf5;--muted:#a9b1d6;--line:#32384d;--orange:#bb9af7;--green:#7dcfff;--surface:#1f2335}
body{font-size:16px}
.masthead{border-bottom-color:var(--line)}
.wordmark{font-size:34px;letter-spacing:-2px}
.masthead nav.compact-nav{font-size:14px}
.metric-strip,footer{border-color:var(--line)}
@media(max-width:700px){.wordmark{font-size:34px}.masthead nav.compact-nav{font-size:14px}}


/* v0.20.2 — MAP is the visual source of truth across WAKE✳︎.
   Keep page-specific layout, but use MAP's exact palette, type system, links,
   controls, surfaces, and dark-theme treatment everywhere. */
:root{
  color-scheme:light;
  --paper:#f7f3ea;--surface:#fffdf8;--ink:#232a26;--muted:#656c60;
  --line:#d8d0c5;--green:#286d72;--orange:#b84d2e;--accent:#b84d2e;
  --hot:#a827ff;--pale:#fffdf8;--surface-strong:#fffdf8;--glow:transparent;
  --mono:ui-monospace,SFMono-Regular,Consolas,monospace;
  --sans:Arial,Helvetica,sans-serif;--serif:Georgia,serif
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --paper:#24283b;--surface:#1f2335;--ink:#c0caf5;--muted:#a9b1d6;
  --line:#32384d;--green:#7dcfff;--orange:#bb9af7;--accent:#bb9af7;
  --hot:#7aa2f7;--pale:#1f2335;--surface-strong:#1f2335;--glow:transparent
}
body{background:var(--paper);color:var(--ink);font:16px/1.6 var(--sans);transition:none}
a{color:var(--green)}
@media(hover:hover) and (pointer:fine){a:hover{color:var(--hot);text-shadow:0 0 12px #a827ff55}}
h2 a{color:var(--cyan)}
h2 a:hover,h2 a:active{color:var(--green)}
.masthead{max-width:none;margin:0;padding:24px 4%;border-bottom:1px solid var(--line)}
.wordmark{font:900 34px/1 var(--sans);letter-spacing:-2.5px;color:var(--ink)}
/* Match the MAP mark exactly: its accent is independent of the page-link color. */
.asterisk{color:#7658b3;margin-left:3px}
:root[data-theme="dark"] .asterisk{color:#bb9af7}
.wordmark small{color:var(--muted)}
main{max-width:1800px;padding-left:4%;padding-right:4%}
footer{max-width:none;margin-left:4%;margin-right:4%;border-color:var(--line)}
.eyebrow{font:11px/1.6 var(--mono);letter-spacing:.1em;color:var(--green)}
.hero h1,.page-heading h1,.about-intro h1{
  font-family:var(--serif);font-weight:400;letter-spacing:-.05em
}
.hero h1{font-size:clamp(40px,5vw,72px);line-height:1.05}
.page-heading h1{font-size:clamp(40px,5vw,72px);line-height:1.05}
.hero h1 em,.about-intro h1 em,.orange{color:var(--accent)}
h2,.section-top h2,.panel h2,.note-card h3,.entry h3,.project-card h3,.notebook-card h3{
  font-family:var(--serif);font-weight:400
}
.intro,.entry p,.panel p,.data-card p,.project-card p,.notebook-card p,.note-card p:not(.eyebrow),.blog-card>p:not(.eyebrow),.help-copy p,.page-heading p:last-child{color:var(--muted)}
.search,.project-card,.notebook-card,.blog-card,.theme-toggle,.note-card,pre,.panel,.about-contract{background:var(--surface)}
.text-link{color:var(--green);border-bottom-color:var(--line)}
.theme-toggle,.more,button{border-color:var(--line);background:var(--surface);color:var(--ink)}
.theme-toggle:hover,.more:hover{border-color:var(--hot);color:var(--hot)}
.metric-strip,.about-principles{border-color:var(--line)}
:root[data-theme="dark"] .asterisk,:root[data-theme="dark"] .masthead nav a[aria-current=page],:root[data-theme="dark"] .help-trigger,:root[data-theme="dark"] .text-link,:root[data-theme="dark"] .blog-reading blockquote{filter:none}
:root[data-theme="dark"] .theme-toggle{box-shadow:none}
@media(max-width:1350px){main{margin-left:0;margin-right:0}}
@media(max-width:1000px){main{margin-left:0;margin-right:0;padding-left:4%;padding-right:4%}.masthead{padding:24px 4%}}
@media(max-width:700px){
  .masthead{padding:20px}
  main{margin-left:0;margin-right:0;padding-left:18px;padding-right:18px}
  footer{margin-left:18px;margin-right:18px}
  .hero h1,.page-heading h1{font-size:40px}
}


/* Make active research obvious at a glance: hot activity line, contrasting counts. */


/* Record placement: desktop uses the right-hand card; mobile uses the inline card only. */


/* Site-wide typography: use MAP's sans face everywhere; mono remains for operational data. */
:root{--serif:var(--sans)}
body,h1,h2,h3,h4,h5,h6,p,blockquote,.hero h1,.page-heading h1,.about-intro h1,.about-principles h2,.about-body h2,.about-contract p{font-family:var(--sans)}


/* Canonical theme lock: MAP tokens are authoritative for every site view. */
:root{color-scheme:light;--paper:#f4f5fb;--surface:#ffffff;--ink:#24283b;--muted:#626b8a;--line:#d9ddeb;--green:#287ca3;--accent:#7658b3;--orange:#7658b3;--hot:#c52f9b;--pale:#eef0f8;--surface-strong:#ffffff;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;--sans:Arial,Helvetica,sans-serif;--serif:var(--sans)}
:root[data-theme="dark"]{color-scheme:dark;--paper:#24283b;--surface:#1f2335;--ink:#c0caf5;--muted:#a9b1d6;--line:#32384d;--green:#7dcfff;--accent:#bb9af7;--orange:#bb9af7;--hot:#7aa2f7;--pale:#1f2335;--surface-strong:#1f2335}


/* Editorial contrast: serif is reserved for headings only. */
:root{--serif:Georgia,'Times New Roman',serif}
h1,h2,h3,h4,h5,h6,.hero h1,.page-heading h1,.about-intro h1,.about-principles h2,.about-body h2{font-family:var(--serif)}


/* v0.21 visual hierarchy: reduce chrome, preserve every information surface. */
:root{--content-measure:1180px}
main{max-width:var(--content-measure)}
.masthead{padding-top:20px;padding-bottom:18px}
.masthead nav{gap:18px}
.hero{padding-top:48px;padding-bottom:44px}
.hero h1{max-width:13ch}
.intro{max-width:62ch}
.metric-strip{padding:15px 0}
.metric{padding-left:20px;padding-right:20px}
.journal-layout{gap:44px;padding-top:42px}
.section-top{margin-bottom:18px}
.entry{padding:24px 0}
.entry h3{margin-top:10px}
.sidebar-block{padding:21px 0}
.panel,.project-card,.notebook-card,.blog-card{box-shadow:none}
.panel{padding:21px;margin-bottom:18px}
.decision{border-left:2px solid var(--line)}
details>summary{list-style-position:inside}
footer{margin-top:48px}
@media(max-width:700px){
  .masthead{gap:14px}
  .masthead nav{gap:8px 14px}
  .hero{padding-top:30px;padding-bottom:26px}
  .metric-strip{margin-top:4px}
  .journal-layout{padding-top:28px;gap:22px}
  .entry{padding:21px 0}
  .section-top{margin-bottom:14px}
  .panel{padding:16px}
  footer{margin-top:30px}
}


/* Due Bob editorial reflections use the ordinary blog-card design. The top rule is
   the only visual distinction: WAKE✳︎ cyan instead of the theme's normal card accent.
   Scheduling is event-driven with the governance quiet-window backstop; it is not every-N. */
.blog-grid .blog-card.blog-card-reflection{border-top-color:color-mix(in srgb,var(--cyan) 72%,var(--line))}


/* Topic tags reuse the visual language of WAKE✳︎ status badges while staying
   links. The softer green treatment keeps topic metadata distinct from the
   stronger accepted/rejected state signals beside it. */
.topic-tag{display:inline-flex;align-items:center;min-height:19px;font:8px var(--mono);letter-spacing:.8px;padding:4px 7px;margin-left:3px;background:#e3e8dc;color:#426047;border:1px solid #c7d2c0;line-height:1.2;box-sizing:border-box;text-transform:lowercase}
.topic-tag:hover{color:var(--hot);border-color:var(--hot);text-decoration:none}
:root[data-theme="dark"] .topic-tag{background:color-mix(in srgb,var(--green) 12%,var(--surface));color:color-mix(in srgb,#82ff7d 72%,var(--muted));border-color:color-mix(in srgb,#82ff7d 30%,var(--line))}
@media(max-width:700px){.topic-tag,.badge{font-size:7px}}
.topic-filter-note{font:12px/1.6 var(--mono);color:var(--muted);padding:10px 0 18px;border-bottom:1px solid var(--line)}
.topic-filter-note strong{color:var(--green);font-weight:700}.topic-filter-note a{color:var(--green)}
.notebook-card article{margin:0}


/* Metrics dashboard — a derived instrument panel over the durable record. */
.dashboard-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);margin:30px 0 42px}
.metric-card{padding:22px;border-right:1px solid var(--line);background:var(--surface)}.metric-card:last-child{border-right:0}
.metric-card strong{display:block;font:36px/1 var(--mono);color:var(--green);margin-bottom:10px}.metric-card span{display:block;font:700 12px var(--sans);text-transform:uppercase;letter-spacing:.06em}.metric-card small{display:block;margin-top:7px;color:var(--muted);font:10px/1.5 var(--mono)}
.dashboard-section{padding:30px 0 42px;border-bottom:1px solid var(--line)}.dashboard-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:22px}.dashboard-heading h2,.dashboard-panel h2{font:400 28px/1.2 var(--serif);margin:4px 0}.dashboard-heading>p{max-width:420px;color:var(--muted);font-size:13px}
.wake-timeline{display:grid;grid-template-columns:repeat(25,minmax(5px,1fr));gap:4px}.wake-cell{display:block;aspect-ratio:1;border:1px solid var(--line);background:var(--line);min-width:0}.wake-cell:hover{transform:scale(1.2);box-shadow:none}.wake-cell.accepted,.timeline-legend i.accepted,.metric-bar.accepted{background:var(--success)}.wake-cell.rejected,.timeline-legend i.rejected,.metric-bar.rejected{background:var(--danger)}.wake-cell.deferred,.timeline-legend i.deferred,.metric-bar.deferred{background:var(--warning)}.wake-cell.failed,.timeline-legend i.failed,.metric-bar.failed{background:var(--failure)}.wake-cell.recovered,.timeline-legend i.recovered,.metric-bar.recovered{background:var(--info)}
.timeline-legend{display:flex;gap:16px;flex-wrap:wrap;margin-top:13px;font:9px var(--mono);text-transform:uppercase;color:var(--muted)}.timeline-legend span{display:flex;align-items:center;gap:6px}.timeline-legend i{width:8px;height:8px;display:inline-block}
.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:34px 0}.dashboard-panel{border:1px solid var(--line);background:var(--surface);padding:24px}.dashboard-panel h3{font:700 11px var(--sans);text-transform:uppercase;letter-spacing:.05em;margin:28px 0 12px}
.metric-bar-row{display:grid;grid-template-columns:75px 1fr 36px;align-items:center;gap:10px;padding:7px 0;font:10px var(--mono);text-transform:uppercase}.metric-bar-row>div{height:8px;background:var(--pale)}.metric-bar{display:block;height:100%;min-width:0}.metric-bar-row strong{text-align:right;color:var(--muted)}
.dashboard-stat{display:flex;align-items:baseline;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}.dashboard-stat strong{min-width:52px;font:26px var(--mono);color:var(--green)}.dashboard-stat span{color:var(--muted);font-size:13px}
.reason-row{display:grid;grid-template-columns:30px 1fr;gap:10px;padding:9px 0;border-top:1px solid var(--line);font-size:11px}.reason-row strong{font:13px var(--mono);color:var(--orange)}.reason-row span{color:var(--muted);overflow-wrap:anywhere}
.model-metrics{margin-top:20px}.model-metric-row{display:grid;grid-template-columns:minmax(120px,1.5fr) repeat(3,1fr);gap:10px;padding:9px 0;border-top:1px solid var(--line);font:9px var(--mono);color:var(--muted)}.model-metric-row strong{color:var(--ink);overflow-wrap:anywhere}
.dashboard-footnote{border-top:1px solid var(--line);padding:18px 0;color:var(--muted);font:10px var(--mono)}
@media(max-width:850px){.dashboard-kpis{grid-template-columns:repeat(2,1fr)}.metric-card:nth-child(2){border-right:0}.metric-card:nth-child(-n+2){border-bottom:1px solid var(--line)}.wake-timeline{grid-template-columns:repeat(20,minmax(5px,1fr))}}
@media(max-width:700px){.dashboard-kpis,.dashboard-grid{grid-template-columns:1fr}.metric-card{border-right:0;border-bottom:1px solid var(--line)}.metric-card:last-child{border-bottom:0}.dashboard-heading{display:block}.wake-timeline{grid-template-columns:repeat(10,1fr);gap:5px}.model-metric-row{grid-template-columns:1fr 1fr}.dashboard-panel{padding:18px}}

/* Metrics expansion: richer record-derived charts without a charting dependency. */
:root{--chart-0:#287ca3;--chart-1:#7658b3;--chart-2:#c52f9b;--chart-3:#7b8b58;--chart-4:#b86b4b;--chart-5:#6c728f}
:root[data-theme="dark"]{--chart-0:#7dcfff;--chart-1:#bb9af7;--chart-2:#7aa2f7;--chart-3:#7dcfff;--chart-4:#ff9e64;--chart-5:#a9b1d6}
.dashboard-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
.trend-chart{display:flex;align-items:end;gap:8px;height:190px;padding-top:12px;border-bottom:1px solid var(--line)}.trend-col{flex:1;min-width:24px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.trend-stack{width:min(34px,80%);height:150px;display:flex;flex-direction:column-reverse;background:var(--pale)}.trend-stack i{display:block;width:100%}.trend-stack .accepted{background:var(--success)}.trend-stack .rejected{background:var(--danger)}.trend-stack .deferred{background:var(--warning)}.trend-col span{font:8px var(--mono);color:var(--muted);margin-top:8px;white-space:nowrap}


.hypothesis-section{padding:36px 0;border-top:1px solid var(--line)}.hypothesis-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.hypothesis-card{padding:20px;border:1px solid var(--line);background:var(--surface)}.hypothesis-card h3{font:400 21px/1.25 var(--serif);margin:5px 0 10px}.hypothesis-card p:last-child{color:var(--muted);font-size:13px;line-height:1.65}
@media(max-width:850px){.dashboard-kpis{grid-template-columns:repeat(2,1fr)}.hypothesis-grid{grid-template-columns:1fr}}
@media(max-width:700px){.dashboard-kpis{grid-template-columns:1fr}.trend-chart{overflow-x:auto;justify-content:flex-start}.trend-col{flex:0 0 34px}}


/* Metrics responsive canvas — mobile-first, then progressively use wide displays. */
#metrics.view{width:100%}
#metrics .page-heading{max-width:760px}
@media(min-width:1200px){
  #metrics.view{
    width:min(94vw,1800px);
    max-width:none;
    position:relative;
    left:50%;
    transform:translateX(-50%);
  }
  #metrics .dashboard-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
  #metrics .dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  #metrics .dashboard-section{padding-top:38px;padding-bottom:50px}
  #metrics .wake-timeline{grid-template-columns:repeat(50,minmax(5px,1fr))}
}
@media(min-width:1600px){
  #metrics.view{width:min(94vw,2200px)}
  #metrics .dashboard-kpis{grid-template-columns:repeat(8,minmax(0,1fr))}
  #metrics .metric-card{border-bottom:0}
  #metrics .metric-card:nth-child(4){border-right:1px solid var(--line)}
  #metrics .dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
  #metrics .dashboard-panel{padding:28px}
  #metrics .wake-timeline{grid-template-columns:repeat(50,minmax(8px,1fr));gap:5px}
  #metrics .trend-chart{height:240px}
  #metrics .trend-stack{height:195px;width:min(46px,82%)}
  
  #metrics .hypothesis-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(min-width:2200px){
  #metrics.view{width:min(92vw,2600px)}
  #metrics .dashboard-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  #metrics .dashboard-panel{min-height:100%}
  #metrics .wake-timeline{grid-template-columns:repeat(100,minmax(6px,1fr))}
  #metrics .hypothesis-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}


/* Command-center telemetry: dense on ultrawide, progressively collapses to mobile. */
.command-strip{display:grid;grid-template-columns:2fr repeat(7,1fr);border:1px solid var(--line);background:var(--surface);margin:28px 0 14px}
.command-strip>div{min-width:0;padding:13px 15px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}.command-strip>div:last-child{border-right:0}
.command-strip p{margin:0 0 4px}.command-strip strong{font:24px/1 var(--mono);color:var(--green)}.command-strip span{font:8px/1.3 var(--mono);letter-spacing:.08em;color:var(--muted)}.command-strip b{font:18px/1.2 var(--mono);color:var(--ink);margin-top:5px}.command-strip .status-accepted b{color:var(--success)}.command-strip .status-rejected b{color:var(--danger)}.command-strip .status-deferred b{color:var(--warning)}.command-strip .status-fallback b{color:var(--warning)}
.telemetry-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid var(--line);border-bottom:0;background:var(--surface);margin-bottom:14px}
.telemetry-cell{padding:14px 16px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0}.telemetry-cell:nth-child(5n){border-right:0}
.telemetry-cell span{display:block;font:8px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.telemetry-cell strong{display:block;font:22px/1.15 var(--mono);color:var(--ink);margin:7px 0 4px}.telemetry-cell.success strong{color:var(--success)}.telemetry-cell.danger strong{color:var(--danger)}.telemetry-cell.warning strong{color:var(--warning)}.telemetry-cell.info strong{color:var(--info)}.telemetry-cell small{display:block;font:9px/1.35 var(--mono);color:var(--muted);overflow-wrap:anywhere}
@media(min-width:1600px){#metrics .telemetry-grid{grid-template-columns:repeat(10,minmax(0,1fr));border-bottom:1px solid var(--line)}#metrics .telemetry-cell{border-bottom:0}#metrics .telemetry-cell:nth-child(5n){border-right:1px solid var(--line)}#metrics .telemetry-cell:last-child{border-right:0}}
@media(min-width:2200px){#metrics .command-strip>div{padding:16px 18px}#metrics .command-strip strong{font-size:28px}#metrics .command-strip b{font-size:21px}#metrics .telemetry-cell{padding:16px 18px}}
@media(max-width:1000px){.command-strip{grid-template-columns:repeat(4,1fr)}.command-strip>div{border-bottom:1px solid var(--line)}.command-strip>div:first-child{grid-column:span 2}.telemetry-grid{grid-template-columns:repeat(2,1fr)}.telemetry-cell:nth-child(5n){border-right:1px solid var(--line)}.telemetry-cell:nth-child(2n){border-right:0}}
@media(max-width:700px){.command-strip{grid-template-columns:repeat(2,1fr)}.command-strip>div:first-child{grid-column:1/-1}.command-strip>div:nth-child(even){border-right:0}.telemetry-grid{grid-template-columns:repeat(2,1fr)}}


/* Command-center layout correction: ultrawide gains columns, not stretched rows. */
@media(min-width:1200px){
  #metrics .command-strip{grid-template-columns:repeat(4,minmax(0,1fr))}
  #metrics .command-strip>div:first-child{grid-column:span 2}
  #metrics .command-strip>div{border-bottom:1px solid var(--line)}
  #metrics .telemetry-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
  #metrics .telemetry-cell{border-bottom:1px solid var(--line)}
  #metrics .dashboard-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
  #metrics .dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  #metrics .hypothesis-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(min-width:1600px){
  #metrics .command-strip{grid-template-columns:repeat(4,minmax(0,1fr))}
  #metrics .telemetry-grid{grid-template-columns:repeat(5,minmax(0,1fr));border-bottom:0}
  #metrics .telemetry-cell{border-bottom:1px solid var(--line)}
  #metrics .telemetry-cell:nth-child(5n){border-right:0}
  #metrics .dashboard-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
  #metrics .wake-timeline{grid-template-columns:repeat(25,minmax(8px,1fr))}
}
@media(min-width:2200px){
  #metrics .command-strip{grid-template-columns:repeat(4,minmax(0,1fr))}
  #metrics .telemetry-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
  #metrics .dashboard-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  #metrics .dashboard-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
  #metrics .wake-timeline{grid-template-columns:repeat(25,minmax(8px,1fr))}
  #metrics .hypothesis-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}


/* Metrics device grid: phone 1, tablet/laptop 2, ultrawide 4–6 vertical columns. */

.dashboard-feature{min-width:0;border:1px solid var(--line);background:var(--surface);padding:20px}
.dashboard-feature .dashboard-heading{display:block}.dashboard-feature .dashboard-heading>p{max-width:none;margin-top:8px}
.dashboard-feature .wake-timeline{grid-template-columns:repeat(10,minmax(5px,1fr))}
@media(min-width:700px){
  #metrics .dashboard-grid,#metrics .hypothesis-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #metrics .dashboard-kpis,#metrics .telemetry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #metrics .command-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  #metrics .command-strip>div:first-child{grid-column:1/-1}
  #metrics .dashboard-feature .wake-timeline{grid-template-columns:repeat(10,minmax(5px,1fr))}
}
@media(min-width:1200px){
  #metrics .dashboard-grid,#metrics .hypothesis-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #metrics .dashboard-kpis,#metrics .telemetry-grid,#metrics .command-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  #metrics .command-strip>div:first-child{grid-column:1/-1}
}
@media(min-width:2000px){
  
  #metrics .dashboard-feature{grid-column:span 2}
  #metrics .dashboard-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  #metrics .dashboard-kpis,#metrics .telemetry-grid,#metrics .command-strip,#metrics .hypothesis-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  #metrics .command-strip>div:first-child{grid-column:span 2}
  #metrics .dashboard-feature .wake-timeline{grid-template-columns:repeat(10,minmax(6px,1fr))}
}
@media(min-width:3000px){
  
  #metrics .dashboard-feature{grid-column:span 3}
  #metrics .dashboard-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
  #metrics .dashboard-kpis,#metrics .telemetry-grid,#metrics .command-strip,#metrics .hypothesis-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
  #metrics .command-strip>div:first-child{grid-column:span 2}
  #metrics .dashboard-feature .wake-timeline{grid-template-columns:repeat(10,minmax(6px,1fr))}
}


/* 3440 command-center density: instrument rack, not enlarged desktop cards. */
@media(min-width:3000px){
  #metrics.view{width:min(96vw,3300px)}
  #metrics .page-heading{max-width:none;display:grid;grid-template-columns:auto 1fr;column-gap:28px;align-items:end;padding-bottom:12px}
  #metrics .page-heading .eyebrow{grid-column:1/-1;margin-bottom:5px}
  #metrics .page-heading h1{font-size:30px;line-height:1;margin:0;white-space:nowrap}
  #metrics .page-heading>p:last-child{margin:0;max-width:760px;font-size:11px}

  #metrics .command-strip{grid-template-columns:1.4fr repeat(7,1fr);margin:10px 0 8px}
  #metrics .command-strip>div:first-child{grid-column:auto}
  #metrics .command-strip>div{padding:7px 10px;border-bottom:0}
  #metrics .command-strip strong{font-size:19px}
  #metrics .command-strip b{font-size:15px;margin-top:2px}

  #metrics .telemetry-grid{grid-template-columns:repeat(10,minmax(0,1fr));margin-bottom:8px}
  #metrics .telemetry-cell{padding:7px 9px;border-bottom:0}
  #metrics .telemetry-cell:nth-child(5n){border-right:1px solid var(--line)}
  #metrics .telemetry-cell:last-child{border-right:0}
  #metrics .telemetry-cell strong{font-size:17px;margin:3px 0 1px}
  #metrics .telemetry-cell small{font-size:7px;line-height:1.2}

  #metrics .dashboard-kpis{grid-template-columns:repeat(8,minmax(0,1fr));margin:8px 0;gap:0}
  #metrics .metric-card{padding:9px 11px;border-bottom:0}
  #metrics .metric-card strong{font-size:23px;margin-bottom:4px}
  #metrics .metric-card span{font-size:9px}
  #metrics .metric-card small{font-size:7px;line-height:1.25;margin-top:3px}

  
  #metrics .dashboard-feature{grid-column:span 3;padding:11px 13px}
  #metrics .dashboard-section{padding-top:11px;padding-bottom:11px}
  #metrics .dashboard-heading{margin-bottom:8px}
  #metrics .dashboard-heading h2,#metrics .dashboard-panel h2{font-size:18px;margin:2px 0}
  #metrics .dashboard-heading>p{font-size:9px;line-height:1.3;margin:3px 0}
  #metrics .eyebrow{font-size:8px}
  #metrics .wake-timeline{grid-template-columns:repeat(25,minmax(4px,1fr));gap:2px}
  #metrics .wake-cell{aspect-ratio:2/1}
  #metrics .timeline-legend{margin-top:6px;gap:9px;font-size:7px}
  #metrics .trend-chart{height:112px;padding-top:4px;gap:3px}
  #metrics .trend-stack{height:88px;width:min(24px,78%)}
  #metrics .trend-col span{font-size:6px;margin-top:3px}

  #metrics .dashboard-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:8px 0}
  #metrics .dashboard-panel{padding:11px 13px;min-height:0}
  #metrics .dashboard-panel h3{font-size:8px;margin:11px 0 5px}
  #metrics .dashboard-panel .small{font-size:8px;line-height:1.35}
  #metrics .dashboard-stat{padding:6px 0;gap:7px}
  #metrics .dashboard-stat strong{min-width:38px;font-size:17px}
  #metrics .dashboard-stat span{font-size:9px}
  #metrics .metric-bar-row{grid-template-columns:54px 1fr 24px;gap:5px;padding:3px 0;font-size:7px}
  #metrics .metric-bar-row>div{height:5px}
  #metrics .reason-row{padding:4px 0;font-size:8px;grid-template-columns:22px 1fr}
  #metrics .reason-row strong{font-size:9px}
  #metrics .model-metric-row{grid-template-columns:minmax(80px,1.5fr) repeat(3,1fr);gap:5px;padding:4px 0;font-size:7px}
  
  
  
  
  

  #metrics .hypothesis-section{padding:10px 0}
  #metrics .hypothesis-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
  #metrics .hypothesis-card{padding:10px 11px}
  #metrics .hypothesis-card h3{font-size:14px;margin:2px 0 5px}
  #metrics .hypothesis-card p:last-child{font-size:8px;line-height:1.4}
  #metrics .dashboard-footnote{padding:8px 0;font-size:7px}
}


/* Metrics composition: analytical rack first, pulse + telemetry console second. */
.metrics-row-one{display:block}
.metrics-row-two{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-top:12px}
.metrics-row-two-left,.metrics-row-two-right{min-width:0}
.metrics-row-two-left{display:grid;grid-template-columns:1fr;gap:8px}
.metrics-row-two .dashboard-feature{grid-column:auto}
.metrics-row-two-right .command-strip,.metrics-row-two-right .telemetry-grid,.metrics-row-two-right .dashboard-kpis{margin-top:0}
@media(min-width:1200px){
  #metrics .metrics-row-two{grid-template-columns:minmax(0,2fr) minmax(320px,1fr);align-items:start}
  #metrics .metrics-row-two-left{grid-template-columns:1fr}
  #metrics .metrics-row-two-right .command-strip{grid-template-columns:repeat(4,minmax(0,1fr))}
  #metrics .metrics-row-two-right .command-strip>div:first-child{grid-column:span 2}
  #metrics .metrics-row-two-right .telemetry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #metrics .metrics-row-two-right .dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Window labels are data, not a reason for the chart to widen its grid track. */
#metrics .trend-chart{min-width:0;overflow-x:auto}
#metrics .trend-col{min-width:0}
#metrics .trend-col span{max-width:100%;overflow:hidden;text-overflow:ellipsis}
@media(min-width:3000px){
  #metrics .metrics-row-one .dashboard-grid{grid-template-columns:repeat(6,minmax(0,1fr));padding-top:0}
  #metrics .metrics-row-one .hypothesis-section{padding-top:8px}
  #metrics .metrics-row-two{grid-template-columns:minmax(0,2fr) minmax(360px,1fr);gap:8px;margin-top:8px}
  #metrics .metrics-row-two-left{gap:8px}
  #metrics .metrics-row-two-left .dashboard-feature{padding:10px 12px}
  #metrics .metrics-row-two-right{display:grid;grid-template-columns:1fr 1fr;align-content:start;border:1px solid var(--line)}
  #metrics .metrics-row-two-right .command-strip{grid-column:1/-1;border:0;border-bottom:1px solid var(--line);margin:0;grid-template-columns:1.4fr repeat(7,1fr)}
  #metrics .metrics-row-two-right .command-strip>div:first-child{grid-column:auto}
  #metrics .metrics-row-two-right .telemetry-grid{grid-column:1;grid-template-columns:repeat(2,minmax(0,1fr));border:0;border-right:1px solid var(--line);margin:0}
  #metrics .metrics-row-two-right .dashboard-kpis{grid-column:2;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}
  #metrics .metrics-row-two-right .telemetry-cell,#metrics .metrics-row-two-right .metric-card{padding:6px 8px}
}


/* Ultrawide command-center rack — compact seven-instrument first row. */

.landscape-status{display:flex;align-items:center;gap:10px;font:9px var(--mono);letter-spacing:.08em;color:var(--muted)}.landscape-status strong{font-size:18px;color:var(--green)}
@media(min-width:3000px){
  #metrics .metrics-row-one{border:1px solid var(--line);background:var(--surface);padding:0 14px 12px}
  
  
  #metrics .metrics-row-one .dashboard-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr 1fr 1.1fr;gap:7px;padding:0}
  #metrics .metrics-row-one .dashboard-panel{border:1px solid var(--line);padding:10px 11px;min-height:230px;background:var(--bg)}
  #metrics .metrics-row-one .dashboard-panel h2{font-size:15px;line-height:1.15}
  #metrics .metrics-row-one .dashboard-panel .small{font-size:7px;line-height:1.25}
  
  
  #metrics .metrics-row-one .dashboard-stat{padding:4px 0}
  #metrics .metrics-row-one .dashboard-stat strong{font-size:15px}
  #metrics .metrics-row-one .dashboard-stat span{font-size:7px}
  #metrics .metrics-row-one .model-metric-row{font-size:5px;padding:3px 0}
  #metrics .metrics-row-one .reason-row{font-size:6px;padding:3px 0}
  
  
  #metrics .metrics-row-one .hypothesis-section{grid-column:1/-1;border:1px solid var(--line);padding:9px 11px;margin-top:0;background:var(--bg)}
  #metrics .metrics-row-one .hypothesis-section .dashboard-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:7px}
  #metrics .metrics-row-one .hypothesis-section .dashboard-heading h2{font-size:17px}
  #metrics .metrics-row-one .hypothesis-section .dashboard-heading>p{max-width:420px;text-align:right;font-size:7px}
  #metrics .metrics-row-one .hypothesis-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
  #metrics .metrics-row-one .hypothesis-card{padding:8px 9px;min-height:0}
  #metrics .metrics-row-one .hypothesis-card h3{font-size:12px;margin:2px 0 4px}
  #metrics .metrics-row-one .hypothesis-card p:last-child{font-size:7px;line-height:1.3}
}


/* Ultrawide control-room correction: readable 5-column instrument rack. */
/* Use CSS viewport shape: macOS display scaling reports a 3440px panel as ~1720 CSS px. */
@media (min-width:1500px) and (min-aspect-ratio:2/1){
  #metrics .metrics-row-one{padding:16px 20px 18px}
  #metrics .metrics-row-one .dashboard-grid{
    grid-template-columns:repeat(5,minmax(0,1fr));
    grid-auto-flow:row dense;
    gap:10px;
  }
  #metrics .metrics-row-one .dashboard-panel{
    min-height:350px;
    padding:18px 20px;
  }
  
  
  #metrics .metrics-row-one .panel-correctability{grid-column:span 1}
  #metrics .metrics-row-one .panel-continuity{grid-column:span 1}
  #metrics .metrics-row-one .panel-yield{grid-column:span 2;min-height:240px}
  #metrics .metrics-row-one .panel-provider{grid-column:span 3;min-height:240px}

  #metrics .metrics-row-one .dashboard-panel .eyebrow{font-size:11px;line-height:1.25}
  #metrics .metrics-row-one .dashboard-panel h2{font-size:22px;line-height:1.18;margin:8px 0 12px}
  #metrics .metrics-row-one .dashboard-panel h3{font-size:12px;line-height:1.3;margin:16px 0 8px}
  #metrics .metrics-row-one .dashboard-panel .small{font-size:12px;line-height:1.5}
  #metrics .metrics-row-one .dashboard-stat{padding:10px 0}
  #metrics .metrics-row-one .dashboard-stat strong{font-size:30px;min-width:60px}
  #metrics .metrics-row-one .dashboard-stat span{font-size:12px;line-height:1.35}

  #metrics .metrics-row-one .metric-bar-row,#metrics .metrics-row-one .reason-row,#metrics .metrics-row-one .model-metric-row{font-size:12px;line-height:1.35}
  #metrics .metrics-row-one .metric-bar-row{grid-template-columns:88px 1fr 34px;gap:9px;padding:6px 0}
  #metrics .metrics-row-one .metric-bar-row>div{height:8px}
  #metrics .metrics-row-one .reason-row{padding:7px 0;grid-template-columns:30px 1fr}
  #metrics .metrics-row-one .reason-row strong{font-size:12px}
  #metrics .metrics-row-one .model-metric-row{grid-template-columns:minmax(150px,1.5fr) repeat(3,1fr);gap:10px;padding:7px 0}
  
  
  
  
  

  #metrics .dashboard-hypothesis-summary{display:none}
  #metrics .metrics-row-one>.hypothesis-section{
    margin:14px -20px -18px;
    padding:16px 20px 18px;
  }
  #metrics .metrics-row-one>.hypothesis-section .dashboard-heading h2{font-size:24px}
  #metrics .metrics-row-one>.hypothesis-section .dashboard-heading p{font-size:12px}
  #metrics .metrics-row-one>.hypothesis-section .hypothesis-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
  #metrics .metrics-row-one>.hypothesis-section .hypothesis-card{min-height:125px;padding:14px 16px}
  #metrics .metrics-row-one>.hypothesis-section .hypothesis-card h3{font-size:17px}
  #metrics .metrics-row-one>.hypothesis-section .hypothesis-card p:last-child{font-size:11px;line-height:1.45}
}


/* Shared disclosure pattern for readable record panels. */
.record-panel{display:block}
.record-panel>.record-panel-head{position:relative}
.record-panel-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.record-panel-meta .eyebrow{min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.record-panel-meta .topic-tag{flex:0 0 auto;width:fit-content;margin-left:0;white-space:nowrap}
.record-panel-meta time{margin-left:0;color:var(--muted);font:10px var(--mono);letter-spacing:.04em;white-space:nowrap}
.blog-card .record-panel-meta{flex-wrap:wrap}.blog-card .record-panel-meta time{order:1}.blog-card .record-panel-meta .topic-tag{order:2;margin-left:0}
.journal-meta{display:grid;grid-template-columns:max-content max-content max-content minmax(0,1fr);gap:10px}.journal-meta .journal-topics{display:flex;justify-content:flex-end;gap:7px;min-width:0}.journal-meta .journal-topics .topic-tag{justify-self:end}
.journal-meta{grid-template-columns:max-content max-content minmax(0,1fr) max-content}.journal-meta .journal-topics{justify-content:flex-start}.journal-meta .journal-topics .topic-tag{justify-self:start}
.project-meta,.notebook-meta,.notebook-reading-meta{display:grid;grid-template-columns:max-content max-content minmax(0,1fr) max-content;align-items:center}.notebook-reading-meta{margin-top:28px}.lab-notes{margin:22px 0}.lab-notes>summary,.notebook-source>summary,.evidence-excerpt>summary{color:var(--hot);font:700 10px var(--mono);letter-spacing:.08em;cursor:pointer}.lab-notes-body{margin-top:14px}.notebook-source{margin:10px 0}.notebook-source>div{padding-top:12px}.evidence-excerpt{margin:14px 0}.evidence-excerpt>p{white-space:pre-wrap;overflow-wrap:anywhere}
.record-panel-body{padding-top:4px}
.blog-card .record-panel-head{position:relative;cursor:default}
.blog-card .record-panel-head h2::after{content:none}
.blog-card.record-panel .record-panel-body{display:block}
.record-panel-body{display:block}
.blog-card h2{font-family:var(--sans);font-weight:700}.blog-reading>h2{font-family:var(--sans);font-weight:700}
@media(max-width:700px){
  .record-panel-meta,.blog-card .record-panel-meta{display:flex;gap:6px;flex-wrap:wrap}
  .record-panel-meta .eyebrow{overflow:visible;white-space:normal}
  .blog-card .record-panel-meta .topic-tag{margin-left:0}
  .journal-meta{display:flex}.journal-meta .journal-topics{justify-content:flex-start;flex-wrap:wrap;flex-basis:100%}
  .project-meta,.notebook-meta,.notebook-reading-meta{display:flex}
  .record-panel-meta time{margin-left:4px;font-size:9px}
}

/* v0.22 — field-notebook refresh. These are presentation-only tokens: the
   record, its state colours, and all research claims keep their meaning. */
:root{
  --paper:#e8ecf4;--surface:#f8faff;--ink:#283457;--muted:#59627e;
  --line:#c5cce0;--green:#4f8f43;--cyan:#0f84a5;--accent:#7c5cc4;--orange:#c72d83;
  --hot:#b61d70;--pale:#e1e6f3;--surface-strong:#d9e1f4;
  --shadow:0 12px 30px rgb(45 58 108 / .10);--shadow-tight:0 5px 14px rgb(45 58 108 / .08)
}
:root[data-theme="dark"]{
  --paper:#24283b;--surface:#1f2335;--ink:#c0caf5;--muted:#a9b1d6;
  --line:#3b4261;--green:#7dcfff;--cyan:#7dcfff;--accent:#bb9af7;--orange:#7aa2f7;
  --hot:#7aa2f7;--pale:#292e42;--surface-strong:#292e42;
  --shadow:0 14px 34px rgb(10 12 28 / .34);--shadow-tight:0 6px 16px rgb(10 12 28 / .27)
}
body{background:var(--paper)}
.masthead{background:color-mix(in srgb,var(--paper) 92%,transparent);border-bottom-color:var(--line)}
.wordmark{letter-spacing:-2.8px}.asterisk{color:var(--accent)}
.text-link,.research-links a{color:var(--cyan);border-bottom-color:color-mix(in srgb,var(--cyan) 35%,var(--line));font-weight:700}
.evidence-card{display:grid;gap:10px}.evidence-card h3{margin:0}.evidence-card .source{margin-bottom:4px}.evidence-plain{margin:0}.evidence-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;margin:0}.evidence-summary div{min-width:0;padding:9px 0;border-top:1px solid var(--line)}.evidence-summary dt{font:10px/1.35 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--cyan)}.evidence-summary dd{margin:4px 0 0;color:var(--ink);font:14px/1.48 var(--sans);overflow-wrap:anywhere}
@media(max-width:700px){.evidence-summary{grid-template-columns:1fr}}
.primary-link{background:var(--accent);border:1px solid var(--accent);border-radius:999px;padding:12px 18px;box-shadow:var(--shadow-tight)}
.primary-link:hover,.primary-link:focus-visible{background:var(--hot);border-color:var(--hot);box-shadow:none}
.project-card,.notebook-card,.blog-card,.panel,.note-card,.about-contract,.search,.dashboard-panel{border-color:var(--line);border-radius:14px;box-shadow:var(--shadow-tight)}

.panel,.dashboard-panel{background:var(--surface)}
.project-card:hover,.notebook-card:hover,.blog-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}

.about-principles{border-color:var(--line)}

.metric-strip{border-color:var(--line)}
.metric strong{color:var(--cyan)}
.badge{border-radius:999px}.theme-toggle,.more,button{border-radius:10px}
@media(prefers-reduced-motion:reduce){.project-card:hover,.notebook-card:hover,.blog-card:hover{transform:none}}
@media(max-width:700px){
  .project-card,.notebook-card,.blog-card,.panel,.note-card,.about-contract,.dashboard-panel{border-radius:11px}
  .primary-link{width:100%;justify-content:space-between}
}

/* Keep the mobile theme switch in the masthead's first row. The wordmark's
   subtitle can otherwise make this small control wrap just enough to look
   vertically offset. Fixed track geometry also prevents a sub-pixel knob drift. */
.data-switch{position:relative;min-height:18px;line-height:1}
.data-switch-track{position:relative;box-sizing:border-box;flex:0 0 34px}
.data-switch-track{justify-content:flex-start}
.data-switch-track i{box-sizing:border-box;flex:0 0 12px}
@media(max-width:700px){
  .masthead{position:relative}
  .masthead .header-tools{position:absolute;top:32px;right:20px;margin:0;align-self:auto}
}

/* The confidence measure is the primary numerical signal in a belief receipt. */
.data-card .entry-meta span:nth-child(2){color:var(--orange);font-weight:700}


/* Reconciled accepted-action matrix.
   One population feeds every number; responsive presentation changes only the layout. */
.panel-action-matrix{grid-column:1/-1}
.action-matrix-desktop{display:block}
.action-matrix-mobile{display:none}
.action-matrix-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);background:var(--surface)}
.action-matrix{min-width:760px;font:10px/1.3 var(--mono)}
.matrix-header,.matrix-row,.matrix-system-row,.matrix-total-row{
  display:grid;
  grid-template-columns:minmax(150px,1.45fr) repeat(var(--action-cols),minmax(70px,1fr)) 58px;
  align-items:center;
}
.matrix-header{position:sticky;top:0;z-index:1;background:var(--surface);border-bottom:1px solid var(--line);color:var(--muted);font-size:8px;letter-spacing:.07em;text-transform:uppercase}
.matrix-sort{-webkit-appearance:none;appearance:none;width:100%;height:100%;min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:6px;margin:0;border:0;border-radius:0;box-shadow:none;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;text-align:left;padding:0}
.matrix-sort span{flex:0 0 auto;color:var(--muted);font-size:10px}
.matrix-sort.is-sorted{color:var(--cyan);font-weight:700}
.matrix-sort.is-sorted span{color:var(--cyan)}
@media(hover:hover) and (pointer:fine){.matrix-sort:hover{color:var(--hot);background:color-mix(in srgb,var(--hot) 5%,transparent)}}
.matrix-sort:focus-visible{outline:2px solid var(--orange);outline-offset:-3px}
.matrix-header>*,.matrix-row>*,.matrix-system-row>*,.matrix-total-row>*{min-width:0;padding:9px 8px;border-right:1px solid var(--line)}
.matrix-header>*:last-child,.matrix-row>*:last-child,.matrix-system-row>*:last-child,.matrix-total-row>*:last-child{border-right:0}
.matrix-row{border-bottom:1px solid var(--line)}
.matrix-topic{color:var(--topic-color,var(--cyan));font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.matrix-value{position:relative;display:flex;align-items:center;justify-content:flex-end;min-height:24px;overflow:hidden}
.matrix-value::before{content:"";position:absolute;inset:auto 0 0 0;height:3px;width:var(--cell-fill,0);background:var(--cyan);opacity:.72}
.matrix-value b{position:relative;z-index:1;font-weight:700;color:var(--ink)}
.matrix-value.zero{color:var(--muted);opacity:.45}
.matrix-total{justify-self:stretch;text-align:right;color:var(--ink);font-size:12px}
.matrix-system-row{border-top:1px dashed var(--line);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--warning) 5%,var(--surface))}
.matrix-system-row>span{color:var(--warning);font-weight:700}
.matrix-system-row b,.matrix-system-row strong{text-align:right}
.matrix-total-row{background:color-mix(in srgb,var(--cyan) 5%,var(--surface));font-weight:700;border-top:1px solid var(--line)}
.matrix-total-row strong,.matrix-total-row>strong{color:var(--cyan);text-align:right}
.matrix-note{margin:8px 2px 0;color:var(--muted)}

@media(min-width:700px){
  #metrics .panel-action-matrix{grid-column:1/-1}
  #metrics .action-matrix{min-width:900px;font-size:11px}
  #metrics .matrix-header{font-size:9px}
  #metrics .matrix-header>*,#metrics .matrix-row>*,#metrics .matrix-system-row>*,#metrics .matrix-total-row>*{padding:10px 9px}
}

@media (min-width:1500px) and (min-aspect-ratio:2/1){
  #metrics .metrics-row-one .panel-action-matrix{
    grid-column:span 3;
    min-height:350px;
  }
  #metrics .action-matrix{min-width:0;font-size:12px}
  #metrics .matrix-header{font-size:10px}
  #metrics .matrix-header,.matrix-row,.matrix-system-row,.matrix-total-row{
    grid-template-columns:minmax(170px,1.5fr) repeat(var(--action-cols),minmax(72px,1fr)) 64px;
  }
  #metrics .matrix-header>*,#metrics .matrix-row>*,#metrics .matrix-system-row>*,#metrics .matrix-total-row>*{padding:11px 10px}
  #metrics .matrix-value{min-height:28px}
  #metrics .matrix-value::before{height:4px}
}

@media(max-width:699px){
  .action-matrix-desktop{display:none}
  .action-matrix-mobile{display:block}
  #metrics .panel-action-matrix{grid-column:auto;padding:20px}
  .matrix-topic-card{border-top:1px solid var(--line)}
  .matrix-topic-card:last-of-type{border-bottom:1px solid var(--line)}
  .matrix-topic-card summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;font:600 13px/1.3 var(--mono);cursor:pointer}
  .matrix-topic-card summary::-webkit-details-marker{display:none}
  .matrix-topic-card summary::after{content:"+";order:3;color:var(--cyan);font-size:16px}
  .matrix-topic-card[open] summary::after{content:"−"}
  .matrix-topic-card summary strong{margin-left:auto;color:var(--cyan);font-size:16px}
  .matrix-topic-card>div{padding:0 0 12px}
  .matrix-topic-card p{display:flex;justify-content:space-between;gap:16px;margin:0;padding:8px 0;border-top:1px solid var(--line);font:12px/1.35 var(--mono)}
  .matrix-topic-card p span{color:var(--muted)}
  .matrix-system-card summary span{color:var(--warning)}
}


/* Accepted-action matrix — final responsive layout.
   This block intentionally wins over the older experimental dashboard grids. */
#metrics .panel-action-matrix{
  grid-column:1 / -1 !important;
  width:100%;
  min-width:0;
  min-height:0;
}
#metrics .panel-action-matrix .panel-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:10px;
}
#metrics .panel-action-matrix .panel-heading h2{margin:4px 0 0}
#metrics .action-matrix-scroll{
  width:100%;
  max-width:100%;
  overflow-x:auto;
  border:1px solid var(--line);
}
#metrics .action-matrix{
  width:100%;
  min-width:max(760px,100%);
  font:11px/1.3 var(--mono);
}
#metrics .matrix-header,#metrics .matrix-row,#metrics .matrix-system-row,#metrics .matrix-total-row{
  display:grid;
  grid-template-columns:minmax(170px,1.5fr) repeat(var(--action-cols),minmax(78px,1fr)) 70px;
  align-items:stretch;
}
#metrics .matrix-header>*,#metrics .matrix-row>*,#metrics .matrix-system-row>*,#metrics .matrix-total-row>*{
  display:flex;
  align-items:center;
  min-width:0;
  padding:10px 9px;
  border-right:1px solid var(--line);
}
#metrics .matrix-header>*:last-child,#metrics .matrix-row>*:last-child,#metrics .matrix-system-row>*:last-child,#metrics .matrix-total-row>*:last-child{border-right:0}
#metrics .matrix-header{
  background:color-mix(in srgb,var(--surface) 94%,var(--cyan));
  border-bottom:1px solid var(--line);
  font-size:9px;
  letter-spacing:.06em;
}

#metrics .matrix-header>strong{justify-content:flex-end}
#metrics .matrix-row{border-bottom:1px solid var(--line)}
#metrics .matrix-row:hover{background:color-mix(in srgb,var(--cyan) 4%,var(--surface))}
#metrics .matrix-topic{justify-content:flex-start;font-size:11px}
#metrics .matrix-value{
  justify-content:flex-end;
  min-height:32px;
  position:relative;
}
#metrics .matrix-value::before{
  content:"";
  position:absolute;
  left:8px;
  right:auto;
  bottom:5px;
  width:var(--cell-fill,0);
  max-width:calc(100% - 16px);
  height:3px;
  background:var(--cyan);
  opacity:.45;
}
#metrics .matrix-value b{position:relative;z-index:1;font-size:12px}
#metrics .matrix-value.zero{justify-content:flex-end;opacity:.35}
#metrics .matrix-total{justify-content:flex-end;font-size:13px}
#metrics .matrix-system-row{
  border-top:2px solid color-mix(in srgb,var(--warning) 55%,var(--line));
  background:color-mix(in srgb,var(--warning) 6%,var(--surface));
}
#metrics .matrix-system-row>span{justify-content:flex-start}
#metrics .matrix-system-row b,#metrics .matrix-system-row strong{justify-content:flex-end}
#metrics .matrix-total-row{
  border-top:1px solid var(--line);
  background:color-mix(in srgb,var(--cyan) 6%,var(--surface));
}
#metrics .matrix-total-row>span{justify-content:flex-start}
#metrics .matrix-total-row strong{justify-content:flex-end}
#metrics .matrix-note{font-size:10px;line-height:1.4;margin-top:8px}

/* iPad + MacBook: full-width matrix, remaining metrics return to two columns below it. */
@media(min-width:700px){
  #metrics .metrics-row-one .dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  #metrics .panel-action-matrix{grid-column:1 / -1 !important}
}

/* Ultrawide command center: matrix owns the full top rack; lower instruments can fan out. */
@media (min-width:1500px) and (min-aspect-ratio:2/1){
  #metrics .metrics-row-one .dashboard-grid{grid-template-columns:repeat(5,minmax(0,1fr)) !important}
  #metrics .panel-action-matrix{
    grid-column:1 / -1 !important;
    padding:18px 20px;
  }
  #metrics .action-matrix{font-size:12px;min-width:0}
  #metrics .matrix-header,#metrics .matrix-row,#metrics .matrix-system-row,#metrics .matrix-total-row{
    grid-template-columns:minmax(210px,1.7fr) repeat(var(--action-cols),minmax(90px,1fr)) 80px;
  }
  #metrics .matrix-header>*,#metrics .matrix-row>*,#metrics .matrix-system-row>*,#metrics .matrix-total-row>*{padding:12px 11px}
  #metrics .matrix-topic{font-size:12px}
  #metrics .matrix-value b{font-size:13px}
}

/* iPhone: remove the table entirely; each topic becomes a readable disclosure card. */
@media(max-width:699px){
  #metrics .action-matrix-desktop{display:none !important}
  #metrics .action-matrix-mobile{display:block !important}
  #metrics .panel-action-matrix{padding:18px !important}
  #metrics .panel-action-matrix .panel-heading{display:block}
  #metrics .panel-action-matrix .landscape-status{margin-top:10px}
  #metrics .matrix-topic-card{border-top:1px solid var(--line)}
  #metrics .matrix-topic-card:last-of-type{border-bottom:1px solid var(--line)}
  #metrics .matrix-topic-card summary{
    list-style:none;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto auto;
    gap:10px;
    align-items:center;
    padding:13px 0;
    font:600 13px/1.3 var(--mono);
  }
  #metrics .matrix-topic-card summary::-webkit-details-marker{display:none}
  #metrics .matrix-topic-card summary::after{content:"+";color:var(--cyan);font-size:16px}
  #metrics .matrix-topic-card[open] summary::after{content:"−"}
  #metrics .matrix-topic-card summary strong{font-size:16px;color:var(--cyan)}
  #metrics .matrix-topic-card>div{padding-bottom:10px}
  #metrics .matrix-topic-card p{
    display:flex;
    justify-content:space-between;
    gap:16px;
    margin:0;
    padding:8px 0;
    border-top:1px solid var(--line);
    font:12px/1.35 var(--mono);
  }
  #metrics .matrix-topic-card p span{color:var(--muted)}
  #metrics .matrix-system-card summary span{color:var(--warning)}
}

/* Progressive disclosure UX: one record, multiple depths. */
.reading-key{display:flex;gap:14px;align-items:baseline;margin-top:24px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px}.reading-key strong{font:10px var(--mono);letter-spacing:1.2px;color:var(--orange)}.reading-key span{color:var(--muted)}
.discovery-intro{max-width:760px;margin:0 0 32px;padding:18px 0;border-bottom:1px solid var(--line)}.discovery-list{display:grid;gap:24px}.discovery-card{border:1px solid var(--line);border-left:4px solid var(--topic-color);padding:30px;border-radius:6px;background:var(--surface)}.discovery-meta{display:flex;align-items:center;gap:12px;font:9px var(--mono);letter-spacing:1px;color:var(--muted)}.discovery-meta time{margin-left:auto}.discovery-card h2{font:400 clamp(28px,3vw,44px)/1.08 var(--serif);margin:18px 0}.discovery-summary{font-size:17px;max-width:820px}.discovery-why{margin:24px 0;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.discovery-why strong,.discovery-depth strong,.topic-hub strong{font:9px var(--mono);letter-spacing:1.2px}.discovery-card details{margin:18px 0}.discovery-card summary{cursor:pointer;font-weight:700}.discovery-depth{display:grid;grid-template-columns:2fr 2fr 1fr;gap:24px;padding-top:20px}.discovery-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:20px}
.topic-hubs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.topic-hub{border:1px solid var(--line);border-top:4px solid var(--topic-color);border-radius:6px;padding:26px;background:var(--surface)}.topic-hub-head>span{font:9px var(--mono);letter-spacing:1.2px;color:var(--muted)}.topic-hub h2{font:400 34px/1.1 var(--serif);margin:10px 0}.topic-hub>div:not(.topic-hub-head):not(.topic-hub-actions){border-top:1px solid var(--line);padding-top:16px;margin-top:16px}.topic-hub-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:22px}
.visual-summary{display:flex;gap:28px;align-items:center;margin:20px 0}.outcome-pie{width:150px;aspect-ratio:1;border-radius:50%;position:relative;display:grid;place-items:center;flex:0 0 auto}.outcome-pie:after{content:"";position:absolute;inset:24%;border-radius:50%;background:var(--surface)}.outcome-pie span{position:relative;z-index:1;text-align:center;display:grid}.outcome-pie strong{font:700 26px var(--mono)}.outcome-pie small{font:8px var(--mono);text-transform:uppercase}.visual-legend{display:grid;gap:7px;font:10px var(--mono)}.visual-legend span{display:flex;align-items:center;gap:7px}.visual-legend i{width:8px;height:8px;border-radius:2px;background:var(--muted)}.visual-legend .accepted i{background:var(--success)}.visual-legend .rejected i{background:var(--danger)}.visual-legend .deferred i{background:var(--warning)}.visual-legend .failed i{background:var(--failure)}.visual-legend .recovered i{background:var(--info)}.metric-definition{font-size:11px;color:var(--muted);border-top:1px solid var(--line);padding-top:12px}.topic-bar-chart{display:grid;gap:10px;margin:20px 0}.topic-bar-row{display:grid;grid-template-columns:minmax(100px,1fr) 3fr 34px;gap:12px;align-items:center;font:10px var(--mono)}.topic-bar-row div{height:10px;background:var(--pale);overflow:hidden;border-radius:2px}.topic-bar-row i{display:block;height:100%;background:var(--topic-color)}.topic-bar-row strong{text-align:right}
@media(max-width:760px){.discovery-depth,.topic-hubs{grid-template-columns:1fr}.discovery-card{padding:22px 18px}.discovery-meta{flex-wrap:wrap}.discovery-meta time{margin-left:0;width:100%}.visual-summary{align-items:flex-start}.outcome-pie{width:120px}.reading-key{display:block}.reading-key strong{display:block;margin-bottom:5px}}

/* Mobile viewport containment: intentional component scrollers stay local; the document itself never pans sideways. */
html,body{max-width:100%;overflow-x:clip}
.view,#home,.masthead,main,footer{min-width:0}
@media(max-width:700px){
  main,footer{width:auto;max-width:calc(100% - 40px)}
  .masthead{width:100%;max-width:100%;overflow:hidden}
  .masthead nav.compact-nav{width:100%;max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
  
  .observatory-topic{min-width:0;max-width:100%}
  
}

/* Small-phone density: use the available canvas instead of preserving desktop gutters/padding. */
@media(max-width:430px){
  main,footer{margin-left:16px;margin-right:16px;max-width:calc(100% - 32px)}
  .masthead{padding-left:16px;padding-right:16px}
  
  
  
  .section-top{gap:16px}
  .section-top .subtle{white-space:normal;max-width:42%;text-align:right}
  .discovery-card,.topic-hub,.project-card,.notebook-card,.blog-card,.panel,.dashboard-panel{padding-left:16px;padding-right:16px}
  .blog-reading,.notebook-reading{max-width:100%;padding-left:0;padding-right:0}
  .blog-reading>h2,.notebook-reading h2{font-size:clamp(34px,10.5vw,43px);line-height:1.08;overflow-wrap:anywhere}
  .blog-reading>p:not(.eyebrow):not(.blog-lede):not(.blog-disclosure),.notebook-reading>p{font-size:16px;line-height:1.72}
  .blog-card h2,.project-card h3,.notebook-card h3{overflow-wrap:anywhere}
  .blog-card{padding:20px 16px}
  .blog-card h2{font-size:clamp(28px,8.8vw,36px)}
  
  
  .observatory-topic{padding:18px 16px}
}

/* Help system — current WAKE✳︎ theme. One shared treatment for every contextual ? panel. */
.help-trigger{
  color:var(--cyan);border-color:color-mix(in srgb,var(--cyan) 72%,var(--line));
  background:color-mix(in srgb,var(--cyan) 7%,transparent);
  transition:background .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease
}
.help-trigger:hover,.help-trigger:focus-visible{
  color:var(--paper);background:var(--cyan);border-color:var(--cyan);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--cyan) 18%,transparent)
}
.help-layer{
  background:color-mix(in srgb,#090b16 78%,transparent);
  backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);
  padding:24px
}
.help-panel{
  background:var(--surface);color:var(--ink);border:1px solid var(--line);
  border-top:4px solid var(--cyan);
  box-shadow:0 24px 70px color-mix(in srgb,#090b16 46%,transparent),0 0 0 1px color-mix(in srgb,var(--purple) 12%,transparent);
  border-radius:7px;padding:27px 30px 29px
}
.help-panel::before{
  content:"";position:absolute;left:0;top:0;width:38%;height:3px;
  background:linear-gradient(90deg,var(--purple),var(--cyan));pointer-events:none
}
.help-panel>.eyebrow{color:var(--cyan);letter-spacing:.14em}
.help-panel>h2{color:var(--ink)}
.help-copy{border-top:1px solid var(--line);padding-top:17px;row-gap:12px}
.help-copy h3{color:var(--purple)}
.help-copy p{color:var(--muted)}
.help-close{
  color:var(--muted);border:1px solid transparent;border-radius:4px;
  background:transparent
}
.help-close:hover,.help-close:focus-visible{
  color:var(--cyan);border-color:var(--line);
  background:color-mix(in srgb,var(--cyan) 7%,transparent)
}
:root:not([data-theme="dark"]) .help-layer{background:color-mix(in srgb,#1f2335 48%,transparent)}
:root:not([data-theme="dark"]) .help-panel{box-shadow:0 22px 58px color-mix(in srgb,#232a26 22%,transparent)}
@media(max-width:700px){
  .help-layer{padding:0;align-items:flex-end}
  .help-panel{
    width:100%;max-height:calc(100dvh - 8px);padding:22px 18px max(24px,env(safe-area-inset-bottom));
    border-left:0;border-right:0;border-bottom:0;border-radius:10px 10px 0 0;
    box-shadow:0 -18px 52px color-mix(in srgb,#090b16 45%,transparent)
  }
  .help-panel::before{width:48%}
  .help-copy{padding-top:14px;row-gap:5px}
  .help-copy h3{margin-top:8px}
}

/* Outcome totals mirror the timeline's governance-state colors. */





/* CARD CONTAINMENT — 2026-10-04
   Keep long governed metadata inside its card at tablet/mobile widths. */
.blog-card,.record-panel,.record-panel-head,.record-panel-meta,.record-topics{min-width:0;max-width:100%}
.blog-card .record-panel-meta .record-topics{flex:1 1 140px;overflow:hidden}
.blog-card .record-panel-meta .topic-tag{
  max-width:100%;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.blog-card .record-panel-meta time{flex:0 0 auto}
@media(max-width:700px){
  .blog-card .record-panel-meta .record-topics{flex:1 1 100%;width:100%}
  .blog-card .record-panel-meta time{margin-left:0}
}


/* ABOUT LEGIBILITY — 2026-10-04
   Frost only the text-bearing surfaces so the nebula remains visible. */
#about .about-intro,
#about .about-principles article,
#about .about-body>section,
#about .about-contract{
  background:rgb(10 14 38 / .58);
  -webkit-backdrop-filter:blur(16px) saturate(120%);
  backdrop-filter:blur(16px) saturate(120%);
  border:1px solid rgb(160 190 255 / .22);
  box-shadow:0 12px 32px rgb(0 0 0 / .18);
}
#about .about-intro{max-width:920px;padding:clamp(30px,5vw,54px);border-radius:18px;margin-top:42px}
#about .about-principles{border:0;gap:14px;margin-top:22px}
#about .about-principles article,
#about .about-principles article:first-child,
#about .about-principles article:last-child{padding:26px;border-radius:15px}
#about .about-body{gap:22px}
#about .about-body>section{padding:30px;border-radius:15px}
#about .about-contract{background:rgb(10 14 38 / .64)}
#about .about-intro>p:last-child,
#about .about-principles p,
#about .about-body p:not(.eyebrow){color:color-mix(in srgb,var(--ink) 88%,white)}
@media(max-width:700px){
  #about .about-intro{margin-top:24px;padding:26px 22px}
  #about .about-principles{gap:12px}
  #about .about-principles article,
  #about .about-principles article:first-child,
  #about .about-principles article:last-child{padding:22px}
  #about .about-body{gap:14px;padding:24px 0}
  #about .about-body>section{padding:24px 22px}
}


/* RECORD TAG LAYOUT — 2026-10-04
   Metadata has variable-length governed topic labels. Keep identity/status/date
   stable and move topics onto their own row instead of squeezing or escaping. */
.journal-meta,
.blog-meta,
.project-meta,
.notebook-meta,
.notebook-reading-meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px 10px;
  min-width:0;
}
.journal-meta .record-topics,
.blog-meta .record-topics,
.project-meta .record-topics,
.notebook-meta .record-topics,
.notebook-reading-meta .record-topics{
  order:3;
  flex:1 0 100%;
  width:100%;
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  min-width:0;
  overflow:visible;
}
.journal-meta time,
.blog-meta time,
.project-meta time,
.notebook-meta time,
.notebook-reading-meta time{
  order:2;
  margin-left:auto;
}
.journal-meta .record-type,.journal-meta .record-status,
.blog-meta .record-type,.blog-meta .record-status,
.project-meta .record-type,.project-meta .record-status,
.notebook-meta .record-type,.notebook-meta .record-status,
.notebook-reading-meta .record-type,.notebook-reading-meta .record-status{order:1}
.record-panel-meta .record-topics .topic-tag{
  max-width:100%;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  margin:0;
}
@media(max-width:700px){
  .journal-meta time,.blog-meta time,.project-meta time,.notebook-meta time,.notebook-reading-meta time{
    flex:1 0 100%;
    margin-left:0;
  }
}


/* ABOUT GLASS OVERRIDE — 2026-10-04
   Stronger frosted surfaces: the previous translucent treatment was too weak
   over the high-contrast nebula image on iPad/mobile Safari. */
#about .about-intro,
#about .about-principles article,
#about .about-body>section,
#about .about-contract{
  background:rgb(7 11 34 / .82) !important;
  -webkit-backdrop-filter:blur(28px) saturate(115%) !important;
  backdrop-filter:blur(28px) saturate(115%) !important;
  border:1px solid rgb(154 190 255 / .30) !important;
  box-shadow:0 16px 42px rgb(0 0 0 / .30) !important;
}
#about .about-intro{
  max-width:none;
  margin:26px 0 22px;
  padding:clamp(28px,4vw,48px);
}
#about .about-principles{
  border:0 !important;
  gap:16px;
}
#about .about-principles article{
  border-radius:16px;
}
#about .about-body>section,
#about .about-contract{
  border-radius:16px;
}
@media(max-width:900px){
  #about .about-intro{margin:18px 0 16px}
  #about .about-principles{gap:12px}
  #about .about-body{gap:14px}
}