/* Shell: instrument-first redesign wave 1 (rd/devicebench-shell). 48px bar+sheet, full-bleed faceplate, self-hosted type, on top of kit/base.css (byte-pinned, untouched). */
/* @font-face and the --db-* type tokens moved to bench.css, which every page loads (concept A). */
.bar48{height:48px;display:flex;align-items:center;gap:.75rem;max-width:var(--maxw);margin:0 auto;padding:0 1rem;border-bottom:1px solid var(--line)}
.brandmark{display:flex;align-items:center;gap:.45rem;text-decoration:none;color:var(--ink);flex:none;min-height:44px}
.brandmark span,.sheet-head strong,main h1{font-family:var(--db-display);font-stretch:118%;font-weight:800}
.brandmark span{font-size:.95rem;letter-spacing:.01em}
.pickbtn{margin-left:auto;display:inline-flex;align-items:center;gap:.4rem;height:44px;min-height:44px;padding:0 .9rem;border:1px solid var(--ink);border-radius:999px;background:transparent;color:var(--ink);font:inherit;font-weight:600;font-size:.82rem;cursor:pointer}
.pickbtn:hover{border-color:var(--accent);color:var(--accent)}
.scrim{position:fixed;inset:0;background:rgba(10,16,14,.4);z-index:20}
.sheet{position:fixed;left:0;right:0;bottom:0;z-index:21;background:var(--panel);border-top:2px solid var(--ink);padding:.9rem 1rem calc(1.1rem + env(safe-area-inset-bottom,0px));max-height:80vh;overflow:auto;border-radius:10px 10px 0 0}
.sheet-head{display:flex;align-items:center;justify-content:space-between}
.sheet-head strong{font-size:.95rem;letter-spacing:.02em}
.sheet-close{border:1px solid var(--line-strong);background:transparent;color:var(--ink);border-radius:999px;padding:.3rem .85rem;font:inherit;font-size:.82rem;cursor:pointer;min-height:44px}
.sheet .site-nav{flex-direction:column;gap:.15rem;margin-top:.75rem}
.sheet .site-nav a{padding:.55rem .2rem;min-height:44px}
@media (min-width:640px){
  .scrim{background:rgba(10,16,14,.22)}
  .sheet{left:auto;right:1.5rem;top:64px;bottom:auto;width:320px;border:1px solid var(--line-strong);border-radius:8px;max-height:calc(100vh - 96px)}
}
main h1{letter-spacing:.005em;font-size:clamp(1.1rem,5.6vw,1.85rem);text-wrap:balance;overflow-wrap:break-word}
.faceplate{position:relative}
.faceplate>.hint:first-child{margin:0 0 .75rem;font-family:'Martian Mono Bench',ui-monospace,monospace;font-size:.74rem;font-weight:500;color:var(--ink-soft);letter-spacing:.01em}
@media (max-width:700px){.faceplate{margin-inline:-1rem;border-radius:0;border-left:none;border-right:none;padding-inline:1rem}}
@media (prefers-reduced-motion:reduce){.sheet,.scrim{transition:none!important}}
/* The shell replaced .site-header with .bar48 (plus the .scrim/.sheet device
   picker); print rules written against the old class, such as
   sensitivity-converter's, no longer hide any of the three, so a printed
   page carried the 48px bar and its "Pick a device" button. Set once, here,
   for every page instead of per-page. */
@media print{.bar48,.scrim,.sheet{display:none!important}}