.t4s-guides-hub{padding:2rem 1.5rem 4rem;background:var(--color-surface)}.t4s-guides-hub__inner{max-width:var(--max-width);margin:0 auto}.t4s-guides-hub__title{font-family:var(--font-display);margin:0 0 .5rem}.t4s-guides-hub__lead{margin:0 0 1.5rem;color:var(--color-text-muted)}.t4s-guides-filter__nav{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.t4s-guides-filter__nav button{min-height:44px;padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface-muted);font:inherit;font-weight:500;cursor:pointer}.t4s-guides-filter__nav button.is-active{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.t4s-guides-filter__nav button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.t4s-guides-filter__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:1rem;gap:1rem;list-style:none;padding:0;margin:0}.t4s-guides-filter__card{display:block;padding:1.25rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;color:inherit;min-height:44px;transition:border-color .15s}.t4s-guides-filter__card:hover{border-color:var(--color-accent)}.t4s-guides-filter__cat{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent)}.t4s-guides-filter__cat,.t4s-guides-filter__title{display:block;font-weight:600;margin-bottom:.35rem}.t4s-guides-filter__excerpt{display:block;font-size:.875rem;color:var(--color-text-muted)}.t4s-guides-filter__count{margin:1rem 0 0;font-size:.875rem;color:var(--color-text-muted)}