/* ==========================================================================
   BREWED IN PIXELS — document base
   Load order on every page:  tokens.css → base.css → components.css
   Document-level only. Anything reusable belongs in components.css;
   a page should need no stylesheet of its own.
   ========================================================================== */
*{box-sizing:border-box}
body{margin:0;background:var(--bp-paper);color:var(--bp-ink);
  font-family:var(--bp-body);font-size:16px;line-height:1.6;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
h1,h2,h3,h4{font-family:var(--bp-display);font-weight:800;
  font-variation-settings:"wdth" var(--bp-wdth);letter-spacing:-.028em;
  line-height:.98;margin:0;text-wrap:balance}
p{margin:0;text-wrap:pretty}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
:focus-visible{outline:2px solid var(--bp-orange);outline-offset:3px;border-radius:4px}