:root{
  --instrument-bg:#020806;
  --instrument-panel:#06100c;
  --instrument-panel-2:#091611;
  --instrument-text:#d8e8da;
  --instrument-bright:#edf7ea;
  --instrument-muted:#789083;
  --instrument-green:#9affb3;
  --instrument-teal:#5af4d2;
  --instrument-gold:#f8d77b;
  --instrument-alert:#ff8d78;
  --instrument-line:rgba(154,255,179,.15);
  --instrument-line-strong:rgba(154,255,179,.28);
  --instrument-sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --instrument-mono:ui-monospace,SFMono-Regular,Consolas,monospace;
  --instrument-width:1360px;
}
.instrument-page{width:min(var(--instrument-width),calc(100% - 4rem));margin:0 auto;padding:0 0 7rem;color:var(--instrument-text)}
.instrument-kicker{margin:0;color:var(--instrument-teal);font:600 .62rem/1.35 var(--instrument-mono);letter-spacing:.15em;text-transform:uppercase}
.instrument-title{margin:.3rem 0 0;color:var(--instrument-bright);font:300 clamp(3.6rem,7vw,7rem)/.82 var(--instrument-sans);letter-spacing:-.06em}
.instrument-title span{color:var(--instrument-green)}
.instrument-copy{max-width:43rem;margin:1.25rem 0 0;color:#879b8e;font:400 clamp(.92rem,1.35vw,1.12rem)/1.65 var(--instrument-sans)}
.instrument-section{border-top:1px solid var(--instrument-line)}
.instrument-section-head{display:flex;align-items:end;justify-content:space-between;gap:2rem;padding:1.5rem 0 1rem}
.instrument-section-head h2{margin:.3rem 0 0;color:var(--instrument-bright);font:300 clamp(1.8rem,3vw,3.1rem)/1 var(--instrument-sans);letter-spacing:-.045em}
.instrument-index{color:#52675a;font:500 .58rem/1 var(--instrument-mono);letter-spacing:.12em}
.instrument-control{min-width:44px;min-height:44px;border:1px solid var(--instrument-line-strong);border-radius:0;background:rgba(2,10,7,.72);color:#a9baaf;font:600 .61rem/1 var(--instrument-mono);letter-spacing:.07em;text-transform:uppercase;cursor:pointer;touch-action:manipulation}
.instrument-control:hover{background:rgba(154,255,179,.07);color:var(--instrument-bright)}
.instrument-control:focus-visible,.instrument-link:focus-visible{outline:2px solid var(--instrument-gold);outline-offset:2px}
.instrument-control[disabled]{opacity:.35;cursor:not-allowed}
.instrument-source-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--instrument-line);border-bottom:1px solid var(--instrument-line)}
.instrument-source-cell{min-width:0;padding:.8rem 1rem;border-right:1px solid var(--instrument-line)}
.instrument-source-cell:last-child{border-right:0}
.instrument-source-cell small{display:block;color:#62786a;font:500 .54rem/1.3 var(--instrument-mono);letter-spacing:.12em;text-transform:uppercase}
.instrument-source-cell strong{display:block;margin-top:.35rem;overflow:hidden;color:var(--instrument-green);font:500 .72rem/1.35 var(--instrument-mono);text-overflow:ellipsis;white-space:nowrap}
.instrument-link{color:var(--instrument-teal);font:500 .64rem/1.4 var(--instrument-mono);text-decoration:none}
@media(max-width:800px){
  .instrument-page{width:min(100% - 2rem,var(--instrument-width));padding-bottom:4rem}
  .instrument-section-head{align-items:start;flex-direction:column;gap:1rem;padding:1.25rem 0 .85rem}
  .instrument-source-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .instrument-source-cell:nth-child(2){border-right:0}.instrument-source-cell:nth-child(n+3){border-top:1px solid var(--instrument-line)}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
