.guides{flex:1 0 auto;width:min(52rem,100%);margin:0 auto;padding:2.4rem max(1.5rem,env(safe-area-inset-right)) 4rem max(1.5rem,env(safe-area-inset-left))}.guides__hero{text-align:center}.guides__hero .guides__kicker{margin:0;color:var(--guides-muted);font-size:12px;letter-spacing:.22em;text-transform:uppercase}.guides__hero h1{margin:.7rem 0 0;font-size:clamp(2rem,5vw,3.1rem);font-weight:600;letter-spacing:-.03em;line-height:1.05}.guides__hero>p:last-child{margin:.7rem auto 0;color:var(--guides-muted);font-size:1.02rem}.guides__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:2rem}.guides__card{position:relative;display:flex;min-height:6.2rem;flex-direction:column;gap:.35rem;padding:1.05rem 1.05rem 1.15rem;border:1px solid var(--border);border-radius:16px;background:color-mix(in oklab,var(--card) 70%,transparent);color:inherit;text-decoration:none;transition:border-color .2s ease,transform .2s ease,background-color .2s ease}.guides__card:hover,.guides__card:focus-visible{border-color:color-mix(in oklab,var(--foreground) 30%,transparent);background:color-mix(in oklab,var(--card) 88%,transparent);transform:translateY(-2px)}.guides__card>span{color:var(--guides-muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.guides__card strong{font-size:1.05rem;font-weight:600;letter-spacing:-.02em;line-height:1.25}.guides__card small{color:var(--guides-muted);font-size:13px;line-height:1.45}.guides__card--matter,.guides__card--anima{min-height:9.2rem}@media(max-width:720px){.guides{padding:1.5rem max(1rem,env(safe-area-inset-right)) 3rem max(1rem,env(safe-area-inset-left))}.guides__cards{grid-template-columns:1fr}}