:root{--ink:#1B1B21;--sig:#FF5B2E;--paper:#F3EEE5;--line:#33333b}
*{margin:0;padding:0;box-sizing:border-box}
html,body{overflow-x:hidden}body{background:var(--ink);color:var(--paper);font-family:Archivo,system-ui,sans-serif;font-weight:500;line-height:1.5}
a{color:inherit}
.wrap{max-width:860px;margin:0 auto;padding:0 16px}
header{display:flex;justify-content:space-between;align-items:center;padding:28px 0;font-weight:800;font-size:18px;gap:12px;flex-wrap:wrap}
header a{text-decoration:none}
header nav a{margin-left:20px;opacity:.8}
header nav a:hover{opacity:1;color:var(--sig)}
.disc{font-size:14px;opacity:.65;border:1px solid var(--line);padding:12px 14px;margin-bottom:8px}
code{font-size:.95em}
h1{font-weight:900;font-size:clamp(34px,6vw,64px);letter-spacing:-.04em;line-height:1;margin:5vh 0 14px}
.by{opacity:.6;font-size:15px;margin-bottom:28px}
h2{font-weight:900;font-size:clamp(24px,3vw,32px);letter-spacing:-.02em;line-height:1.1;margin:44px 0 12px}
p,li{font-size:18px;margin-bottom:12px;max-width:72ch}
ul{padding-left:22px}
.answer{font-size:21px;border-left:4px solid var(--sig);padding-left:16px}
.answer b{color:var(--sig)}
.grid{overflow-x:auto;margin:32px 0}
table{border-collapse:collapse;width:100%;min-width:520px;font-size:16px}
th,td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:top}
th{font-weight:800;color:var(--sig)}
td:first-child{font-weight:800}
.cta{display:inline-block;margin-top:16px;background:var(--sig);color:var(--ink);font-weight:900;font-size:19px;padding:16px 24px;text-decoration:none;border-radius:2px}
.cta:hover{background:var(--paper)}
details{border-top:1px solid var(--line);padding:14px 0}
summary{font-weight:800;font-size:18px;cursor:pointer}
details p{margin-top:10px}
.caveat{margin:48px 0;border:2px solid var(--line);padding:4px 20px 12px}
.caveat h2{margin-top:16px}
.more h2{font-size:20px}
.more a{display:inline-block;margin:0 18px 10px 0;opacity:.8}
.more a:hover{color:var(--sig);opacity:1}
footer{border-top:1px solid var(--line);margin-top:48px;padding:28px 0 48px;font-size:15px;opacity:.6;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}
@media(max-width:600px){header nav a{margin-left:12px}}
