@font-face{font-family:"Ronzino";src:url(/fonts/Ronzino-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Ronzino";src:url(/fonts/Ronzino-Medium.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Ronzino";src:url(/fonts/Ronzino-Bold.woff2) format("woff2");font-weight:600 700;font-display:swap}
:root{--bg:#fff;--fg:#0a0a0a;--fg-2:#5c5c5c;--line:#e6e6e6}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0a0a0a;--fg:#f4f4f4;--fg-2:#a3a3a3;--line:#262626}}
:root[data-theme="dark"]{--bg:#0a0a0a;--fg:#f4f4f4;--fg-2:#a3a3a3;--line:#262626}
*{box-sizing:border-box}html,body{margin:0}
body{background:var(--bg);color:var(--fg);font-family:"Ronzino",ui-sans-serif,system-ui,sans-serif;font-size:16px;line-height:1.55;
  -webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}
a{color:inherit;text-underline-offset:3px}
.wrap{width:100%;max-width:720px;margin:0 auto;padding:0 16px}
header{padding:28px 0}
.logo{--word:20px;display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:var(--fg)}
.logo svg{height:calc(var(--word)*.95);width:auto}
.logo__word{font-size:var(--word);line-height:1;font-weight:600;letter-spacing:-.02em}
main{flex:1;display:flex;align-items:center}
.hero{padding:64px 0 96px}
.hero .logo{--word:56px;gap:18px}
.hero p{margin:28px 0 0;font-size:20px;color:var(--fg-2);max-width:32ch}
footer{border-top:1px solid var(--line);padding:20px 0;font-size:14px;color:var(--fg-2)}
footer .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.doc h1{font-size:32px;font-weight:600;letter-spacing:-.02em;margin:24px 0 8px}
.doc h2{font-size:18px;font-weight:600;margin:32px 0 8px}
.doc p,.doc li{color:var(--fg-2)} .doc ul{padding-left:20px}
code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px}
pre{background:color-mix(in srgb,var(--fg) 5%,transparent);border:1px solid var(--line);border-radius:10px;padding:12px 14px;overflow-x:auto}
table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid var(--line);padding:8px 6px;text-align:left;vertical-align:top}th{font-weight:500}
