/* The homepage has its own layout; keep its type and palette in Instrument. */
html[data-philosophy="instrument"] #main{
  --sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --serif:var(--sans);--paper:#070a10;--ink:#e7ecf3;--muted:#9fb3c8;
  --line:#273544;--white:#0d131c;--pale:#0d2726;--green:#5eead4;
  --red:#efaf98;--refused-bg:#271b1c;--unknown-bg:#1c222b;
}
html[data-philosophy="instrument"] #main h1,
html[data-philosophy="instrument"] #main h2{font-weight:750;letter-spacing:-.035em}
html[data-philosophy="instrument"] #main h3{font-weight:650}
html[data-philosophy="instrument"] #main .hero h1{font-weight:750}
html[data-philosophy="instrument"] #main .label{color:var(--green);font-family:var(--mono)}
html[data-philosophy="instrument"] #main .label::before{background:var(--green)}
html[data-philosophy="instrument"] #main .btn{background:var(--green);border-color:var(--green);color:var(--paper)}
html[data-philosophy="instrument"] #main .btn:hover{background:#99f6e4}
html[data-philosophy="instrument"] #main .final{background:var(--pale);color:var(--ink);border:1px solid var(--line)}
html[data-philosophy="instrument"] #main .final h2,
html[data-philosophy="instrument"] #main .final p{color:var(--ink)}
html[data-philosophy="instrument"] #main .final .btn{color:var(--paper)}

/* Content hashes use the same fixed technical face as site labels. */
html[data-philosophy="instrument"] .rcpt{font-family:var(--mono);font-size:11px;letter-spacing:.04em}