/* Focused native experiences; colors extend the existing INDAC navy / red / gold system. */
#try,#next,#cogwar,#ooda{scroll-margin-top:110px}
.decision-app{color:#10243c;background:#f6f3ec;border-radius:18px;overflow:hidden;box-shadow:0 24px 60px #40101955}
.decision-app *,.case-studies-app *,.relationship-3d *{box-sizing:border-box}
.decision-head{padding:clamp(24px,4vw,48px);background:#0e2138;color:#fff;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:end}
.decision-head h2{font:900 clamp(36px,5vw,68px)/.94 'Big Shoulders Display',sans-serif;margin:0;text-transform:uppercase}
.decision-head p{margin:12px 0 0;color:#d6dfec;max-width:700px}
.decision-kicker,.mono{font:600 12px 'IBM Plex Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:#c9a04a}
.decision-actions{display:flex;gap:8px;flex-wrap:wrap}
.decision-btn{border:1px solid #b9c6d8;background:#fff;color:#0e2138;border-radius:9px;padding:10px 15px;min-height:44px;font:inherit;font-weight:800;font-size:14px;cursor:pointer}
.decision-btn.primary{background:#b5222c;border-color:#b5222c;color:white}
.decision-btn:disabled{opacity:.4;cursor:not-allowed}
.decision-progress{padding:12px clamp(20px,4vw,48px);display:flex;gap:10px;background:#1c3354;color:#d6dfec;font-weight:800}
.decision-progress span{flex:1;padding:8px;border-bottom:2px solid #526681}
.decision-progress span.active{color:#fff;border-color:#c9a04a}
.decision-body{padding:clamp(20px,4vw,42px);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:28px}
.decision-main h3,.case-studies-app h3,.relationship-3d h3{font-size:clamp(21px,2.5vw,30px);margin:0 0 12px;line-height:1.3}
.evidence-list{display:grid;gap:10px;margin:18px 0}
.evidence-item{display:flex;gap:12px;padding:14px;border:1px solid #d3dbe5;background:#fff;border-radius:10px}
.evidence-item b{color:#b5222c;white-space:nowrap}
.choice-grid{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0}
.choice{border:1px solid #bac6d5;background:white;color:#10243c;border-radius:999px;padding:10px 15px;font:inherit;font-weight:700;font-size:14px;cursor:pointer}
.choice[aria-pressed=true]{background:#0e2138;color:white;border-color:#0e2138}
.strategy-list{display:grid;gap:8px}
.strategy{display:grid;grid-template-columns:1fr auto;gap:5px 12px;text-align:left;border:1px solid #c9d3e1;border-radius:10px;padding:13px 15px;background:white;color:#10243c;cursor:pointer;font:inherit}
.strategy[aria-pressed=true]{border:2px solid #b5222c;background:#fff9f3}
.decision-main h3:focus{outline:2px solid #b5222c;outline-offset:4px}
.strategy small{grid-column:1/-1;color:#52647c;line-height:1.45}
.score{font:600 15px 'IBM Plex Mono',monospace;color:#b5222c}
.strategy-meta{display:flex;gap:6px;flex-wrap:wrap}
.strategy-meta span{font-size:12px;background:#e9edf3;padding:3px 8px;border-radius:999px}
.decision-aside{padding:22px;border-radius:13px;background:#e8edf3;align-self:start}
.decision-aside h4{margin:0 0 8px;font-size:16px}
.decision-aside p{margin:0 0 13px;color:#3a4a64;font-size:14px}
.caveat{font-size:12px!important;color:#60718a!important;border-top:1px solid #c9d3e1;padding-top:12px}
.exercise-footer{padding:0 clamp(20px,4vw,42px) 28px;color:#52647c;font-size:13px}
.case-studies-app{max-width:1200px;margin:0 auto;color:#0e2138}
.case-header{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:20px}
.case-tabs{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0}
.case-tab{display:flex;gap:12px;align-items:center;text-align:left;min-height:80px;padding:9px 12px;background:white;color:#0e2138;border:2px solid #e6ddc6;border-radius:12px;font:inherit;cursor:pointer;flex:1 1 230px}
.case-tab[aria-selected=true]{background:#0e2138;color:white;border-color:#0e2138}
.case-tab img{width:85px;height:60px;object-fit:cover;border-radius:6px}
.case-content{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:20px;align-items:start}
.case-evidence img{display:block;width:100%;max-height:480px;object-fit:contain;background:white;border:1px solid #e6ddc6;border-radius:12px}
.case-card{padding:23px;background:white;border:1px solid #e6ddc6;border-radius:13px}
.case-votes{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.case-votes button{border:1px solid #0e2138;border-radius:999px;padding:9px 13px;background:white;color:#0e2138;font:inherit;font-weight:700;font-size:14px;cursor:pointer}
.case-votes button[aria-pressed=true]{background:#0e2138;color:white}
.case-result{padding:16px;border-radius:10px;background:#0e2138;color:white;margin-top:14px}
.case-result li{margin:7px 0}
.case-tools{margin-top:18px;background:white;border:1px solid #e6ddc6;border-radius:12px;padding:0 18px}
.case-tools summary{padding:16px 0;font-weight:800;cursor:pointer}
.case-tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px;padding:8px 0 18px}
.case-tool-grid ul{list-style:none;padding:0;margin:0}.case-tool-grid li{margin:6px 0;font-size:13px}.case-tool-grid a{color:#0e2138;font-weight:700}
.case-citation{font-size:12px;color:#687891;margin-top:13px}
.relationship-3d{margin:22px 0 26px;padding:20px;border-radius:16px;background:#f2f5f9;border:1px solid #c9d3e1;color:#0e2138}
.network-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px}
.network-toolbar button,.network-layer button{border:1px solid #0e2138;border-radius:999px;background:white;color:#0e2138;padding:9px 14px;min-height:42px;font:inherit;font-weight:800;font-size:13px;cursor:pointer}
.network-toolbar button[aria-pressed=true],.network-layer button[aria-pressed=true]{background:#0e2138;color:white}
.network-toolbar .zoom-readout{font:13px 'IBM Plex Mono',monospace;color:#53647d;margin-left:auto}
.network-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);gap:18px;align-items:stretch}
.network-stage{position:relative;min-height:400px;background:radial-gradient(ellipse at 50% 44%,#dbe6ec,#edf1f3 68%,#e5ebf0);border-radius:12px;overflow:hidden;touch-action:none}
.network-stage svg{width:100%;height:100%;min-height:400px;display:block;cursor:grab}
.network-stage svg:active{cursor:grabbing}
.net-detail{padding:22px;border-radius:12px;background:#0e2138;color:white;min-height:320px}
.net-detail h3{color:#fff;margin-top:12px}
.net-detail p{color:#d6dfec}
.net-detail ul{padding-left:18px;color:#e7edf5}
.net-chip{display:inline-block;background:#c9a04a;color:#0e2138;border-radius:99px;padding:4px 10px;font-size:12px;font-weight:900}
.network-help{font-size:12px;color:#64748b;margin:10px 0 0}
.network-equivalent{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}
.network-equivalent button{border:1px solid #a9b6c7;border-radius:999px;background:white;color:#0e2138;padding:7px 10px;font:inherit;font-weight:700;font-size:12px;cursor:pointer}
.net-node{cursor:pointer;outline:none}
.welcome-node .node-ball{animation:welcomeGlow 3s ease-in-out infinite;stroke:#c9a04a;stroke-width:2}
@keyframes welcomeGlow{0%,100%{filter:drop-shadow(0 0 2px #c9a04a)}50%{filter:drop-shadow(0 0 9px #c9a04a)}}
.net-node .node-ball{stroke:#fff;stroke-width:2}
.net-node:focus .node-ball,.net-node.selected .node-ball{stroke:#b5222c;stroke-width:4}
.net-label{font:700 12px 'Chiron Hei HK',sans-serif;fill:#10243c;pointer-events:none}
.map-label{font:600 12px 'IBM Plex Mono',monospace;fill:#6d8192;letter-spacing:.08em}
.image-viewer{position:fixed;inset:0;z-index:120;background:#081428ed;display:grid;place-items:center;padding:24px}
.image-viewer[hidden]{display:none}
.image-viewer img{max-width:min(96vw,1200px);max-height:88vh;object-fit:contain;border:1px solid #c9a04a}
.image-viewer button{position:absolute;right:20px;top:20px}
@media(max-width:760px){.decision-head{grid-template-columns:1fr}.decision-body,.case-content,.network-layout{grid-template-columns:1fr}.network-stage,.network-stage svg{min-height:350px}.case-header{display:block}.decision-progress{font-size:12px;padding:10px 15px}.decision-progress span{padding:5px 2px}.net-detail{min-height:0}}
@media(prefers-reduced-motion:reduce){.decision-app *, .case-studies-app *, .relationship-3d *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
