/* Console-only instrument styles (loaded in addition to site.css). */
.console{display:grid;grid-template-columns:264px 1fr;gap:18px;align-items:start}

.rail{background:var(--panel);border:1px solid var(--line);border-radius:3px;padding:16px}
.ctl{margin-bottom:17px}
.ctl:last-child{margin-bottom:0}
.ctl .k{font-family:"Space Mono";font-size:10px;letter-spacing:.22em;
  text-transform:uppercase;color:var(--muted);margin-bottom:8px}
select{width:100%;background:var(--panel2);color:var(--ink);border:1px solid var(--line);
  border-radius:2px;padding:9px 10px;font-family:"Space Grotesk";font-size:13px;
  appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2369747F' fill='none' stroke-width='1.3'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 11px center}
select:focus-visible{outline:2px solid var(--amber);outline-offset:1px}
select:disabled{opacity:.45;cursor:not-allowed}

.seg{display:flex;border:1px solid var(--line);border-radius:2px;overflow:hidden}
.seg button{flex:1;background:var(--panel2);color:var(--dim);border:0;padding:8px 4px;
  font-family:"Space Mono";font-size:11px;letter-spacing:.08em;cursor:pointer;transition:.15s}
.seg button + button{border-left:1px solid var(--line)}
.seg button[aria-pressed="true"]{background:var(--amber);color:#16191E;font-weight:700}
.seg button:focus-visible{outline:2px solid var(--amber);outline-offset:-2px}

.toggle{display:flex;align-items:center;gap:9px;cursor:pointer;user-select:none;margin-bottom:11px}
.toggle:last-child{margin-bottom:0}
.toggle input{position:absolute;opacity:0;pointer-events:none}
.toggle .box{width:34px;height:18px;border:1px solid var(--line);border-radius:10px;
  background:var(--panel2);position:relative;transition:.18s;flex:none}
.toggle .box::after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;
  background:var(--dim);top:2px;left:2px;transition:.18s}
.toggle input:checked + .box{background:rgba(232,162,61,.25);border-color:var(--amber)}
.toggle input:checked + .box::after{left:18px;background:var(--amber)}
.toggle input:focus-visible + .box{outline:2px solid var(--amber);outline-offset:2px}
.toggle .t{font-size:12.5px;color:var(--ink)}

.caution{margin-top:15px;border:1px solid rgba(216,100,60,.4);background:rgba(216,100,60,.08);
  border-radius:2px;padding:10px 11px;display:none}
.caution.on{display:block}
.caution .ch{font-family:"Space Mono";font-size:10px;letter-spacing:.16em;color:var(--warn);
  text-transform:uppercase;margin-bottom:5px}
.caution .ct{font-size:11.5px;line-height:1.5;color:var(--dim)}

.scope{background:var(--panel);border:1px solid var(--line);border-radius:3px;padding:6px;position:relative}
svg{display:block;width:100%;height:auto}
.axlabel{font-family:"Space Mono";font-size:11px;fill:var(--dim)}
.tick{font-family:"Space Mono";font-size:9.5px;fill:var(--muted)}
.gridline{stroke:var(--grid);stroke-width:1}
.axis{stroke:var(--line);stroke-width:1}
.pt{cursor:pointer;transition:opacity .2s}
.fit{stroke:var(--amber);stroke-width:1.4;stroke-dasharray:5 4;opacity:.85}

/* correlation gauge in the masthead */
.gauge{min-width:230px}
.gauge .glabel{font-family:"Space Mono";font-size:10px;letter-spacing:.2em;
  color:var(--muted);text-transform:uppercase;margin-bottom:6px;text-align:right}
.gauge .gval{font-family:"Space Mono";font-weight:700;font-size:28px;text-align:right;
  line-height:1;color:var(--ink);transition:color .25s}
.gauge .gword{text-align:right;font-size:11px;color:var(--dim);margin-top:3px;
  font-family:"Space Mono";letter-spacing:.04em;height:14px}
.scale{position:relative;height:8px;margin-top:9px;background:var(--panel2);
  border:1px solid var(--line);border-radius:1px}
.scale .mid{position:absolute;left:50%;top:-3px;bottom:-3px;width:1px;background:var(--line)}
.scale .needle{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--amber);
  left:50%;transition:left .3s cubic-bezier(.2,.7,.2,1),background .25s}
.scale .ticks{position:absolute;inset:0;display:flex;justify-content:space-between;padding:0 1px;pointer-events:none}

.readout{display:flex;gap:0;margin-top:14px;border:1px solid var(--line);
  border-radius:3px;overflow:hidden;background:var(--panel)}
.ro{flex:1;padding:11px 14px}
.ro + .ro{border-left:1px solid var(--line)}
.ro .rk{font-family:"Space Mono";font-size:9.5px;letter-spacing:.18em;color:var(--muted);
  text-transform:uppercase;margin-bottom:6px}
.ro .rv{font-family:"Space Mono";font-size:15px;color:var(--ink)}
.ro .rv .unit{color:var(--muted);font-size:11px}
#hovName{color:var(--amber)}

/* shape-of-death controls + legend */
.shape-controls{display:flex;gap:16px;flex-wrap:wrap;margin:0 0 14px;align-items:flex-end}
.shape-controls .sc{display:flex;flex-direction:column;gap:6px}
.shape-controls .sc>span:first-child{font-family:"Space Mono";font-size:10px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--muted)}
.shape-controls select{min-width:200px}
.legend{display:flex;gap:20px;flex-wrap:wrap;margin:12px 2px 0;font-family:"Space Mono";font-size:12px;color:var(--dim)}
.legend span{display:flex;align-items:center;gap:7px}
.legend i{width:11px;height:11px;border-radius:2px;display:inline-block}

@media (max-width:760px){
  .console{grid-template-columns:1fr}
  .gauge{min-width:0;width:100%}
  .readout{flex-wrap:wrap}.ro{min-width:50%}
}