/* Opsbench polish, 3 Oct 2026. One shared sheet applied after each page's own styles.
   Rules taken from the taste-skill design audit (typography presence, one accent, focus and
   pressed states, reduced motion, current page in nav, skip link, tabular figures).
   Font: Bricolage Grotesque, SIL Open Font License, self hosted, Latin subset only. */
@font-face{font-family:"Bricolage Grotesque";src:url("/brand/fonts/bricolage-grotesque-latin.woff2") format("woff2");font-weight:200 800;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* headlines with presence: a display face, tighter tracking, no orphans */
h1,h2{font-family:"Bricolage Grotesque",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;text-wrap:balance}
h1{letter-spacing:-.025em;line-height:1.06;font-weight:800;font-variation-settings:"opsz" 96}
h2{letter-spacing:-.015em;line-height:1.18;font-weight:700;font-variation-settings:"opsz" 48}
h3{text-wrap:balance}
p,li,dd{text-wrap:pretty}

/* figures line up */
:where(table,.amt,.num,.kpi,.stat,.val,.big,output){font-variant-numeric:tabular-nums}
.pcard .per{white-space:nowrap}

/* the repeated purpose strip reads as a tint, not a boxed card */
.pstrip{border-color:transparent;box-shadow:none}

/* states: keyboard focus, hover motion, pressed feedback, honest transitions */
:where(a,button,[role="button"],input,select,textarea,summary,.btn,.cta):focus-visible{outline:2px solid #A84C09;outline-offset:3px;border-radius:6px}
:where(.btn,.cta,button:not([disabled])){transition:background-color .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .12s ease}
:where(.btn,.cta,button:not([disabled])):active{transform:translateY(1px)}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* where you are */
nav a[aria-current="page"],header a[aria-current="page"]{color:#A84C09;font-weight:600;text-decoration:underline;text-underline-offset:.35em;text-decoration-thickness:2px}

/* keyboard users land on the content, not the nav */
.skip-link{position:absolute;left:-9999px;top:10px;z-index:1000;background:#0E1B2B;color:#fff;padding:10px 14px;border-radius:8px;font:600 14px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;text-decoration:none}
.skip-link:focus{left:10px;outline:2px solid #A84C09;outline-offset:2px}
[id="main"]{scroll-margin-top:24px}

::selection{background:#FDF4E9;color:#0E1B2B}

/* contrast on the dark band (Lighthouse: 2.43 and 3.05 before) */
.band form p{color:#C9D3E0}
.band form p a{color:#FFB861}