@font-face{font-family:'Barlow';src:url('fonts/barlow-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Barlow';src:url('fonts/barlow-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Barlow';src:url('fonts/barlow-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Barlow Condensed';src:url('fonts/barlow-cond-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Barlow Condensed';src:url('fonts/barlow-cond-700.woff2') format('woff2');font-weight:700;font-display:swap}
:root{
  /* mirrors site/index.html: --blaze-dk is the text-safe orange (#D64A12
     measured 4.33:1 on white and 4.02:1 on --bone, both under AA), and
     --steel moved off #7D7A72 for the same reason */
  --blaze:#F4581C; --blaze-dk:#C2430F; --coal:#171310; --bone:#FAF6EF;
  --steel:#666359; --steel-lt:#E8E3D8; --card:#fff;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Barlow,-apple-system,'Helvetica Neue',sans-serif;background:var(--bone);color:var(--coal);line-height:1.6;font-size:17px}
a{color:var(--blaze-dk)}
:focus-visible{outline:3px solid var(--blaze-dk);outline-offset:3px;border-radius:3px}
footer :focus-visible{outline-color:var(--blaze)}
.wrap{max-width:760px;margin:0 auto;padding:0 22px}

nav{background:rgba(250,246,239,.92);border-bottom:1px solid var(--steel-lt)}
nav .wrap{display:flex;align-items:center;height:62px}
.logo{display:flex;align-items:center;gap:7px;font-family:'Barlow Condensed';font-weight:700;font-size:23px;letter-spacing:.8px;text-decoration:none;color:var(--coal);min-height:44px}
/* mascot art is ~89% ink inside a square canvas, so it sizes a touch larger
   than the old full-bleed mark to hold the same optical weight */
.logo img{width:34px;height:34px}

main{padding:52px 0 64px}
h1{font-family:'Barlow Condensed';font-weight:700;font-size:44px;line-height:1.04;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}
h2{font-family:'Barlow Condensed';font-weight:700;font-size:25px;line-height:1.15;text-transform:uppercase;letter-spacing:.5px;margin:34px 0 10px}
h3{font-size:18px;font-weight:600;margin:20px 0 6px}
p,ul,ol{margin-bottom:14px}
ul,ol{padding-left:24px}
/* sample messages carry unbreakable token URLs that spilled their list item
   and pushed the root 1px wide at 320 */
li{margin-bottom:6px;overflow-wrap:anywhere}
.eff{color:var(--steel);font-size:15px;margin-bottom:26px}
.lede{font-size:19px;margin-bottom:22px}
strong{font-weight:600}
.box{background:var(--card);border:1px solid var(--steel-lt);border-radius:8px;padding:18px 20px;margin:22px 0}
.box p:last-child{margin-bottom:0}
table{width:100%;border-collapse:collapse;margin-bottom:16px;font-size:16px}
th,td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--steel-lt);vertical-align:top}
th{font-weight:600;background:var(--card)}
code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px;background:var(--steel-lt);padding:1px 5px;border-radius:4px}

footer{background:var(--coal);color:#8D877B;padding:40px 0;font-size:14px;margin-top:20px}
footer a{color:#B8B2A6;display:inline-block;padding:7px 0;text-underline-offset:3px}
footer a:hover{color:var(--bone)}
/* was #4a453f on --coal — 1.95:1, the lowest contrast on the site */
footer .sep{color:#8D877B;padding:0 6px}

@media(max-width:640px){
  h1{font-size:34px}
  main{padding:36px 0 48px}
  body{font-size:16px}
}