:root{--case-sunk:#eae5dc;--case-base:#f6f3ed;--panel:#fff;--control:#efebe3;--hairline:#d8d2c6;--readout:#1f1b16;--label:#6a6156;--muted:#9e9585;--amber:#b45309;--amber-dim:#8a4b0f;--amber-glow:#f59e0b;--amber-wash:#b453091f;--amber-halo:#b453093d;--on-amber:#fff;--fix-error:#b3341f;--shadow:#0000001f;--shadow-soft:#0000000a;--face-display:Archivo, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--face-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--measure:760px;--gutter:24px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;color-scheme:light}body{background:var(--case-base);color:var(--readout);font-family:var(--face-display);margin:0;font-size:16px;font-weight:500;line-height:1.6}.wrap{max-width:var(--measure);padding:0 var(--gutter);margin:0 auto}:where(a,button,label.btn,[tabindex]):focus-visible{outline:2px solid var(--amber);outline-offset:3px;border-radius:3px}header{border-bottom:1px solid var(--hairline);background:var(--case-base);background:color-mix(in srgb, var(--case-base) 92%, transparent);backdrop-filter:blur(8px);z-index:10;padding:22px 0;position:sticky;top:0}header .wrap{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.brand{letter-spacing:-.2px;color:var(--readout);margin-right:auto;font-size:18px;font-weight:800;text-decoration:none;display:inline-block}.brand span{color:var(--amber)}.brand:after{content:"";background-image:linear-gradient(to right, var(--amber-glow) 1px, transparent 1px), linear-gradient(to right, var(--hairline) 1px, transparent 1px);opacity:.85;background-position:0 0,0 bottom;background-repeat:repeat-x;background-size:24px 4px,6px 2px;height:4px;margin-top:4px;display:block}nav{flex-wrap:wrap;gap:10px 18px;display:flex}nav a{color:var(--label);font-size:14px;font-weight:600;text-decoration:none}nav a:hover,nav a[aria-current]{color:var(--amber)}.langs{font-family:var(--face-mono);letter-spacing:.04em;border-left:1px solid var(--hairline);align-items:center;gap:8px;padding-left:14px;font-size:12px;font-weight:600;display:flex}.langs a{color:var(--label);text-decoration:none}.langs a:hover{color:var(--amber)}.langs [aria-current]{color:var(--readout)}main{padding:56px 0 80px}h1{letter-spacing:-.5px;margin:0 0 10px;font-size:34px;font-weight:800;line-height:1.15}h2{letter-spacing:-.1px;margin:44px 0 12px;font-size:19px;font-weight:600}h2:first-of-type{margin-top:34px}h3{color:var(--amber);margin:26px 0 8px;font-size:15px;font-weight:600}p,li{color:var(--readout)}.lede{color:var(--label);margin:0 0 6px;font-size:17px}.meta{font-family:var(--face-mono);letter-spacing:1.4px;text-transform:uppercase;color:var(--label);margin:0 0 34px;font-size:11.5px;font-weight:400}a{color:var(--amber)}ul,ol{padding-left:20px}li{margin:7px 0}table{border-collapse:collapse;width:100%;margin:18px 0;font-size:14.5px;display:block;overflow-x:auto}th,td{text-align:left;border-bottom:1px solid var(--hairline);vertical-align:top;padding:11px 12px}th{color:var(--label);letter-spacing:1.2px;text-transform:uppercase;font-size:11.5px;font-weight:600;font-family:var(--face-mono)}.card{background:var(--panel);border:1px solid var(--hairline);box-shadow:0 1px 2px var(--shadow-soft), 0 8px 20px -12px var(--shadow);border-radius:12px;margin:26px 0;padding:22px 24px}.card h3{margin-top:0}.btn{background:var(--amber);color:var(--on-amber);border-radius:9px;margin:6px 10px 6px 0;padding:13px 24px;font-weight:800;text-decoration:none;display:inline-block}.btn:hover{background:var(--amber-dim)}.btn.ghost{background:var(--control);color:var(--amber-dim);border:1px solid var(--hairline)}.btn.ghost:hover{background:var(--control);border-color:var(--amber)}.stores{flex-wrap:wrap;gap:.75rem;margin:2rem 0;display:flex}.store-btn{background:var(--amber);color:var(--on-amber);border-radius:2px;align-items:center;padding:.8rem 1.4rem;font-weight:600;text-decoration:none;display:inline-flex}.store-btn.ghost{background:var(--control);color:var(--readout);border:1px solid var(--hairline)}.store-btn:hover{background:var(--amber-dim)}.store-btn.ghost:hover{background:var(--control);border-color:var(--amber);color:var(--amber-dim)}code{font-family:var(--face-mono);background:var(--control);border:1px solid var(--hairline);border-radius:5px;padding:2px 6px;font-size:13px;font-weight:400}footer{border-top:1px solid var(--hairline);color:var(--label);padding:30px 0 48px;font-size:13.5px}footer a{color:var(--label)}footer a:hover{color:var(--amber)}@media (width<=560px){h1{font-size:27px}main{padding:38px 0 60px}header{padding:14px 0}header .wrap{gap:10px 14px}nav{gap:8px 14px}.brand{margin-right:14px}}
