.soc-case-hub{max-width:1250px;margin:auto}.soc-case-hub h1,.soc-extra h1{font-size:clamp(2rem,4vw,3.6rem);letter-spacing:-.04em;line-height:1.1;margin:18px 0}.soc-case-hub h1 em{color:#9fef00;font-style:normal}.soc-case-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:30px 0}.soc-case-cards article{display:flex;flex-direction:column;align-items:flex-start;padding:26px;border:1px solid #3b5167;border-radius:14px;background:linear-gradient(140deg,#1e3041,#142132)}.soc-case-number{font:34px Consolas,monospace;color:#9fef00;opacity:.8}.soc-case-cards small{color:#abc2d5;margin:15px 0 5px;font:11px Consolas,monospace}.soc-case-cards h2{font-size:1.5rem;line-height:1.2;margin:8px 0 15px}.soc-case-cards p{font-size:.85rem;line-height:1.7;color:#b4c7d9}.soc-case-cards .primary{margin-top:auto;min-height:44px}.soc-case-meta{display:flex;flex-wrap:wrap;gap:10px;font:10px Consolas,monospace;color:#acd28c}.soc-case-policy{padding:18px;border:1px solid #456340;background:#1c3029;border-radius:10px;font-size:.85rem;line-height:1.7;color:#c5daba}.extra-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:24px}.extra-top>span{font-size:11px;color:#abc2d5}.extra-stage{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.extra-stage span{border:1px solid #3b5168;border-radius:6px;padding:10px;font-size:11px;color:#9ab5c9}.extra-stage span.active{border-color:#9fef00;color:#c7ed9b;background:#263c31}.extra-map{padding:23px;border:1px solid #3a536b;background:radial-gradient(ellipse at top right,#33647744,transparent 70%),#122438;border-radius:12px}.extra-map>div:first-child{display:grid;gap:8px}.extra-map>div>span{font:10px Consolas,monospace;color:#a9bfd3}.extra-map b{font-size:1.3rem;color:#dce9f2}.extra-nodes{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:24px 0}.extra-nodes>span{padding:12px;border:1px solid #48627a;border-radius:8px;background:#1b3045}.extra-map .extra-nodes .met{color:#b4e47d;border-color:#789e4b;background:#243e2d}.extra-nodes i{color:#91b2c5}.extra-map p{font-size:11px;color:#a9bfd3}.extra-feedback{color:#c5e59a;font-size:.9rem;line-height:1.6;min-height:1em}.extra-work-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start}.extra-panel{padding:25px;border:1px solid #3b5168;background:#172639;border-radius:12px;margin-bottom:22px;min-width:0}.extra-panel h2{font-size:1.7rem;line-height:1.2;margin:12px 0 20px}.extra-panel h3{font-size:1.1rem}.extra-panel p,.extra-panel li{color:#b6c9da;font-size:.85rem;line-height:1.8}.extra-panel button{min-height:44px;margin:5px 5px 5px 0}.extra-evidence details{padding:14px;border:1px solid #405b72;background:#122337;border-radius:8px;margin:12px 0}.extra-evidence summary{cursor:pointer;font-size:.85rem;color:#d6e3ed;line-height:1.7;min-height:32px}.extra-panel fieldset{border:1px solid #3d5670;border-radius:9px;margin:17px 0;padding:13px}.extra-panel legend{font-size:12px;color:#d3e2ee;padding:0 5px}.extra-choice{background:#21384b;color:#bfd0df;border:1px solid #4a657b;border-radius:6px;font-size:11px;padding:10px}.extra-choice[aria-pressed=true]{border-color:#9fef00;color:#dcf3bd;background:#2b4432}.extra-panel textarea{display:block;width:100%;box-sizing:border-box;background:#101e30;color:#e3edf5;border:1px solid #527087;border-radius:7px;padding:12px;margin:10px 0;font:13px system-ui}.extra-panel label{font-size:12px;color:#bdd0df}.extra-actions{display:grid;gap:7px}.extra-actions button{text-align:left;font-size:12px;padding:12px;line-height:1.6}.extra-actions span{color:#a6d675;display:inline-block;min-width:24px}.extra-criteria{padding:15px;border:1px solid #426078;border-radius:8px;margin:18px 0}.extra-criteria ul{padding-left:17px}.extra-criteria .met{color:#b5df91}.extra-criteria .pending{color:#e8c893}.extra-score{font:32px Consolas,monospace!important;color:#b6ef77!important}.soc-extra button:focus-visible,.soc-case-hub button:focus-visible{outline:3px solid #9fef00;outline-offset:4px}#soc-switch-case{margin-bottom:18px;min-height:44px}
@media(max-width:1000px){.soc-case-cards{grid-template-columns:1fr}.soc-case-cards article{padding:22px}.soc-case-cards .primary{margin-top:12px}.extra-work-grid{grid-template-columns:1fr}.extra-top{align-items:flex-start;flex-direction:column}}@media(max-width:600px){.extra-panel{padding:18px}.extra-panel h2{font-size:1.4rem}.extra-nodes{flex-direction:column;align-items:stretch}.extra-nodes i{display:none}.soc-case-cards h2{font-size:1.4rem}}

/* Each additional case supplies its own navigation and phase indicator. */
#academy:has(.soc-case-hub) #motion-dock,#academy:has(.soc-extra) #motion-dock{display:none}