*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 system-ui,sans-serif}a{color:var(--link)}header,main,footer{max-width:860px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}header a{text-decoration:none;font-weight:700}main{padding-top:64px;padding-bottom:64px}h1{font:800 48px/1.08 system-ui,sans-serif;letter-spacing:-.03em;max-width:720px}h2{margin-top:42px}p,li{color:var(--sec);max-width:720px}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}pre{background:var(--ink);color:#fff;border-radius:12px;padding:18px;overflow:auto;max-width:720px}.note{border-left:3px solid var(--cta);padding:12px 16px;background:var(--surface);max-width:720px}footer{border-top:1px solid var(--line);color:var(--sec);font-size:14px}@media(max-width:620px){h1{font-size:36px}header,main,footer{padding-left:20px;padding-right:20px}}
:root{overflow-wrap:break-word}nav{font-size:1rem}table{display:block;width:100%;overflow-x:auto;border-collapse:collapse;margin:24px 0}th,td{text-align:left;vertical-align:top;padding:12px;border-bottom:1px solid var(--line);min-width:130px}th{color:var(--ink)}blockquote{margin:24px 0;padding:4px 20px;border-left:3px solid var(--cta);background:var(--surface)}h3{margin-top:28px}.eyebrow{font-size:.875rem;font-weight:700;letter-spacing:.06em;color:var(--link)}.source-link{margin-top:48px}a:focus-visible{outline:3px solid var(--link);outline-offset:4px}
.site-header{box-sizing:content-box;max-width:1120px;padding:24px 32px;border:0;line-height:normal;overflow-wrap:normal}
.site-header a{color:inherit;font-weight:inherit;text-decoration:none}
.site-brand{display:flex;align-items:center;gap:11px;color:var(--ink)}
.site-brand img{display:block;border-radius:8px}
.site-brand span{font:700 20px 'Bricolage Grotesque',sans-serif}
.site-nav{display:flex;align-items:center;gap:28px;font:500 14px system-ui,sans-serif;color:var(--sec)}
.site-nav .navlink:hover{color:var(--ink)}
.site-nav .navcta{background:var(--cta);color:var(--on-cta);padding:10px 20px;border-radius:999px;font-weight:600}
.site-nav .navcta:hover{background:var(--cta-hover)}
@media(max-width:700px){.site-header{padding:18px 20px}.site-nav{gap:16px}.site-nav .navlink{display:none}.site-nav .navlogin{display:inline}}
