:root{color-scheme:light;--ink:#102D38;--muted:#576970;--accent:#00797B;--paper:#FFFDF8;--surface:#F3EFE4;--mint:#DCEEE8;--mint-ink:#075E62;--sand:#EFE4C8;--sand-ink:#765500;--rule:#C8D0CA;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;font-family:var(--sans);color:var(--ink);background:var(--surface);-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}body{margin:0;min-width:320px}a{color:var(--accent);text-underline-offset:.25em}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--sand-ink);outline-offset:5px}[hidden]{display:none!important}::selection{background:var(--mint)}.skip{position:absolute;top:-80px;left:24px;padding:12px;background:var(--paper);z-index:10}.skip:focus{top:12px}
.project-header,main,footer{max-width:1360px;margin:auto;padding-inline:40px}.project-header{padding-top:32px}.back{font:15px/1.5 var(--mono);text-decoration:none}.draft{margin:34px 0 14px;color:var(--muted);font-size:14px}h1{font-size:clamp(30px,4vw,44px);line-height:1.15;letter-spacing:-.04em;font-weight:500;margin:0}h2{font-size:26px;letter-spacing:-.03em;line-height:1.2;margin:0;font-weight:500}h3{font-size:18px;line-height:1.4;margin:0;font-weight:600}p,li{font-size:16px;line-height:1.7}p{margin:10px 0 0}.intro{font-size:19px;max-width:72ch;margin-top:20px}.scope-note{max-width:85ch;color:var(--muted);font-size:14px;margin-top:16px}nav{display:flex;flex-wrap:wrap;gap:8px 28px;margin-top:28px}nav a{display:inline-flex;align-items:center;min-height:44px;font:14px/1.5 var(--mono);text-decoration:none}
section{padding-top:64px;scroll-margin-top:24px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.status{font-size:13px;color:var(--sand-ink);background:var(--sand);padding:5px 10px}.status.confirmed{background:var(--mint);color:var(--mint-ink)}.section-intro{max-width:80ch;color:var(--muted);margin-top:14px}.brief-grid,.roadmap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px}.brief-grid>div,.roadmap-grid article{background:var(--paper);padding:24px}.brief-grid p,.roadmap-grid p{font-size:15px}.boundary{background:var(--mint);padding:22px 24px;margin-top:24px;max-width:100%}.boundary p{font-size:15px;max-width:100ch}.switcher{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.switcher button{border:0;padding:12px 18px;min-height:44px;background:var(--paper);color:var(--ink);font-size:15px}.switcher button[aria-pressed=true]{background:var(--accent);color:var(--paper)}.journey-panel,.architecture-panel{margin-top:22px}.panel-meta{font-size:14px;color:var(--muted)}.flow{list-style:none;padding:0;margin:24px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.flow li{padding:22px 24px;background:var(--paper);position:relative;min-width:0}.flow li h4{font-size:17px;line-height:1.4;font-weight:600;margin:0}.flow li p{font-size:14px;color:var(--muted);margin-top:10px;overflow-wrap:anywhere}.flow-step{font-size:13px;color:var(--accent);display:block;margin-bottom:10px}.flow-end{margin-top:20px;background:var(--mint);padding:18px 24px;font-size:15px}.open-note{font-size:14px;color:var(--muted);margin-top:16px}.architecture-summary{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.architecture-summary>div{padding:24px;background:var(--paper)}.architecture-summary ul{margin:12px 0 0;padding-left:20px}.architecture-summary li{font-size:14px;margin-top:4px}.gate{color:var(--muted);font-size:14px!important;margin-top:18px!important}.phase{color:var(--accent);font:14px/1.5 var(--mono);margin:0 0 16px}.decision{display:grid;grid-template-columns:minmax(140px,1fr) 3fr;gap:20px;padding:22px 24px;background:var(--paper);margin-top:12px}.decision:first-child{margin-top:24px}.decision p{font-size:15px;margin:0}.decision .when{font-size:13px;color:var(--accent);margin-top:8px}.notice{padding:20px;background:var(--sand)}footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-block:64px 28px;font-size:13px;line-height:1.6;color:var(--muted)}
@media(max-width:900px){.brief-grid,.roadmap-grid{grid-template-columns:1fr}.flow{grid-template-columns:repeat(2,minmax(0,1fr))}.architecture-summary{grid-template-columns:1fr}}
@media(max-width:560px){.project-header,main,footer{padding-inline:22px}.project-header{padding-top:24px}.intro{font-size:17px}.draft{margin-top:28px}section{padding-top:44px}.flow{grid-template-columns:1fr;gap:12px}.section-heading{align-items:flex-start}.decision{grid-template-columns:1fr;gap:8px}.brief-grid,.roadmap-grid{gap:14px}.switcher button{padding:12px 14px}.flow li,.brief-grid>div,.roadmap-grid article,.architecture-summary>div{padding:20px}}
@media print{nav,.switcher,.back{display:none}body{background:white}.project-header,main,footer{padding-inline:0}section{padding-top:32px}.flow li,.brief-grid>div,.roadmap-grid article,.decision{break-inside:avoid}.draft:after{content:" / Print snapshot"}}
/* High-level architecture views */
.technical-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px;margin-top:24px;align-items:start}.system-board{display:grid;gap:16px}.system-layer{background:var(--paper);padding:20px}.system-layer>h4{margin:0 0 14px;color:var(--muted);font-size:14px;font-weight:500}.system-nodes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.system-node{text-align:left;display:flex;flex-direction:column;gap:10px;border:0;background:var(--surface);color:var(--ink);padding:18px;min-height:112px;overflow-wrap:anywhere}.system-node strong{font-size:15px;line-height:1.45;font-weight:600}.system-node span{font-size:12px;line-height:1.6;color:var(--muted)}.system-node:hover,.system-node.is-neighbour{background:var(--mint)}.system-node[aria-pressed=true]{background:var(--accent);color:var(--paper)}.system-node[aria-pressed=true] span{color:var(--paper)}.system-inspector{background:var(--mint);padding:22px;position:sticky;top:20px}.system-inspector h4{font-size:20px;line-height:1.3;margin:0;font-weight:500}.system-inspector p{font-size:14px;line-height:1.7}.system-inspector .panel-meta{font-size:12px;margin:0 0 12px}.connections{margin-top:26px}.connections h4{font-size:18px;margin:0}.connection-help{font-size:14px;color:var(--muted)}.connection-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.connection{background:var(--paper);padding:16px 20px}.connection>span{font-size:14px;font-weight:500;line-height:1.6}.connection b{color:var(--accent);padding-inline:6px}.connection p{font-size:13px;color:var(--muted);margin-top:6px}.table-scroll{overflow-x:auto;margin-top:26px;max-width:100%;background:var(--paper)}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px;line-height:1.65;min-width:680px}th,td{padding:18px 20px;vertical-align:top}thead{background:var(--mint);color:var(--mint-ink)}thead th{font-size:13px;font-weight:600}tbody th{font-weight:600;width:18%}tbody tr:nth-child(even){background:var(--surface)}td p.cell-note{font-size:12px;color:var(--muted);margin-top:8px}.roadmap-grid ul{padding-left:20px}.roadmap-grid li{font-size:14px;margin-top:8px}#source-list{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:24px}#source-list a{font-size:14px}
@media(max-width:1100px){.technical-layout{grid-template-columns:1fr}.system-inspector{position:static}.system-nodes{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.system-nodes,.connection-rows{grid-template-columns:repeat(2,minmax(0,1fr))}.system-layer{padding:16px}.system-node{padding:16px}.connection{padding:16px}.architecture-summary{grid-template-columns:1fr}}
@media(max-width:440px){.system-nodes,.connection-rows{grid-template-columns:1fr}.system-node{min-height:0}.technical-layout{gap:16px}}
@media print{.technical-layout{grid-template-columns:1fr}.system-inspector{position:static}.table-scroll{overflow:visible}table{min-width:0;font-size:10px}th,td{padding:8px}.system-node{break-inside:avoid}.connection-rows{grid-template-columns:1fr 1fr}}