.ar{--ar-gap:20px}.ar-bar{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:22px 0 18px;border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky);background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ar-bar h1{margin:0;font-size:19px;font-weight:600;letter-spacing:-.01em;color:var(--ink);display:flex;align-items:baseline;gap:10px}.ar-n{font:500 13px/1 var(--font-mono),ui-monospace,monospace;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--muted);padding:4px 7px;border:1px solid var(--line);border-radius:6px}.ar-find{position:relative;display:flex;align-items:center;margin-left:auto;min-width:240px;flex:0 1 340px}.ar-find svg{position:absolute;left:11px;width:15px;height:15px;pointer-events:none;fill:none;stroke:var(--muted);stroke-width:1.5;stroke-linecap:round}.ar-find input{width:100%;padding:9px 40px 9px 34px;font:400 14px/1.2 inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:8px;transition:border-color .16s var(--ease),box-shadow .16s var(--ease)}.ar-find input::placeholder{color:var(--muted)}.ar-find input:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}.ar-find input::-webkit-search-cancel-button{display:none}.ar-find kbd{position:absolute;right:10px;font:500 11px/1 var(--font-mono),ui-monospace,monospace;color:var(--muted);padding:3px 6px;border:1px solid var(--line);border-radius:5px}.ar-find:focus-within kbd{opacity:0}.ar-live-only{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-2);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;min-height:24px}.ar-live-only input{accent-color:var(--accent);width:14px;height:14px;cursor:pointer}.ar-live-only input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ar-live-only .ar-n{padding:3px 6px;font-size:11.5px}.ar-body{padding-bottom:96px}.ar-main{min-width:0;scroll-margin-top:84px}.ar-rail{gap:1px}.ar-ax{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 9px;font-size:13.5px}.ar-ax em{font:500 11.5px/1 var(--font-mono),ui-monospace,monospace;font-style:normal;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--muted)}.ar-ax[aria-current] em{color:var(--accent)}.ar-ax:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.ar-ax-kind{color:var(--ink);font-weight:600;font-size:12px;letter-spacing:.04em;text-transform:uppercase}.ar-ax-kind em{text-transform:none;letter-spacing:0}.ar-ax-all+.ar-group,.ar-ax-out,.ar-group+.ar-group{margin-top:14px}.ar-ax-out{border-top:1px solid var(--line);border-radius:0;padding-top:12px}.ar-ax-out:hover{border-top-color:var(--line)}.ar-how{margin:18px 0 0;padding-top:16px;border-top:1px solid var(--line);font-size:12.5px;line-height:1.55;color:var(--muted);text-wrap:pretty}.ar-how code{font:500 11.5px/1 var(--font-mono),ui-monospace,monospace;color:var(--ink);background:color-mix(in srgb,var(--ink) 5%,transparent);padding:2px 5px;border-radius:4px;white-space:nowrap}.ar-count{margin:0 0 18px;font-size:13px;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ar-count b{color:var(--ink);font-weight:500}.ar-clear{font-size:13px;color:var(--accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.ar-none-msg{margin:40px 0;font-size:14px;color:var(--muted);text-wrap:pretty}.ar-none-msg b{color:var(--ink);font-weight:500}.ar-none-msg code{font:500 12.5px/1 var(--font-mono),ui-monospace,monospace;color:var(--ink);background:color-mix(in srgb,var(--ink) 5%,transparent);padding:2px 5px;border-radius:4px}.ar-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:var(--ar-gap);gap:var(--ar-gap)}.ar-card{display:flex;flex-direction:column;gap:9px;text-decoration:none;color:inherit;border-radius:calc(var(--r) - 2px)}.ar-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.ar-thumb{position:relative;display:grid;place-items:center;aspect-ratio:16/10;overflow:hidden;border:1px solid var(--line);border-radius:calc(var(--r) - 2px);background:var(--surface);transition:border-color .18s var(--ease),transform .18s var(--ease),box-shadow .18s var(--ease)}.ar-thumb img{display:block;width:100%;height:100%}.ar-thumb img[data-fit=contain]{object-fit:contain;padding:12px}.ar-thumb img[data-fit=cover]{object-fit:cover}.ar-card:hover .ar-thumb{border-color:color-mix(in srgb,var(--accent) 40%,var(--line));transform:translateY(-2px);box-shadow:0 6px 20px -8px color-mix(in srgb,var(--ink) 22%,transparent)}.ar-live{position:absolute;top:7px;right:7px;width:6px;height:6px;border-radius:50%;background:var(--ink-2);box-shadow:0 0 0 3px var(--surface)}.ar-none{gap:6px;align-content:center;text-align:center;padding:10px;background:repeating-linear-gradient(135deg,var(--bg-2) 0 8px,var(--surface) 8px 16px)}.ar-none-tag{font:500 10px/1 var(--font-mono),ui-monospace,monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:4px 9px}.ar-none-why{font-size:10.5px;line-height:1;color:var(--muted)}.ar-meta{display:flex;flex-direction:column;gap:3px;min-width:0}.ar-meta code{font:500 13px/1.3 var(--font-mono),ui-monospace,monospace;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ar-blurb{font-size:12.5px;line-height:1.45;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ar-sec{scroll-margin-top:84px}.ar-sec+.ar-sec{margin-top:34px}.ar-sec h2{display:flex;align-items:center;gap:9px;margin:0 0 14px;padding-bottom:9px;border-bottom:1px solid var(--line);font-size:14px;font-weight:600;letter-spacing:-.005em;color:var(--ink)}.ar-sec h2 .ar-n{font-size:11.5px;padding:3px 6px}.ar-pages{align-items:center;gap:8px;margin-top:44px;padding-top:18px;border-top:1px solid var(--line)}.ar-pages,.ar-pages ol{display:flex;flex-wrap:wrap}.ar-pages ol{justify-content:center;gap:4px;list-style:none;margin:0 auto;padding:0}.ar-pg,.ar-step{display:inline-flex;align-items:center;gap:6px;text-decoration:none;padding:7px 11px;border:1px solid var(--line);border-radius:8px;font-size:13px;color:var(--muted);background:var(--surface);transition:color .14s var(--ease),border-color .14s var(--ease)}.ar-pg{font:500 12.5px/1 var(--font-mono),ui-monospace,monospace;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;padding:8px 11px}.ar-step svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}a.ar-pg:hover,a.ar-step:hover{color:var(--ink);border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}.ar-pg:focus-visible,.ar-step:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ar-pg[data-on]{color:var(--ink);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}span.ar-step{color:var(--muted);opacity:.45}@media (max-width:900px){.ar-rail{flex-direction:row;flex-wrap:wrap;gap:6px;padding:12px 0;max-height:118px;overflow-y:auto}.ar-group{display:contents}.ar-ax{flex:0 0 auto;padding:5px 11px;white-space:nowrap}.ar-ax-all+.ar-group,.ar-ax-out,.ar-group+.ar-group{margin-top:0}.ar-ax-out{border-top:0;border-radius:999px;padding-top:5px}.ar-how{display:none}.ar-find{flex:1 1 100%;margin-left:0}.ar-pages ol{order:3;flex-basis:100%;margin:4px 0 0}.ar-pages ol,.ar-step{justify-content:center}.ar-step{flex:1 1}}@media (max-width:640px){.ar-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:12px}.ar-thumb img[data-fit=contain]{padding:7px}.ar-blurb{-webkit-line-clamp:2;font-size:11.5px}}@media (prefers-reduced-motion:reduce){.ar-card:hover .ar-thumb,.ar-thumb{transform:none;transition:none}}.ar-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.ar-chip{display:inline-flex;align-items:center;gap:7px;text-decoration:none;padding:5px 11px;border:1px solid var(--line);border-radius:8px;background:var(--surface);transition:border-color .15s var(--ease)}.ar-chip code{font:500 12.5px/1.3 var(--font-mono),ui-monospace,monospace;color:var(--ink)}.ar-chip:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}.ar-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ar-chip .ar-live{position:static;box-shadow:none}