:root{color-scheme:dark;--ink:#050505;--paper:#fff;--muted:#a0a0a0;--teal:#5eead4;--line:rgba(255,255,255,.12)}
*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--muted);font:400 17px/1.85 'Plus Jakarta Sans',system-ui,sans-serif}img{display:block;max-width:100%;height:auto}a{color:var(--teal);text-underline-offset:4px}a:hover{color:var(--paper)}:focus-visible{outline:2px solid var(--teal);outline-offset:5px}
.skip{position:absolute;left:-9999px;top:12px;z-index:100;background:var(--ink);padding:12px}.skip:focus{left:20px}
.site-header,.site-footer{padding:24px clamp(20px,5vw,64px);border-bottom:1px solid var(--line)}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.brand{display:inline-flex;gap:12px;align-items:center;color:var(--paper);font-weight:600;text-decoration:none;white-space:nowrap}.brand img{width:36px;height:33px}.site-header nav,.site-footer nav{display:flex;gap:22px;flex-wrap:wrap;font-size:14px}.site-header nav a{text-decoration:none}
main{max-width:960px;padding:52px clamp(20px,5vw,64px) 80px;margin:auto}.breadcrumb{font-size:13px;margin-bottom:40px}.breadcrumb span{padding:0 12px}.eyebrow{font-size:12px;color:var(--teal);letter-spacing:.16em;text-transform:uppercase;font-family:'JetBrains Mono',ui-monospace,monospace}.article-header{padding-bottom:32px;border-bottom:1px solid var(--line);margin-bottom:36px}h1,h2,h3{color:var(--paper);font-family:Fraunces,Georgia,serif;font-weight:500;line-height:1.2;letter-spacing:-.02em}h1{font-size:clamp(38px,6.5vw,68px);margin:20px 0 24px}h2{font-size:clamp(25px,4vw,34px);margin:44px 0 18px}p{margin:0 0 20px}.lead{font-size:20px;line-height:1.75}.byline{font-size:13px;margin-top:24px}strong{color:var(--paper);font-weight:600}ul{padding-left:24px}li{margin-bottom:12px}.site-footer{border-top:1px solid var(--line);border-bottom:0;font-size:13px}.site-footer p{max-width:900px;margin:0 auto 16px}.site-footer nav{max-width:900px;margin:auto}.related{margin-top:48px;padding-top:12px;border-top:1px solid var(--line)}
@media(max-width:520px){body{font-size:16px}.site-header{gap:16px;padding-top:18px;padding-bottom:18px}.site-header nav{gap:16px;font-size:13px}.lead{font-size:18px}main{padding-top:32px}.breadcrumb{margin-bottom:28px}}