:root{--pcb:#0D2B21;--deep:#092018;--silk:#EDE8DC;--dim:#B9C4B4;--copper:#CE8449;--copperb:#E39A5B;--trace:#24523F;--amber:#E8B84B}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--pcb);color:var(--silk);font:17px/1.7 'Archivo',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.wrap{max-width:760px;margin:0 auto;padding:0 24px}
nav{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid var(--trace)}
.logo{font-family:'IBM Plex Mono',monospace;font-weight:600;font-size:13.5px;letter-spacing:.12em;color:var(--silk);text-decoration:none}
nav a.cta{font-family:'IBM Plex Mono',monospace;font-size:13px;background:var(--copper);color:var(--deep);padding:9px 16px;text-decoration:none;font-weight:600}
article{padding:56px 0 40px}
h1{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:clamp(32px,5vw,46px);line-height:1.08;margin-bottom:14px}
.byline{font-family:'IBM Plex Mono',monospace;font-size:12.5px;color:var(--dim);margin-bottom:36px}
h2{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:26px;margin:44px 0 12px}
p{margin:0 0 18px;color:var(--dim)}
p strong,li strong{color:var(--silk)}
a{color:var(--copperb)}
code{font-family:'IBM Plex Mono',monospace;font-size:14.5px;background:var(--deep);border:1px solid var(--trace);padding:2px 7px;color:var(--amber)}
pre{background:var(--deep);border:1px solid var(--trace);padding:16px 18px;overflow-x:auto;margin:0 0 18px}
pre code{border:0;padding:0;background:none}
table{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:15px}
th{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.1em;color:var(--amber);text-align:left;padding:10px;border-bottom:1px solid var(--copper)}
td{padding:10px;border-bottom:1px solid var(--trace);color:var(--dim);vertical-align:top}
td:first-child{color:var(--silk);font-weight:600}
ul,ol{margin:0 0 18px 22px;color:var(--dim)}
li{margin-bottom:8px}
.callout{border:1px solid var(--copper);background:var(--deep);padding:20px 22px;margin:28px 0}
.callout p{margin:0}
.next{border-top:1px solid var(--trace);padding:32px 0 56px}
.next h3{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.14em;color:var(--copper);margin-bottom:14px}
footer{border-top:1px solid var(--trace);padding:28px 0 48px;font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--dim)}
footer a{color:var(--dim)}