:root{--mono:'IBM Plex Mono',ui-monospace,Menlo,Consolas,monospace;--sans:Inter,Arial,sans-serif;--black:#080808;--cream:#f3eadc;--wline:rgba(255,255,255,.18)}
/* nav */
.sbn{position:sticky;top:0;z-index:50;background:var(--black);color:var(--cream);border-bottom:1px solid var(--wline)}
.sbn a{text-decoration:none}
.sbn-in{width:min(1480px,calc(100% - 48px));margin:0 auto;min-height:64px;display:flex;align-items:center;gap:24px}
.sbn-logo{display:inline-flex;align-items:center;gap:10px;min-height:44px;font:900 20px/1 Inter,Arial,sans-serif;letter-spacing:.05em;margin-right:auto;white-space:nowrap}
.sbn-logo svg{height:26px;width:auto;fill:currentColor;flex:none}
.sbn-links{order:2;display:flex;align-items:center;gap:4px;font:500 12px/1 'IBM Plex Mono',ui-monospace,Menlo,Consolas,monospace;letter-spacing:.1em;text-transform:uppercase}
.sbn-links a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;white-space:nowrap}
.sbn-links a:hover{text-decoration:underline;text-underline-offset:5px}
.sbn-buy{order:3;display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border:1px solid rgba(243,234,220,.55);border-radius:999px;font:500 12px/1 'IBM Plex Mono',ui-monospace,Menlo,Consolas,monospace;letter-spacing:.1em;text-transform:uppercase}
.sbn-buy:hover{background:var(--cream);color:var(--black)}
@media(max-width:760px){
  html{scroll-padding-top:112px}
  .sbn-in{width:calc(100% - 24px);flex-wrap:wrap;gap:0;padding:4px 0 0}
  .sbn-logo{font-size:18px}
  .sbn-links{order:3;width:100%;justify-content:space-between;gap:0;font-size:11px;letter-spacing:.03em}
  .sbn-links a{padding:0 4px}
  .sbn-buy{order:2;min-height:44px;padding:0 18px}
}

body{overflow-x:clip}
/* house rule on the pages that keep their words: inputs 16px, taps 44px */
input,select,textarea{font-size:16px!important;min-height:44px}
.tile a.go{display:inline-flex;align-items:center;min-height:44px;border-bottom:0!important;text-decoration:underline;text-underline-offset:4px}
.toc a{display:flex!important;align-items:center;min-height:44px}
.note a,main p>a{display:inline-flex;align-items:center;min-height:44px}
