:root{color-scheme:light;--bg:#f5f5f0;--surface:#fff;--text:#21332b;--muted:#627169;--line:#dce2da;--accent:#23694f;--soft:#e8eee5;--media:#e9ece7;font:16px/1.6 -apple-system,BlinkMacSystemFont,"PingFang SC","Segoe UI",sans-serif}
html[data-theme=dark]{color-scheme:dark;--bg:#111a16;--surface:#1b2720;--text:#edf1e9;--muted:#a7b5aa;--line:#334239;--accent:#ade1bf;--soft:#263a2e;--media:#101913}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:var(--accent);text-underline-offset:4px}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.skip{position:absolute;top:-100px;left:16px;z-index:20}.skip:focus{top:12px;background:var(--surface);padding:8px 16px}
.topbar{height:76px;padding:0 6vw;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line)}.wordmark{font-size:16px;letter-spacing:.13em;font-weight:700;text-decoration:none;color:var(--text)}.wordmark span{font-weight:400;margin-left:4px}.top-label{font-size:13px;color:var(--muted);margin-left:auto}.topbar button{background:none;border:1px solid var(--line);border-radius:999px;padding:7px 18px;color:var(--text);min-height:44px}
main{width:min(1240px,88vw);margin:auto}.intro{max-width:840px;padding:62px 0 32px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin:0 0 12px}h1{font-size:clamp(30px,4.2vw,54px);font-weight:600;line-height:1.2;letter-spacing:-.035em;margin:0 0 20px}h2{font-size:20px;line-height:1.4;margin:0;font-weight:600}.description{font-size:18px;max-width:720px;margin:0 0 14px}.context{font-size:13px;color:var(--muted);max-width:750px;margin:0}.decisions-section{padding:26px 0 30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.decisions-section ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:18px 0 0;padding:0;list-style:none;counter-reset:decision}.decisions-section li{font-size:14px;counter-increment:decision}.decisions-section li:before{content:"0" counter(decision);display:block;color:var(--accent);font-size:12px;margin-bottom:6px}
.library{padding:36px 0 60px}.library-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.library-heading p{margin:0;font-size:13px;color:var(--muted)}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 34px}.filters button{border:1px solid var(--line);background:transparent;border-radius:999px;padding:8px 18px;color:var(--muted);min-height:44px}.filters button[aria-pressed=true]{color:var(--surface);background:var(--text);border-color:var(--text)}.section-heading{padding:0 0 16px;font-size:15px;color:var(--muted)}.item-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-bottom:36px}.item{min-width:0;border-bottom:1px solid var(--line);padding-bottom:24px}.media-stage{width:100%;height:400px;background:var(--media);display:flex;align-items:center;justify-content:center;border-radius:14px;overflow:hidden;margin-bottom:16px}.media-stage.image-button{border:0;padding:16px;cursor:zoom-in}.media-stage img{width:100%;height:100%;object-fit:contain}.media-stage video{width:100%;height:100%;object-fit:contain;background:#090e0b}.item h3{font-size:17px;line-height:1.45;margin:0 0 8px;font-weight:600;overflow-wrap:anywhere}.item p{font-size:13px;margin:0 0 8px;overflow-wrap:anywhere}.item .note{color:var(--muted)}.item .evidence{font-size:11px;letter-spacing:.03em;color:var(--accent)}.item-links{display:flex;flex-wrap:wrap;gap:18px;margin-top:12px;font-size:13px}.document-stage{flex-direction:column;gap:18px;padding:24px;text-align:center}.document-stage strong{font-size:38px;font-weight:400;letter-spacing:.04em}.document-stage a{display:inline-block;padding:10px 20px;background:var(--surface);border-radius:8px;min-height:44px}footer{border-top:1px solid var(--line);padding:22px 6vw;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12px;color:var(--muted)}
dialog{width:min(1050px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:18px;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:16px}dialog::backdrop{background:#000a}.viewer-heading{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-bottom:14px}.viewer-heading h2{font-size:16px}.viewer-heading button{min-width:64px;min-height:44px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text)}.viewer-scroll{max-height:65dvh;overflow:auto;overscroll-behavior:contain;background:var(--media);text-align:center}.viewer-scroll img{width:auto;max-width:100%;height:auto;display:inline-block;vertical-align:top}.viewer-hint{font-size:12px;color:var(--muted)}dialog>a{font-size:14px;display:inline-flex;min-height:44px;align-items:center}#load-error{color:#b84435;padding:20px 0}
@media(min-width:1500px){.item-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:900px){.item-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.decisions-section ol{grid-template-columns:1fr}.intro{padding-top:40px}.media-stage{height:390px}}@media(max-width:560px){.topbar{padding:0 20px;gap:12px;height:66px}.top-label{display:none}.topbar button{margin-left:auto}main{width:calc(100% - 36px)}.intro{padding-top:34px}.description{font-size:16px}.item-grid{grid-template-columns:minmax(0,1fr);gap:24px}.media-stage{height:440px}.item h3{font-size:18px}.filters{gap:7px}.filters button{padding:8px 14px}.section-heading{font-size:14px}.viewer-heading h2{font-size:14px}.library{padding-top:28px}.library-heading p{font-size:12px}}@media(prefers-reduced-motion:no-preference){button,a{transition:background-color .12s,color .12s}}

.decisions-section summary{font-size:16px;font-weight:600;color:var(--accent);cursor:pointer;min-height:32px;display:list-item;list-style-position:inside}.decisions-section[open] summary{margin-bottom:8px}@media(max-width:560px){.decisions-section{padding:16px 0}.library{padding-top:24px}}