.ag{--accent:#d2a363;background:#11242d;color:#f1f0e7;border-radius:18px;padding:clamp(16px,3vw,30px);font:15px/1.55 system-ui,sans-serif;max-width:1100px;margin:auto;box-sizing:border-box}
.ag *{box-sizing:border-box}.ag h1,.ag h2,.ag h3,.ag p{margin:0}.ag h1{font-size:clamp(28px,4vw,43px);letter-spacing:-.04em}.ag h2{font-size:22px}.ag h3{font-size:16px}.ag small,.ag .muted{color:#abc2c3}
.ag-header,.ag-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.ag-header{border-bottom:1px solid #36505a;padding-bottom:18px}
.ag-header p{color:#bdd1d0}.ag-eyebrow{color:var(--accent);font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:800}
.ag button{border:1px solid #50717a;background:#1c3741;color:#eaf0ea;border-radius:9px;padding:11px 13px;cursor:pointer;font:inherit;text-align:left;transition:background .15s}
.ag button:hover{background:#30505a}.ag button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.ag button.selected,.ag button.chosen,.ag button.active{border-color:var(--accent);background:#425348}.ag button:disabled{opacity:.45;cursor:default}
.ag .ag-cta,.ag .ag-submit{background:var(--accent);color:#13252d;font-weight:800;border-color:var(--accent)}
.ag-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.ag-tabs button{font-size:12px}.ag-objective{padding:15px 18px;border:1px solid #6a8e87;background:#203d44;border-radius:12px;margin:14px 0}.ag-objective strong{color:#e8c995}
.ag-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:18px;margin:18px 0}.ag-panel{border:1px solid #385963;background:#172f39;border-radius:14px;padding:18px;min-width:0}.ag-panel>h2{margin-bottom:13px}
.ag-scene{color:#d4e0db;font-size:17px;margin:10px 0 16px!important}.ag-records{display:grid;gap:10px}.ag-record{border:1px solid #3e626a;border-radius:10px;padding:14px;background:#1c3a43}.ag-record.aside{opacity:.58}.ag-record p{margin:8px 0 12px}.ag-record button{font-size:12px}.ag-mini{display:flex;gap:6px;flex-wrap:wrap}
.ag-tests{display:grid;gap:10px}.ag-test{background:#203b43;border:1px solid #3d5c65;border-radius:9px;padding:13px}.ag-test p{margin:8px 0}.ag-test button{margin-top:8px}
.ag-options{display:grid;gap:8px;margin:12px 0 20px}.ag-section{margin-top:20px}.ag-section h3{margin-bottom:8px}
.ag-feedback{padding:14px;color:#eed5a2;min-height:35px}.ag-debrief{border:1px solid #749e89;background:#23433c;padding:18px;border-radius:12px;margin:12px 0}.ag-debrief p{margin:10px 0}
.ag-footer{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid #36505a;padding-top:18px;margin-top:20px;color:#a9c0c0;font-size:12px;flex-wrap:wrap}
.ag-guide-panel{border:1px solid #547b7a;padding:16px;border-radius:10px;margin:12px 0;background:#223f47}.ag-guide-panel[hidden],.ag-debrief[hidden],.ag-next[hidden]{display:none!important}
@media(max-width:760px){.ag-grid{grid-template-columns:1fr}.ag-panel{padding:14px}.ag-header{align-items:flex-start}}


/* v0.2.0 — shared Almond Investigation visual language */
.ag{--accent:#d7b27f;--ink:#e3e8df;--muted:#92a6a6;--bg:#101c23;--panel:#15262e;--line:#2b4046;--teal:#89bab1;
 background:radial-gradient(ellipse at 80% 22%,#17353b77,transparent 55%),#101c23;color:var(--ink);border:1px solid #30464b;border-radius:15px;
 padding:0;max-width:1440px;overflow:hidden;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:13px;line-height:1.65}
.ag-topline{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 24px;border-bottom:1px solid var(--line);color:#91a9a8;font-size:10px}
.ag-topline b{color:#f0eee4;font-size:13px;letter-spacing:-.6px}.ag-topline>span:last-child{font-size:9px;letter-spacing:1.1px}
.ag-header{padding:22px 28px 25px;align-items:flex-start;border-bottom:1px solid var(--line)}
.ag-brand{display:flex;align-items:center;gap:9px;margin-bottom:24px;color:#f0ece0}.ag-brand svg{width:21px;height:26px;color:var(--accent)}
.ag-brand strong{font-size:25px;letter-spacing:-1.3px}.ag-brand-pill{font-size:8px;letter-spacing:1.8px;border:1px solid #496166;padding:5px 7px;border-radius:4px;color:#aac2be;margin-left:8px}
.ag-eyebrow{color:#91bcb5;font-size:9px;letter-spacing:1.9px;line-height:1.8}
.ag h1{font:400 clamp(34px,5vw,58px)/1.06 Georgia,"Times New Roman",serif;letter-spacing:-1.8px;margin:9px 0}
.ag h2,.ag h3{font-family:Georgia,"Times New Roman",serif;font-weight:400}
.ag-header p{font-size:14px;color:#b4c6c2}.ag-header>div:last-child{display:flex;gap:8px}
.ag-header button{font-size:10px;padding:10px 12px}
.ag button{border:1px solid #354e55;background:#1b323a;color:#dbe8e2;border-radius:7px;font-size:11px;min-height:39px;line-height:1.4;transition:background .15s,border-color .15s}
.ag button:hover{background:#28464b}.ag button.selected,.ag button.chosen,.ag button.active{border-color:#c9ac7c;background:#3c514b;color:#f6e7c9}
.ag .ag-cta,.ag .ag-submit{background:#d7b27f;color:#19262b;border-color:#d7b27f;font-size:11px}.ag .ag-cta:hover,.ag .ag-submit:hover{background:#e7c79d}
.ag-tabs{padding:12px 26px;margin:0;gap:7px;background:#152a32;border-bottom:1px solid #2b454b}.ag-tabs button{border-color:#365057;background:#1b323b;font-size:10px}
.ag-objective{margin:22px 28px 18px;background:#203c40;border:1px solid #42656a;padding:15px 17px;border-radius:10px}
.ag-objective strong{color:#f2e6d0;font-size:13px}.ag-objective p{font-size:12px;color:#c2d2ce;margin-top:4px}
.ag-grid{grid-template-columns:minmax(0,1.22fr) minmax(320px,1fr);align-items:start;margin:0 28px 28px;gap:18px}
.ag-panel{border:1px solid #2b454b;background:#132831;border-radius:12px;padding:0;overflow:hidden}
.ag-panel-top{display:flex;justify-content:space-between;padding:14px 16px 6px;color:#8baaa5;font-size:8px;letter-spacing:1.6px}
.ag-map{position:relative;overflow:hidden;background:#122b35;border-bottom:1px solid #314d52}
.ag-scene-illustration svg{width:100%;height:auto;display:block;aspect-ratio:680/440}
.ag-map-caption{position:absolute;bottom:10px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:1.7px;color:#92b5aa}
.ag-incident{padding:16px 17px;background:#193039}.ag-incident h2{font-size:22px;margin:5px 0}.ag-scene{font-size:13px;color:#c7d8d1;margin:8px 0 0!important}
.ag-records-heading{padding:16px 17px 0;font-size:19px}.ag-records{padding:12px 15px 18px;gap:8px}
.ag-record{background:#19323a;border:1px solid #37535a;border-radius:8px;padding:12px}.ag-record h3{font:400 17px Georgia,serif}
.ag-record p{font-size:12px;color:#c1d2cd}.ag-record.aside{opacity:.65}
.ag-mini button{padding:7px 9px;min-height:32px;font-size:10px}
.ag-left .ag-section{border-top:1px solid #304a50;padding:15px;margin:0}.ag-left .ag-section h2{font-size:20px}
.ag-tests{margin-top:11px}.ag-test{border-color:#38545a;background:#1b353d}.ag-test strong{font-size:12px}
.ag-right{padding:19px 18px 24px}.ag-right>.ag-eyebrow{font-size:9px}.ag-report-title{font:400 28px Georgia,serif;margin:8px 0}
.ag-report-subtitle{font-size:11px;color:#9db7b3;margin:5px 0 20px}
.ag-right .ag-section{margin:17px 0 22px}.ag-right .ag-section h3{font:600 9px system-ui,sans-serif;letter-spacing:1.5px;color:#8db4ac;text-transform:uppercase}
.ag-options{gap:8px;margin:11px 0 0}.ag-options button{width:100%;text-align:left;min-height:44px;padding:11px 13px}
.ag-feedback{font-size:12px;line-height:1.7}.ag-submit{width:100%;text-align:center}
.ag-debrief{background:#233f3b;border:1px solid #789787}
.ag-footer{margin:0;padding:15px 28px 22px;background:#101e25;border-top:1px solid #30464b;font-size:10px}
.ag-guide-panel{margin:12px 28px;border:1px solid #4b6a6a;background:#1c333c;font-size:12px}
@media(max-width:820px){.ag-grid{grid-template-columns:1fr;margin:0 14px 20px}.ag-objective{margin:16px 14px}.ag-header{padding:17px 16px}.ag-tabs{padding:10px 14px}.ag-topline{padding:10px 14px}.ag-footer{padding:15px}.ag-topline>span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){.ag button{transition:none}}