:root{--ink:#0E1620;--ink-2:#16222F;--paper:#F1EFE9;--paper-2:#E4E1D8;
--amber:#F2A900;--amber-deep:#B87C00;--steel-dk:#4B5B69;--steel:#7C8A99}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--paper);color:var(--ink);
 font-family:'IBM Plex Sans',system-ui,-apple-system,Segoe UI,sans-serif;
 font-size:17px;line-height:1.65}
.wrap{max-width:760px;margin:0 auto;padding-inline:clamp(20px,5vw,40px)}
.nav{background:var(--ink);border-bottom:3px solid var(--amber)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:62px}
.logo{font-family:'Barlow Condensed',Arial Narrow,sans-serif;font-weight:700;font-size:27px;
 letter-spacing:.02em;text-transform:uppercase;color:var(--paper);text-decoration:none}
.logo span{color:var(--amber)}
.nav a.back{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:12px;letter-spacing:.1em;
 text-transform:uppercase;color:#9FADB8;text-decoration:none}
.nav a.back:hover{color:var(--amber)}
main{padding:clamp(40px,7vw,72px) 0 clamp(56px,8vw,88px)}
.eyebrow{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:12px;font-weight:600;
 letter-spacing:.18em;text-transform:uppercase;color:var(--amber-deep);margin-bottom:14px}
h1{font-family:'Barlow Condensed',Arial Narrow,sans-serif;font-weight:700;line-height:.98;
 text-transform:uppercase;font-size:clamp(38px,7vw,60px);letter-spacing:.005em}
.updated{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:12px;letter-spacing:.08em;
 color:var(--steel-dk);margin-top:16px;padding-bottom:26px;border-bottom:2px solid var(--ink)}
h2{font-family:'IBM Plex Sans',system-ui,sans-serif;font-size:21px;font-weight:700;
 letter-spacing:-.01em;margin:38px 0 12px;padding-top:4px}
p,li{color:#243444;margin-bottom:14px}
ul,ol{padding-left:22px;margin-bottom:18px}
li{margin-bottom:8px}
a{color:var(--amber-deep)}
strong{font-weight:600}
.callout{background:#fff;border:1.5px solid var(--ink);border-left:6px solid var(--amber);
 border-radius:3px;padding:20px 22px;margin:26px 0}
.callout p:last-child{margin-bottom:0}
.fill{background:#FFF4D6;border-bottom:1px dashed var(--amber-deep);padding:1px 4px;
 font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:.9em}
footer{background:var(--ink);color:var(--steel);padding:34px 0;font-size:13.5px;text-align:center}
footer a{color:#9FADB8;text-decoration:none;margin:0 8px;white-space:nowrap}
footer a:hover{color:var(--amber)}
footer .links{margin-top:10px;line-height:2.2}