@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700;800&family=Instrument+Serif:ital@0;1&display=swap');
:root{color-scheme:dark;--ground:#0a1210;--panel:#101b17;--panel2:#16231d;--raised:#192a22;--line:#304139;--text:#edf1e7;--muted:#a7b8ad;--dim:#758f7d;--green:#a5dfb9;--amber:#edc591;--violet:#c4adf8;--red:#efa9a1;--mono:'DM Mono',ui-monospace,monospace;--display:'DM Sans',system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ground);color:var(--text);font-family:var(--display);line-height:1.55}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}a:hover{color:var(--amber)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:3px}::selection{background:#9fe9bf;color:#0b1b11}
.page-shell{max-width:1680px;margin:auto}.skip{position:absolute;top:-90px;left:15px;background:#c4e4c3;color:#102017;z-index:99;padding:12px}.skip:focus{top:12px}
.global-nav{height:86px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:30px;padding:0 clamp(24px,5vw,90px)}.global-nav a{text-decoration:none}.mark{display:flex;gap:10px;align-items:center;font-weight:800;letter-spacing:.16em;font-size:14px;line-height:1.2}.mark small{display:block;font-size:10px;letter-spacing:.22em;color:var(--muted)}.mark-square{display:grid;place-items:center;width:38px;height:38px;background:var(--amber);color:#152018;font-family:'Instrument Serif',serif;font-size:30px;letter-spacing:0}.nav-divider{height:25px;border-left:1px solid var(--line)}.nav-section{font:11px var(--mono);letter-spacing:.12em;color:var(--green)}.nav-links{margin-left:auto;display:flex;gap:28px;font-size:12px;color:var(--muted)}.nav-links a:hover{text-decoration:underline}
.hero{position:relative;padding:88px clamp(24px,5vw,90px) 70px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:60px;align-items:center;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 73% 14%,#203a2d88 0%,transparent 52%),linear-gradient(132deg,#0a1310,#111a15 77%);overflow:hidden}
.eyebrow,.section-kicker,.art-label,.caption-label{font:11px var(--mono);letter-spacing:.13em;color:var(--green)}.eyebrow{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.eyebrow-led{height:7px;width:7px;border-radius:100%;background:var(--green);box-shadow:0 0 15px #a5dfb98f}.eyebrow-date{color:var(--dim)}
.hero h1{font-size:clamp(48px,5.4vw,91px);line-height:1.04;letter-spacing:-.075em;font-weight:700;max-width:820px;margin:29px 0 29px}.hero h1 em{font-family:'Instrument Serif',Georgia,serif;color:var(--amber);font-weight:400;letter-spacing:-.035em}
.hero-copy>p{color:var(--muted);max-width:660px;font-size:clamp(15px,1.1vw,18px);line-height:1.8}.hero-links{display:flex;flex-wrap:wrap;gap:13px;margin-top:35px}.primary-link,.secondary-link{padding:13px 18px;min-height:50px;display:inline-flex;align-items:center;gap:30px;font-size:13px;font-weight:700;text-decoration:none;border-radius:4px}.primary-link{color:#12251b;background:var(--green)}.primary-link:hover{color:#12251b;background:#c0edca}.secondary-link{color:var(--text);border:1px solid var(--line)}.secondary-link:hover{border-color:var(--amber)}
.hero-art{border:1px solid #486053;background:linear-gradient(135deg,#182b22,#101914);padding:25px;box-shadow:30px 30px 90px #0007;transform:rotate(1deg)}.hero-art svg{width:100%;margin:8px 0}.art-label{font-size:10px;color:var(--muted)}.art-footer{border-top:1px solid var(--line);padding-top:15px;display:flex;gap:15px;align-items:center;justify-content:space-between;font:9px var(--mono);color:var(--muted)}.art-footer code{font:12px var(--mono);color:var(--amber)}
.metrics{padding:0 clamp(24px,5vw,90px);display:grid;grid-template-columns:repeat(4,1fr);background:#12211a}.metric{padding:31px 24px 28px 0;border-right:1px solid var(--line);margin-right:25px}.metric:last-child{border-right:0}.metric span{display:block;font:10px var(--mono);letter-spacing:.08em;color:var(--muted)}.metric strong{display:block;font-size:clamp(36px,4vw,56px);font-weight:600;line-height:1.2;letter-spacing:-.07em;color:var(--green);margin:8px 0}.metric small{font-size:12px;color:var(--muted)}.metric-gap strong{color:var(--amber)}
.lineage-banner{display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap;padding:15px clamp(24px,5vw,90px);border-top:1px solid var(--line);border-bottom:1px solid var(--line);font:11px var(--mono);color:var(--muted);background:#0f1914}.lineage-banner div:first-child{display:flex;align-items:center;gap:9px}.bullet{display:inline-block;height:6px;width:6px;border-radius:50%;background:var(--green)}.lineage-banner b{font-weight:500;color:var(--text)}.lineage-banner a{color:var(--amber)}
.workspace{padding:55px clamp(24px,5vw,90px) 80px;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.93fr);gap:24px;align-items:start}
.records-panel,.detail-panel,.lower-section{border:1px solid var(--line);background:#101a16}.records-panel,.detail-panel{padding:clamp(20px,2.4vw,36px)}.detail-panel{background:linear-gradient(180deg,#17231d,#0e1713)}
.section-top{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-bottom:27px}.section-top h2{font-size:clamp(24px,2.5vw,34px);letter-spacing:-.045em;line-height:1.2;margin:10px 0}.section-top p{margin:0;max-width:650px;color:var(--muted);font-size:13px;line-height:1.8}.section-icon{font:36px 'Instrument Serif',serif;color:var(--amber);line-height:1}
label{display:block;color:var(--muted);font:12px var(--mono);margin-bottom:9px}input[type=search],input[type=file],select,textarea{display:block;width:100%;background:#0a1510;border:1px solid #395245;border-radius:4px;color:var(--text);padding:12px 14px;outline:0}input[type=file]{font-size:12px}input[type=file]::file-selector-button{color:#112119;background:var(--green);border:0;border-radius:2px;padding:9px;margin-right:15px;cursor:pointer}input:focus,select:focus,textarea:focus{border-color:var(--green);outline:0;box-shadow:0 0 0 1px var(--green)}textarea{resize:vertical;min-height:96px}select{cursor:pointer}.search-wrap{margin:0 0 16px}.search-wrap input{font-size:14px}
.filters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:22px}.filters button{border:1px solid var(--line);color:var(--muted);border-radius:4px;background:transparent;padding:8px 10px;font:11px var(--mono)}.filters button.active{background:#254336;border-color:#557965;color:#d7eeda}.filters button:hover{border-color:var(--amber)}
.record-list-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;font:10px var(--mono);letter-spacing:.06em;color:var(--dim);padding:0 0 10px;border-bottom:1px solid var(--line)}
.record-list{max-height:660px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#465d4d transparent}.record{display:block;width:100%;text-align:left;background:transparent;border:0;border-bottom:1px solid #283a30;color:var(--text);padding:19px 12px;transition:background .15s}.record:hover{background:#182920}.record.selected{background:#1c3228;box-shadow:inset 3px 0 var(--green)}.record-meta,.record-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.file-id{font:12px var(--mono);color:var(--amber)}.record-title{font-size:13px;line-height:1.5;max-height:3em;overflow:hidden;margin:13px 0;color:#d3e2d8}.record-foot{font-size:11px;color:var(--dim)}.mono{font-family:var(--mono);color:var(--green)}.pill{font:10px var(--mono);padding:4px 7px;background:#26332a;border:1px solid var(--line);border-radius:3px;color:var(--muted)}.pill.green{background:#1d382a;color:#b9e5c7;border-color:#34583e}.pill.muted{color:#c7c0a9;background:#2b2920}.pill.amber{color:var(--amber);background:#332b20;border-color:#594330}.pill.violet{color:var(--violet);background:#2d273c}
.timeline-box{border-top:1px solid var(--line);padding-top:25px;margin-top:15px}.timeline-heading,.timeline-caption{font:10px var(--mono);display:flex;justify-content:space-between;color:var(--dim)}.time-track{height:40px;margin:22px 5px 3px;position:relative;border-top:1px solid #5c7967}.time-marker{position:absolute;top:-6px;width:11px;height:11px;border-radius:50%;padding:0;border:2px solid #102319;background:var(--amber)}.time-marker:hover,.time-marker:focus-visible{background:#fff5d9;transform:scale(1.5)}.timeline-caption{font-size:11px}
.detail-heading{padding-bottom:10px;border-bottom:1px solid var(--line)}.detail-content>.eyebrow{margin-bottom:11px}.detail-content h2{font-size:clamp(19px,2vw,26px);letter-spacing:-.025em;line-height:1.45;margin:12px 0 18px;font-weight:600}.detail-state{margin-bottom:14px}.explanation{font-size:13px;line-height:1.8;color:var(--muted)}.lineage-card{padding:20px 0;border-top:1px solid var(--line)}.lineage-card>.action-link{margin:12px 0}.action-link{display:inline-flex;color:var(--amber);font-weight:600;text-decoration:underline;text-underline-offset:4px;font-size:13px}.lineage-row{display:flex;flex-wrap:wrap;gap:9px;margin:11px 0;justify-content:space-between;font-size:11px}.lineage-row span{color:var(--dim);min-width:95px}.lineage-row code{color:#c5d4c9;word-break:break-all;font:10px var(--mono);max-width:100%}.empty,.minor{color:var(--dim);font-size:13px;line-height:1.8}.review-module{border-top:1px solid var(--line);padding-top:25px;margin-top:20px}.module-heading{display:flex;justify-content:space-between;align-items:center;gap:5px;margin-bottom:18px}.module-heading h3{margin:0;font-size:18px;letter-spacing:-.035em}.module-heading span{font:10px var(--mono);color:var(--amber)}.review-module label{margin-top:16px}.review-module .field-grid label{margin-top:0}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.action-row,.action-stack{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.action-button,.outline-button,.quiet-button{border:0;border-radius:3px;min-height:42px;padding:11px 14px;text-align:center;font-size:12px;font-weight:700}.action-button{background:var(--green);color:#13241b}.action-button:hover{background:#c1f4d0}.outline-button{background:transparent;color:var(--text);border:1px solid var(--line)}.outline-button:hover{border-color:var(--amber)}.quiet-button{background:transparent;color:var(--muted);text-decoration:underline}.full{width:100%}.policy-caption{color:var(--dim);font-size:11px;line-height:1.7;margin-top:12px}.proof-list{margin-top:13px}.proof-chip{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:10px 0;font:11px var(--mono);color:#d3e5d4}.quiet{color:var(--amber);background:none;border:0;padding:5px}
.lower-section{margin:0 clamp(24px,5vw,90px) 26px;padding:clamp(24px,4vw,48px);scroll-margin-top:20px}.compare-grid,.brief-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.import-panel,.diff-panel,.brief-controls,.brief-paper{background:#15231b;border:1px solid var(--line);padding:25px}.import-panel p,.diff-panel p{font-size:13px;color:var(--muted);line-height:1.7}.import-panel button{margin-top:13px}.candidate-result{margin-top:24px;color:var(--amber);font:12px var(--mono)}.diff-panel h3{margin:0 0 15px;font-size:17px}.diff-panel #changeList{max-height:260px;overflow:auto}.diff-line{border-bottom:1px solid var(--line);padding:11px 0;display:flex;flex-wrap:wrap;gap:9px;align-items:center;justify-content:space-between;font-size:12px}.diff-line b{font:11px var(--mono);font-weight:400}
.brief-section{background:linear-gradient(130deg,#142119,#101914)}.brief-controls>label:first-child{margin-top:0}.brief-controls>.check-line{display:flex;align-items:center;gap:10px;margin:17px 0;font:12px var(--display);color:#cbdccb}.check-line input{accent-color:#b2e9c8;width:17px;height:17px}.action-stack{display:grid;margin-top:30px}.brief-paper{background:#edf1e8;color:#23382a;box-shadow:14px 14px 0 #223d30;padding:30px;min-height:340px;overflow:hidden}.paper-label{display:flex;justify-content:space-between;font:10px var(--mono);letter-spacing:.07em;color:#577063;padding-bottom:18px;border-bottom:1px solid #b7c6b9;gap:10px}.brief-paper pre{font:13px/1.8 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;max-height:560px;overflow:auto;margin:23px 0 0}
.footer{padding:40px clamp(24px,5vw,90px) 58px;border-top:1px solid var(--line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:30px}.footer strong{font-size:14px;letter-spacing:.1em}.footer strong span{color:var(--amber);margin:0 10px}.footer p{max-width:530px;color:var(--dim);font-size:12px;line-height:1.7}.foot-links{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.message{position:sticky;bottom:0;padding:12px clamp(24px,5vw,90px);background:#223629;color:#d9e5d9;font:11px var(--mono);border-top:1px solid #516d55;z-index:5}
@media(max-width:1050px){.hero{grid-template-columns:1fr}.hero-art{max-width:650px;transform:none}.workspace{grid-template-columns:1fr}.record-list{max-height:470px}.detail-panel{max-width:none}.nav-section{display:none}}
@media(max-width:760px){.global-nav{padding:0 20px;height:auto;min-height:65px;flex-wrap:wrap;gap:10px}.nav-links{gap:16px;margin-left:auto}.nav-links a{font-size:10px}.nav-divider{display:none}.hero{padding:48px 20px 35px;gap:28px}.hero h1{font-size:47px}.hero-art{padding:10px}.metrics{grid-template-columns:repeat(2,1fr);padding:0 20px}.metric{padding:24px 10px 15px 0;margin-right:9px;border-bottom:1px solid var(--line)}.metric:nth-child(2){border-right:0}.lineage-banner{padding:17px 20px}.workspace{padding:26px 20px 40px}.lower-section{margin:0 20px 22px}.compare-grid,.brief-grid{grid-template-columns:1fr}.field-grid{grid-template-columns:1fr}.footer{padding:35px 20px}.section-top{margin-bottom:20px}}
@media(max-width:420px){.nav-links{width:100%;justify-content:space-between;padding-bottom:10px}.nav-links a:nth-child(2){display:none}.hero h1{font-size:42px}.hero-links>a{width:100%;justify-content:space-between}.record-meta{justify-content:start}.records-panel,.detail-panel,.lower-section{padding:18px}.brief-paper{padding:17px}.metrics{gap:0}.metric span{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{.global-nav,.metrics,.lineage-banner,.workspace,.compare-section,.brief-controls,.footer,.message,.hero-art,.hero-links{display:none!important}.hero{padding:10px 0;border:none}.hero h1{font-size:24px}.hero-copy>p{display:none}.brief-section{border:0;padding:0;margin:0}.brief-grid{display:block}.brief-paper{box-shadow:none;border:0;max-height:none;overflow:visible;background:white;color:black}.brief-paper pre{max-height:none;overflow:visible;font-size:11px;white-space:pre-wrap}.brief-section .section-top{display:none}}
