/* Final presentation layer: preserve the navy identity and improve readability. */
:root{--bg:#f2f5f9;--muted:#53677b}
.main,.content,.panel,.stack{min-width:0}.content{max-width:1680px;margin-inline:auto;width:100%}
.nav summary,.nav button{font-size:14px}.nav button{border-radius:6px;margin-block:2px;line-height:1.5}.nav button.active{background:#244867;box-shadow:inset 3px 0 #8cbaff}
.panel{border-radius:10px;box-shadow:0 3px 12px #17364b05}.panelhead{gap:12px;flex-wrap:wrap}.panelhead h2{line-height:1.4}.pagehead{gap:16px;margin-bottom:24px}.pagehead h1{letter-spacing:-.6px}
button{min-height:36px;transition:background-color .15s,border-color .15s}button:disabled{cursor:not-allowed}.actions{flex-wrap:wrap;gap:8px}.topright{align-items:center;flex-wrap:wrap}.topbar{background:#ffffffed;border-bottom:1px solid #dbe4ed}
.field{font-size:14px}.field input,.field textarea,.field select{line-height:1.5}.field textarea{min-height:96px}.filterbar label,.notice{font-size:14px}.notice{line-height:1.65}
.panel table th{letter-spacing:.04em}.panel table td{line-height:1.55}.table-scroll tbody tr:hover{background:#f6f9fe}.badge{line-height:1.4;white-space:normal}.metrics{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.decision-hero{box-shadow:0 8px 24px #183b5b12}.decision-hero h2{max-width:850px}.decision-chips span{font-size:13px}.decision-alternative p,.decision-resource small{font-size:14px}.briefing-entry button{font-weight:600}
.skip-link{position:fixed;top:-100px;left:16px;z-index:1000;background:#fff;color:#173c65;padding:12px 18px;border:2px solid #2457d6;border-radius:6px}.skip-link:focus{top:12px}
@media(max-width:800px){.sidebar{max-height:260px}.content{padding:20px 14px}.nav{gap:0 8px}.nav button{padding-left:12px}.nav button.active{padding-left:12px}.pagehead h1{font-size:26px}.decision-hero h2{font-size:25px}.panelhead{padding:16px}.filterbar{flex-wrap:wrap}.filterbar label{max-width:none}.topbar{padding:12px 14px}.modal{width:calc(100% - 24px);padding:22px;max-height:calc(100dvh - 32px)}.decision-summary{gap:12px 18px}}
@media(max-width:440px){.metrics{grid-template-columns:1fr}.metric{border-right:0;border-bottom:1px solid var(--line)}.metric:last-child{border-bottom:0}.topright{gap:6px}.nav{grid-template-columns:1fr 1fr}.decision-hero{padding:20px}.briefing-priority h3{font-size:18px}}
@media(prefers-reduced-motion:reduce){button{transition:none}}