:root{
  color-scheme:dark;
  --bg:#0b0c0e; --bg2:#0e0f12; --ink:#e6ebf1; --ink2:#8d959f; --ink3:#5c636c;
  --rule:#1b1e23; --rule2:#262a31; --irid:#6fd8e8; --sig:#e0857a;
  --max:760px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);
  font-family:"Epilogue",system-ui,-apple-system,sans-serif;
  font-weight:300;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
::selection{background:rgba(111,216,232,.24)}
a{color:var(--irid);text-decoration:none}
a:hover{text-decoration:underline}
.chrome{background:linear-gradient(168deg,#fff 0%,#ccd5df 14%,#767e89 31%,#f4f8fc 46%,#9ba5b1 62%,#5e656e 77%,#e6edf4 95%);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.hair{height:1px;border:0;margin:0;background:var(--rule)}

.nav{position:sticky;top:0;z-index:80;background:rgba(11,12,14,.86);backdrop-filter:blur(14px);border-bottom:1px solid var(--rule)}
.nav .wrap{max-width:var(--max);margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:16px;height:62px}
.mark{font-family:"Syne",sans-serif;font-weight:800;font-size:18px;letter-spacing:.02em}
.nav .back{margin-left:auto;color:var(--ink2);font-size:14px}

.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
main{padding:56px 0 100px}
.eyebrow{font-family:"Epilogue",sans-serif;font-size:11px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--irid);margin:0 0 10px}
h1{font-family:"Syne",sans-serif;font-weight:800;letter-spacing:-0.03em;
  font-size:clamp(26px,4vw,38px);margin:0 0 8px;line-height:1.08}
.updated{color:var(--ink3);font-size:13.5px;margin:0 0 44px}
h2{font-family:"Syne",sans-serif;font-weight:700;letter-spacing:-0.02em;
  font-size:21px;margin:40px 0 12px;color:var(--ink)}
h2 .n{color:var(--irid);margin-right:10px;font-family:"Epilogue",monospace}
p{color:var(--ink2);margin:0 0 14px}
p.lead{color:var(--ink);font-size:17px}
ul,ol{color:var(--ink2);padding-left:22px;margin:0 0 14px}
li{margin-bottom:8px}
li::marker{color:var(--ink3)}
strong{color:var(--ink);font-weight:500}
table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14.5px}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--rule)}
th{color:var(--ink3);font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.06em}
td{color:var(--ink2)}
.note{background:rgba(111,216,232,.06);border:1px solid rgba(111,216,232,.18);
  border-radius:4px;padding:14px 16px;margin:18px 0;font-size:14.5px;color:var(--ink2)}
.note strong{color:var(--irid)}
.placeholder{color:var(--sig);font-weight:500}
footer{border-top:1px solid var(--rule);padding:28px 0;margin-top:40px}
footer .wrap{display:flex;gap:18px;flex-wrap:wrap;color:var(--ink3);font-size:13px}
footer a{color:var(--ink2)}