.filter-pills{display:flex;flex-wrap:wrap;gap:8px}.filter-pill{padding:9px 18px;border-radius:var(--radius-pill);border:1px solid var(--line-2);background:#fff;font-family:var(--font-heading);font-weight:500;font-size:14px;color:var(--ink-2);cursor:pointer;transition:all .2s cubic-bezier(0.22, 1, 0.36, 1)}.filter-pill:hover{border-color:var(--ink);color:var(--ink)}.filter-pill.is-active{background:var(--ink);border-color:var(--ink);color:#fff}.docs-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:24px}@media(max-width: 1024px){.docs-grid{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 600px){.docs-grid{grid-template-columns:1fr}}.docs-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:28px}.docs-card h3{font-family:var(--font-heading);font-size:16px;font-weight:600;letter-spacing:-0.01em;margin-bottom:16px;display:flex;flex-direction:column;gap:10px}.docs-card__tag{display:inline-block;padding:4px 12px;border-radius:var(--radius-pill);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;align-self:flex-start;background:var(--surface-2);color:var(--ink-3)}.docs-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.docs-list li{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--ink-2)}.docs-list li svg{flex-shrink:0;width:16px;height:16px;margin-top:2px;color:var(--accent)}.docs-list li a{color:var(--ink);text-decoration:underline}.docs-list li a:hover{color:var(--brand)}