/* Makers of New - page styles for cockpit.html, extracted v50 (CSP: no inline <style>) */
:root{--bg:#0e3061;--petrol:#163f78;--deep:#0b2650;--gold:#E6C87C;--silver:#ECE7DC;--slate:#AEC4E4;--border:#2c5896;--line:#2c5896;--display:'Cormorant Garamond',Georgia,serif;--sans:'Inter',system-ui,sans-serif;--mono:'Space Mono',ui-monospace,'SFMono-Regular',monospace;--red:#E4132B;--grn:#34D399;--sim:#B7A6E8;}
*{margin:0;padding:0;box-sizing:border-box}
body{background:radial-gradient(135% 95% at 50% 18%, #2c62ad 0%, #205197 24%, #16407b 46%, #0e3061 68%, #081f3e 100%) fixed;color:var(--silver);font-family:var(--sans);font-weight:300;line-height:1.6;-webkit-font-smoothing:antialiased;padding-top:74px}
.logo .s{color:var(--silver)}.logo .c{color:var(--gold)}
.wrap{max-width:1080px;margin:0 auto;padding:56px 28px 90px}
.eyebrow{font-family:var(--mono);font-size:.68rem;letter-spacing:.26em;text-transform:uppercase;color:var(--gold)}
h1{font-family:var(--display);font-weight:400;font-size:clamp(2.2rem,4.6vw,3.3rem);line-height:1.06;margin:12px 0 10px}
h1 em{color:var(--gold);font-style:italic}
.lead{color:var(--slate);font-size:1rem;max-width:64ch}
.simmark{font-family:var(--mono);font-size:.6rem;letter-spacing:.16em;padding:3px 9px;border:1px solid var(--sim);color:var(--sim);vertical-align:middle;margin-left:10px;white-space:nowrap}
.chip{display:inline-block;margin-top:16px;padding:9px 14px;border:1px solid var(--line);background:var(--deep);font-family:var(--mono);font-size:.66rem;letter-spacing:.08em;color:var(--slate);line-height:1.7}
.chip a{color:var(--gold);text-decoration:none}
.stepk{font-family:var(--mono);font-size:.64rem;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin:52px 0 6px}
.steph{font-family:var(--display);font-weight:400;font-size:1.5rem;color:var(--silver);margin-bottom:16px}
.facts{display:flex;gap:14px;flex-wrap:wrap;align-items:flex-end}
.fld{min-width:180px;flex:1}
.fld label{display:block;font-family:var(--mono);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--slate);margin-bottom:5px}
.fld input,.fld select{width:100%;background:var(--deep);color:var(--silver);border:1px solid var(--line);padding:11px 12px;font-family:var(--mono);font-size:.78rem}
.morelink{font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);background:none;border:0;cursor:pointer;padding:12px 0}
#moreFacts{display:none;gap:14px;flex-wrap:wrap;margin-top:12px}
#moreFacts.open{display:flex}
.moves{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.move{background:var(--deep);border:1px solid var(--line);padding:24px 22px 20px;cursor:pointer;position:relative;transition:border-color .25s,transform .25s;user-select:none}
.move:hover{transform:translateY(-2px)}
.move .mk{font-family:var(--mono);font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:var(--slate);margin-bottom:10px}
.move h3{font-family:var(--display);font-weight:500;font-size:1.45rem;color:var(--silver);margin-bottom:8px}
.move p{font-size:.84rem;color:var(--slate);line-height:1.6;min-height:52px}
.move .mc{font-family:var(--mono);font-size:.64rem;color:var(--sim);margin-top:14px;line-height:1.7;min-height:18px}
.move .tick{position:absolute;top:16px;right:16px;width:22px;height:22px;border:1px solid var(--line);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;color:transparent;transition:all .25s}
.move.on{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}
.move.on .tick{background:var(--gold);border-color:var(--gold);color:var(--deep)}
.move.on h3{color:var(--gold)}
.hero-out{margin-top:20px;background:var(--deep);border:1px solid var(--line);padding:38px 30px 30px;text-align:center}
.ho-nums{display:flex;align-items:baseline;justify-content:center;gap:26px;flex-wrap:wrap}
.ho-n{font-family:var(--display);font-weight:500;font-size:clamp(2.4rem,6vw,4rem);line-height:1}
.ho-n.now{color:var(--slate)}
.ho-n.after{color:var(--gold)}
.ho-arrow{font-size:1.8rem;color:var(--slate)}
.ho-labs{display:flex;justify-content:center;gap:26px;flex-wrap:wrap;margin-top:10px}
.ho-lab{font-family:var(--mono);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--slate)}
.ho-chips{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:22px}
.ho-chip{font-family:var(--mono);font-size:.64rem;letter-spacing:.06em;color:var(--silver);border:1px solid var(--line);background:var(--petrol);padding:8px 13px}
.ho-sub{font-family:var(--mono);font-size:.62rem;color:#7d9cc4;margin-top:18px;line-height:1.7}
.cta-row{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:26px}
.btn{display:inline-block;background:transparent;border:1px solid var(--gold);color:var(--gold);font-family:var(--mono);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;padding:13px 22px;cursor:pointer;text-decoration:none}
.btn.solid{background:var(--red);border-color:var(--red);color:#fff}
details.fullck{margin-top:64px;border:1px solid var(--line);background:rgba(11,38,80,.5)}
details.fullck>summary{list-style:none;cursor:pointer;padding:22px 26px;display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
details.fullck>summary::-webkit-details-marker{display:none}
details.fullck>summary .st{font-family:var(--display);font-size:1.3rem;color:var(--silver)}
details.fullck>summary .sk{font-family:var(--mono);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
details.fullck[open]>summary .sk .cl{display:inline}details.fullck>summary .sk .cl{display:none}
details.fullck[open]>summary .sk .op{display:none}
.ckintro{padding:0 26px 8px;font-size:.84rem;color:var(--slate);max-width:64ch;line-height:1.7}
.ckbody{padding:8px 26px 26px}
.grid{display:grid;grid-template-columns:330px 1fr 290px;gap:22px;align-items:start}
.panel{background:var(--deep);border:1px solid var(--line);padding:20px 20px 16px}
.panel h3,.block h3{font-family:var(--mono);font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
.mgrp{margin:16px 0 6px;font-family:var(--display);font-style:italic;font-size:1.02rem;color:var(--gold)}
.persona{border-left:2px solid var(--gold);padding:8px 0 8px 16px;margin:18px 0 0;font-size:.88rem;color:var(--slate);max-width:64ch;line-height:1.75;text-align:justify}
.persona b{color:var(--silver)}
.ckchap{font-family:var(--mono);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;margin:16px 0 10px;padding-bottom:5px;border-bottom:1px solid var(--line)}
.bnow{font-family:var(--mono);color:#7d9cc4;font-size:.66rem}
.sl .v.chg{color:var(--gold);font-weight:600}
.ckgauges{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}
.cg{background:var(--deep);border:1px solid var(--line);padding:12px 8px 8px;text-align:center}
.cg svg{width:106px;height:106px;display:block;margin:0 auto;overflow:visible}
.cg .cgl{font-family:var(--mono);font-size:.56rem;letter-spacing:.14em;text-transform:uppercase;color:var(--slate);margin-top:4px}
.pg-track{fill:none;stroke:#1d4a86;stroke-width:3;stroke-linecap:round}.pg-fill{fill:none;stroke:var(--gold);stroke-width:3;stroke-linecap:round}
.pg-tick{stroke:var(--gold);stroke-width:.8;opacity:.3}.pg-tick.maj{stroke-width:1.3;opacity:.6}.pg-dot{fill:#E4132B}
.pg-num{fill:var(--gold);font-family:var(--display);font-size:24px;font-weight:600}.pg-num.sm{font-size:14px}
.pg-sub{fill:#7d9cc4;font-family:var(--mono);font-size:7px;letter-spacing:.6px}
@media(max-width:1020px){.ckgauges{grid-template-columns:repeat(2,1fr)}}
.sl{margin-bottom:10px}
.sl .lr{display:flex;justify-content:space-between;font-size:.72rem;color:var(--slate)}
.sl .lr b{color:var(--silver);font-weight:500}
.sl .lr .v{font-family:var(--mono);color:var(--gold)}
.sl input[type=range]{width:100%;accent-color:#E6C87C;height:22px}
@media print{
  /* The report on paper. The screen is a cockpit; the page is a read. Everything that exists to
     be clicked goes; everything that carries a number stays. */
  .no-print,.sprog,.vbar,nav,footer,#shelf,.shelf,button,.btn{display:none!important}
  /* The scenario shelf and Reset are device controls: meaningless once printed. */
  /* the shelf is device storage: it has an id and says so, rather than relying on
     :last-child, which breaks the moment someone adds a panel. */

  /* the grid unstacks: three columns of 330/1fr/290 do not survive A4 */
  .grid{display:block!important}
  .panel,.block,.hero-out{break-inside:avoid;page-break-inside:avoid;margin-bottom:14px}
  .tiles{break-inside:avoid;page-break-inside:avoid}

  /* THE LEVERS. The label and the value are already designed. The range input is not, so it is
     replaced by a drawn bar -- the same 2px gold rule the deck uses -- filled to the value. */
  input[type=range]{-webkit-appearance:none;appearance:none;height:2px;background:rgba(230,200,124,.22);
    border:0;margin:7px 0 0;padding:0;width:100%}
  input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:7px;height:7px;border-radius:50%;
    background:#E6C87C;border:0}
  input[type=range]::-moz-range-thumb{width:7px;height:7px;border-radius:50%;background:#E6C87C;border:0}
  input[type=range]::-moz-range-track{height:2px;background:rgba(230,200,124,.22)}
  .sl{margin-bottom:9px;break-inside:avoid}
  .sl .lr{font-size:.68rem}

  /* the levers panel reads as a column on paper, not a 330px rail */
  #sliders{column-count:2;column-gap:26px}
  .mgrp{break-after:avoid}
  h3{break-after:avoid}
}
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.tile{background:var(--petrol);padding:16px 14px;text-align:center;min-height:92px}
.tile .n{font-family:var(--display);font-size:1.7rem;color:var(--gold);line-height:1.1}
.tile .n.g{color:var(--grn)} .tile .n.r{color:#F0997B}
.tile .l{font-family:var(--mono);font-size:.56rem;letter-spacing:.12em;text-transform:uppercase;color:var(--slate);margin-top:6px;line-height:1.6}
.tile .d{font-family:var(--mono);font-size:.6rem;color:var(--sim);margin-top:3px;min-height:12px}
.block{background:var(--deep);border:1px solid var(--line);padding:18px 20px;margin-top:18px}
.rowline{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid #16294a;font-size:.8rem;color:var(--slate)}
.rowline b{color:var(--silver);font-weight:500}
.rowline .m{font-family:var(--mono);color:var(--gold);white-space:nowrap}
.dec{border-left:2px solid var(--red);padding:9px 0 9px 13px;margin-bottom:10px}
.dec .t::before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--red);margin-right:7px;vertical-align:middle}
.dec .t{font-size:.84rem;color:var(--silver)}
.dec .s{font-family:var(--mono);font-size:.62rem;color:var(--slate);margin-top:2px}
.dec .delta{font-family:var(--mono);font-size:.62rem;color:var(--sim);margin-top:2px}
.loop{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:26px}
.loop>div{background:var(--deep);padding:14px 14px}
.loop .k{font-family:var(--mono);font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.loop .t{font-family:var(--display);font-size:1rem;margin-top:4px}
.loop .d{font-size:.74rem;color:var(--slate);margin-top:3px;line-height:1.5}
.note{font-family:var(--mono);font-size:.62rem;color:#7d9cc4;margin-top:10px;line-height:1.7}
.note a{color:var(--gold)}
.ho-verdict{margin:16px auto 0;border-left:2px solid var(--gold);padding:8px 0 8px 16px;text-align:left;font-size:.9rem;color:var(--slate);line-height:1.8;max-width:64ch}
.ho-verdict b{color:var(--silver)}
.sl .v.chg{color:var(--gold);font-weight:600}
.lead,.ckintro,.move p,.aud p{text-align:justify;hyphens:auto}
.aud{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:26px}
.aud>div{border:1px solid var(--line);background:var(--deep);padding:18px 20px}
.aud .ak{font-family:var(--mono);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:8px}
.aud p{font-size:.84rem;color:var(--slate);line-height:1.65;margin:0}
@media(max-width:1020px){.grid{grid-template-columns:1fr}.tiles{grid-template-columns:repeat(2,1fr)}.moves{grid-template-columns:1fr}.move p{min-height:0}.aud{grid-template-columns:1fr}}
nav{background:rgba(12,40,80,.72)!important;border-bottom-color:rgba(255,255,255,.12)!important}
footer{border-top-color:rgba(255,255,255,.10)!important}
::selection{background:#E6C87C;color:#0b2650}
*{scrollbar-color:#E4132B rgba(255,255,255,.05);scrollbar-width:thin}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:rgba(255,255,255,.03)}::-webkit-scrollbar-thumb{background:#E4132B;border:3px solid #0e3061}::-webkit-scrollbar-thumb:hover{background:#EC2A43}
.eyebrow{display:inline-flex;align-items:center;gap:11px}.eyebrow .spark{display:inline-block;width:7px;height:7px;border-radius:50%;background:#E4132B;flex:0 0 auto;box-shadow:0 0 0 0 rgba(228,19,43,.5);animation:spark 2.8s ease-out infinite}@keyframes spark{0%{box-shadow:0 0 0 0 rgba(228,19,43,.5)}70%{box-shadow:0 0 0 8px rgba(228,19,43,0)}100%{box-shadow:0 0 0 0 rgba(228,19,43,0)}}@media(prefers-reduced-motion:reduce){.eyebrow .spark{animation:none}}