.guide-overview-page{background:var(--color-bg-page)}.guide-overview-hero{gap:12px;padding-block:0 30px;display:grid}.guide-overview-copy{gap:12px;display:grid}.guide-overview-hero h1{max-width:760px;font-size:2.125rem;line-height:1.147}.guide-overview-hero .lead{max-width:760px;margin:0}.guide-overview-image{border-radius:20px;width:100%;height:170px;margin-top:2px;overflow:hidden}.guide-overview-listing{gap:20px;padding-bottom:56px;display:grid}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.guide-category-filters{scrollbar-width:thin;gap:8px;max-width:100%;padding:2px 2px 5px;display:flex;position:relative;overflow-x:auto}.guide-category-filters button{border:1px solid var(--color-border-default);background:var(--color-bg-surface);min-width:max-content;min-height:44px;color:var(--color-text-primary);cursor:pointer;border-radius:999px;padding:9px 15px;font-size:.8125rem;font-weight:700}.guide-category-filters button[aria-pressed=true]{border-color:var(--color-action-primary-aa);background:var(--color-action-primary-aa);color:var(--color-text-on-accent)}.guide-list-meta{justify-content:space-between;align-items:center;gap:16px;min-height:44px;display:flex}.guide-list-meta p{margin:0}.guide-list-meta [data-guide-count]{font-size:.875rem;font-weight:700}.guide-list-order{color:var(--color-text-secondary);font-size:.8125rem;display:none}.guide-list-order a{color:inherit;text-underline-offset:.18em}.guide-card-grid{grid-template-columns:minmax(0,1fr);gap:24px;display:grid}.guide-card{border:1px solid var(--color-border-default);background:var(--color-bg-surface);border-radius:18px;flex-direction:column;gap:15px;min-width:0;padding:22px;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex;position:relative;box-shadow:0 8px 20px #141f1a12}.guide-card:hover{border-color:var(--color-border-accent);transform:translateY(-2px);box-shadow:0 12px 26px #141f1a1a}.guide-card:has(h2 a:focus-visible){outline:3px solid var(--color-focus);outline-offset:3px}.guide-card h2 a:focus-visible{outline:0}.guide-card h2 a:after{content:"";position:absolute;inset:0}.guide-card-top{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.guide-card-icon{background:var(--color-bg-positive);width:46px;height:46px;color:var(--color-text-accent-aa);border-radius:13px;flex:none;place-items:center;font-size:1.45rem;font-weight:800;line-height:1;display:grid}.guide-card-icon img{width:24px;height:24px}.guide-card-category{border:1px solid var(--color-border-default);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;max-width:150px;padding:5px 10px;font-size:.625rem;font-weight:700;overflow:hidden}.guide-card-copy{gap:8px;display:grid}.guide-card-copy h2{margin:0;font-size:1.25rem;line-height:1.4}.guide-card-copy h2 a{text-decoration:none}.guide-card-copy p{color:var(--color-text-secondary);margin:0;font-size:.875rem;line-height:1.5}.guide-card-action{color:var(--color-text-accent-aa);margin-top:auto;font-size:.875rem;font-weight:700}.guide-card-action b{margin-left:6px}.guide-card[hidden]{display:none}@media (width>=768px){.guide-overview-hero{padding-block:0 48px}.guide-overview-copy{gap:16px}.guide-overview-hero h1{font-size:2.75rem;line-height:1.115}.guide-overview-image{border-radius:24px;width:420px;height:230px;margin-top:0}.guide-overview-listing{gap:32px;padding-bottom:88px}.guide-category-filters{gap:10px;padding:2px;overflow:visible}.guide-category-filters button{padding-inline:18px;font-size:.875rem}.guide-list-order{display:block}.guide-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-card{border-radius:20px;gap:18px;min-height:278px;padding:28px}.guide-card-icon{border-radius:14px;width:52px;height:52px;font-size:1.55rem}.guide-card-category{padding:6px 12px;font-size:.6875rem}.guide-card-copy h2{font-size:1.375rem;line-height:1.36}}@media (width<=767px){.guide-category-filters{padding-right:26px;mask-image:linear-gradient(90deg,#000 calc(100% - 24px),#0000)}}@media (width>=1024px){.guide-overview-hero{grid-template-columns:minmax(0,1fr) 420px;align-items:center;gap:60px;min-height:348px}.guide-overview-hero h1{font-size:3.25rem}.guide-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}