.cat-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.cat-in{border:1px solid color-mix(in oklab, var(--hue) 35%, var(--color-line-strong));border-top:4px solid var(--hue);background:linear-gradient(180deg, color-mix(in oklab, var(--hue) 12%, var(--color-surface-raised)), var(--color-surface-raised) 70%);border-radius:14px;gap:8px;height:100%;padding:20px;transition:border-color .15s,transform .15s;display:grid}.cat-in:hover{border-color:var(--hue);transform:translateY(-2px)}.cat-in:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.cat-t{color:var(--color-ink-primary);font-size:20px;font-weight:700}.cat-d{color:var(--color-ink-secondary);font-size:14px}.cat-meta,.cat-next{font:500 12px var(--font-mono);color:var(--color-ink-muted)}.cat-bar{background:var(--color-line-hairline);border-radius:99px;height:4px;margin-top:4px;overflow:hidden}.cat-bar span{background:var(--color-signal-ok);border-radius:99px;height:100%;display:block}.cat-switch{font:500 12px var(--font-mono);color:var(--color-ink-muted);flex-wrap:wrap;gap:6px 16px;display:flex}.cat-switch a:hover{color:var(--color-ink-primary)}.cat-switch a[aria-current]{color:var(--color-ink-primary);text-underline-offset:4px;text-decoration:underline}.cbd{gap:28px;display:grid}.cbd-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.cbd-search{max-width:360px;height:36px}.cbd-count{font:500 12px var(--font-mono);color:var(--color-ink-muted)}.cbd-next{background:var(--color-brand-subtle);border:1px solid color-mix(in oklab, var(--color-brand) 40%, transparent);border-radius:999px;flex-wrap:wrap;align-items:baseline;gap:6px 12px;width:fit-content;margin-top:-12px;padding:8px 14px;font-size:15px;display:flex}.cbd-next-k{font:500 11px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-brand-ink)}.cbd-next a{color:var(--color-ink-primary);font-weight:600}.cbd-next a:hover{color:var(--color-brand-ink)}.cbd-empty{border:1px dashed var(--color-line-strong);color:var(--color-ink-secondary);border-radius:12px;padding:16px}.cbd-sec{gap:10px;scroll-margin-top:80px;display:grid}.cbd-sec-h{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.cbd-sec-h h2{color:var(--color-ink-primary);align-items:center;gap:10px;font-size:20px;font-weight:700;display:inline-flex}.cbd-sec-h h2:before{content:"";background:var(--hue);width:10px;height:10px;box-shadow:0 0 0 4px color-mix(in oklab, var(--hue) 20%, transparent);border-radius:3px}.cbd-sec-h p{font:500 12px var(--font-mono);color:var(--color-ink-muted)}.cc-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.cc-in{border:1.5px solid color-mix(in oklab, var(--hue,var(--color-line-strong)) 30%, var(--color-line-strong));border-top:3px solid var(--hue,var(--color-line-strong));background:color-mix(in oklab, var(--hue,transparent) 7%, var(--color-surface-page));border-radius:10px;align-content:space-between;gap:8px;height:100%;min-height:84px;padding:11px 36px 11px 12px;transition:border-color .15s,transform .15s,box-shadow .15s;display:grid;position:relative}.cc-in:hover{border-color:var(--hue,var(--color-ink-muted));box-shadow:0 6px 18px -10px var(--hue,transparent);transform:translateY(-2px)}.cc-in:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.cc-where{font:500 10px var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--color-ink-muted)}.cc-t{color:var(--color-ink-primary);font-size:15px;font-weight:600;line-height:1.3}.cc-meta{font:500 12px var(--font-mono);color:var(--color-ink-secondary);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cc-deep{font:500 10px var(--font-mono);letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--color-line-strong);border-radius:999px;padding:1px 6px}.cc-tick{background:var(--color-signal-ok);width:20px;height:20px;color:var(--color-surface-page);border-radius:50%;place-items:center;display:grid;position:absolute;top:10px;right:10px}@media (max-width:640px){.cc-grid{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){.cc-in,.cat-in{transition:none}.cc-in:hover,.cat-in:hover{transform:none}}