:root{--paper:#f4f5f8;--sheet:#fff;--ink:#1b1e3a;--muted:#5d6280;--rule:#dfe2ec;--saffron:#5754d4;--fill:#aeacff;--on-fill:#1b1e3a;--display:'Funnel Display','Space Grotesk','Helvetica Neue',Arial,sans-serif;--body:'DM Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;--mono:'IBM Plex Mono',ui-monospace,Menlo,monospace}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--paper:#11132a;--sheet:#191c38;--ink:#e8e9f4;--muted:#a0a4c4;--rule:#2c3058;--saffron:#aeacff;--fill:#aeacff;--on-fill:#1b1e3a;color-scheme:dark}:root:not([data-theme="light"]) img[src*="/svg/"]{filter:invert(1) hue-rotate(180deg)}}
:root[data-theme="dark"]{--paper:#11132a;--sheet:#191c38;--ink:#e8e9f4;--muted:#a0a4c4;--rule:#2c3058;--saffron:#aeacff;--fill:#aeacff;--on-fill:#1b1e3a;color-scheme:dark}:root[data-theme="dark"] img[src*="/svg/"]{filter:invert(1) hue-rotate(180deg)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.tiles span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.4em}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 var(--body)}a{color:inherit}
.wrap{max-width:1240px;margin:0 auto;padding:0 16px}
main.wrap{padding-block:32px 64px}.crumbs{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:0 0 20px;font-size:13px;color:var(--muted)}.crumbs li+li::before{content:"/";margin-right:6px}.crumbs a{text-decoration:none}.crumbs a:hover{text-decoration:underline}
h1{font:400 clamp(34px,5vw,56px)/1.05 var(--display);margin:0 0 12px;letter-spacing:-.01em}h2{font:400 28px/1.2 var(--display);margin:48px 0 14px}h3{font:600 16px var(--body);margin:0 0 6px}
.lede{font-size:18px;color:var(--muted);max-width:68ch;margin:0 0 24px}p{max-width:72ch}p a,.faq a{color:var(--saffron)}
pre{margin:0 0 12px;background:var(--sheet);border:1px solid var(--rule);border-radius:10px;padding:14px;overflow-x:auto;font:13px/1.6 var(--mono)}code{font-family:var(--mono);font-size:.92em}
table{border-collapse:collapse;width:100%;max-width:720px;background:var(--sheet);border:1px solid var(--rule);border-radius:10px;overflow:hidden;font-size:14px}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--rule)}
.btn{display:inline-flex;align-items:center;font:600 14px var(--body);text-decoration:none;border-radius:10px;padding:10px 16px;border:1px solid var(--rule);background:var(--sheet)}.btn.primary{background:var(--fill);border-color:var(--fill);color:var(--on-fill)}
.actions{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;max-width:none}.hint{font-size:14px;color:var(--muted)}
.weights{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin:8px 0 20px}.weights figure{margin:0;background:var(--sheet);border:1px solid var(--rule);border-radius:14px;padding:20px 12px 12px;display:grid;justify-items:center;gap:8px}.weights figcaption{font-size:13px;color:var(--muted)}
.dl{font:500 12px var(--mono);color:var(--saffron);text-decoration:none}.dl:hover{text-decoration:underline}
.codes{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.code{min-width:0}
.tiles{list-style:none;padding:0;margin:0 0 16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}.tiles a{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 6px 10px;background:var(--sheet);border:1px solid transparent;border-radius:12px;text-decoration:none}.tiles a:hover{border-color:var(--saffron)}.tiles span{font:11px/1.2 var(--mono);color:var(--muted);text-align:center;overflow-wrap:anywhere}
.tags{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:6px}.tags a{display:inline-block;font-size:13px;text-decoration:none;border:1px solid var(--rule);border-radius:99px;padding:4px 12px;background:var(--sheet)}
.cats{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px}.cats a{display:flex;justify-content:space-between;gap:8px;text-decoration:none;background:var(--sheet);border:1px solid var(--rule);border-radius:10px;padding:10px 12px;font-weight:500}.cats a:hover{border-color:var(--saffron)}.cats span{font:12px var(--mono);color:var(--muted);align-self:center}
.catcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.catcard{display:grid;gap:6px;padding:18px;background:var(--sheet);border:1px solid var(--rule);border-radius:14px;text-decoration:none}.catcard:hover{border-color:var(--saffron)}.catcard .row{display:flex;gap:10px;margin-bottom:8px;overflow:hidden}.catcard .n{font-size:13px;color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.card{display:grid;gap:6px;align-content:start;padding:18px;background:var(--sheet);border:1px solid var(--rule);border-radius:14px;text-decoration:none;min-width:0}a.card:hover{border-color:var(--saffron)}.card p{margin:0;color:var(--muted);font-size:14px}.card code{font-size:12px;overflow-x:auto;white-space:nowrap;display:block;color:var(--muted)}
.faq{display:grid;gap:8px;max-width:820px}.faq details{background:var(--sheet);border:1px solid var(--rule);border-radius:12px;padding:0 16px}.faq summary{cursor:pointer;padding:14px 0;list-style:none;display:flex;justify-content:space-between;gap:12px}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";color:var(--saffron);font:500 20px/1 var(--mono)}.faq details[open] summary::after{content:"\2212"}.faq summary h3{margin:0;font-size:15px}.faq details p{margin:0 0 16px;color:var(--muted)}
.license{white-space:pre-wrap}
a:focus-visible,summary:focus-visible{outline:2px solid var(--saffron);outline-offset:2px}
footer{border-top:1px solid var(--rule);padding-block:32px 40px;color:var(--muted);font-size:13px}.foot{display:grid;grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));gap:24px}.foot h2{font:500 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);margin:0 0 12px}.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.foot a{text-decoration:none}.foot a:hover{color:var(--ink);text-decoration:underline}.foot p{margin:0;max-width:46ch}
.foot-base{margin:28px 0 0;padding-top:20px;border-top:1px solid var(--rule);max-width:none}.foot p a,.foot-base a{color:var(--ink)}.foot-base a{font-weight:500}
@media (max-width:720px){.foot{grid-template-columns:repeat(2,minmax(0,1fr))}.foot>div:first-child{grid-column:1/-1}}

.site-head { --h-bg: #f4f5f8; --h-ink: #1b1e3a; --h-muted: #5d6280; --h-rule: #dfe2ec; --h-sheet: #ffffff; --h-focus: #5754d4;
  background: var(--h-bg); border-bottom: 1px solid var(--h-rule); color: var(--h-ink); font: 400 14px/1.5 'DM Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .site-head { --h-bg: #11132a; --h-ink: #e8e9f4; --h-muted: #a0a4c4; --h-rule: #2c3058; --h-sheet: #191c38; --h-focus: #aeacff; color-scheme: dark; }
}
:root[data-theme="dark"] .site-head { --h-bg: #11132a; --h-ink: #e8e9f4; --h-muted: #a0a4c4; --h-rule: #2c3058; --h-sheet: #191c38; --h-focus: #aeacff; color-scheme: dark; }
.site-head-in { max-width: 1240px; margin: 0 auto; display: flex; align-items: center; gap: 28px; padding-block: 12px;
  padding-left: max(16px, env(safe-area-inset-left, 0px)); padding-right: max(16px, env(safe-area-inset-right, 0px)); }
.site-brand { display: flex; align-items: center; color: var(--h-ink); text-decoration: none; }
/* The wordmark is a mask filled with the header ink, so it follows light and dark themes without a second file. */
.site-logo { display: block; width: 136px; height: 23px; background: currentColor; -webkit-mask: center / contain no-repeat; mask: center / contain no-repeat; }
.site-links { display: flex; gap: 22px; font-size: 14px; }
.site-links a { color: var(--h-muted); text-decoration: none; white-space: nowrap; }
.site-links a:hover, .site-links a[aria-current="page"] { color: var(--h-ink); }
.site-acts { margin-left: auto; display: flex; align-items: center; gap: 8px; }
.site-gh, .site-theme { display: inline-flex; align-items: center; gap: 7px; height: 36px; border: 1px solid var(--h-rule); background: var(--h-sheet);
  color: var(--h-ink); border-radius: 10px; font: inherit; font-size: 13.5px; font-weight: 500; text-decoration: none; cursor: pointer; }
.site-gh { padding: 0 12px; }
.site-theme { width: 36px; justify-content: center; padding: 0; color: var(--h-muted); }
.site-theme:hover, .site-gh:hover { border-color: var(--h-muted); }
.site-theme .ui-i { display: none; }
.site-theme[data-mode="system"] .ui-i:nth-child(1), .site-theme[data-mode="light"] .ui-i:nth-child(2), .site-theme[data-mode="dark"] .ui-i:nth-child(3) { display: block; }
.site-head a:focus-visible, .site-head button:focus-visible { outline: 2px solid var(--h-focus); outline-offset: 2px; }
.ui-i { display: block; flex: none; }
@media (max-width: 720px) {
  .site-head-in { flex-wrap: wrap; gap: 10px 16px; }
  .site-links { order: 3; width: 100%; gap: 18px; overflow-x: auto; scrollbar-width: none; }
  .site-gh span { display: none; }
  .site-gh { width: 36px; justify-content: center; padding: 0; }
}