.gx-head{padding-block:clamp(28px,4vw,48px) clamp(36px,5vw,64px)}.gx-head .crumbs{margin-bottom:clamp(28px,4vw,48px)}.gx-head h1{font-size:clamp(44px,6.4vw,92px)}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.filters[hidden]{display:none}.filters button{font:500 14px/1.2 var(--body);color:var(--muted);background:transparent;border:1px solid var(--line-2);border-radius:999px;padding:8px 14px;min-height:40px;cursor:pointer;transition:color .2s,background-color .2s,border-color .2s}.filters button:hover{color:var(--text);border-color:#eef1f680}.filters button[aria-pressed=true]{background:var(--text);color:var(--ink);border-color:var(--text)}.filters button small{font:500 11px var(--mono);margin-left:6px;opacity:.8}.filters button[data-f=pro] small{color:var(--amber);opacity:1}.filters button[data-f=pro][aria-pressed=true] small{color:#7a5200}.gx-count{margin:0 0 22px}.card .meta h2{font-size:22px;line-height:1.15;font-weight:600;letter-spacing:-.02em}@media (max-width: 600px){.card--grid .meta h2{font-size:17px}}.guides.is-filtering .card:not([hidden]){animation:gx-in .35s var(--ease-out) both}@keyframes gx-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.gx-intro{border-top:1px solid var(--line);margin-top:clamp(72px,10vw,140px)}.gx-intro-grid{display:grid;gap:clamp(28px,4vw,64px)}@media (min-width: 900px){.gx-intro-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start}}.gx-intro .prose p:first-child{color:var(--text)}
