.guide-page{padding-block:1.5rem var(--space-section)}.guide-breadcrumb{color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.8rem;display:flex}.guide-breadcrumb a:hover{color:var(--primary);text-decoration:underline}.guide-hero{border-radius:var(--radius-xl);background:var(--muted);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:stretch;min-height:25rem;margin-block:1.5rem 3.75rem;display:grid;overflow:hidden}.guide-hero-copy{flex-direction:column;justify-content:center;align-items:start;min-width:0;padding:clamp(2rem,5vw,4.5rem);display:flex}.guide-hero h1{letter-spacing:-.035em;max-width:16ch;font-size:clamp(2.15rem,4.1vw,3.75rem);font-weight:650;line-height:1.08}.guide-hero p{max-width:37ch;color:var(--body-text);margin-top:1.5rem;font-size:clamp(.97rem,1.2vw,1.08rem);line-height:1.7}.guide-total{color:var(--muted-foreground);margin-top:1.75rem;font-size:.875rem}.guide-hero-visual{min-width:0;min-height:100%;position:relative}.guide-hero-visual img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.guide-housing-hub{min-height:2.75rem;color:var(--primary);text-underline-offset:.2em;align-items:center;gap:.5rem;margin-top:1.25rem;font-size:.9rem;font-weight:600;text-decoration:underline;display:inline-flex}.guide-housing-hub:hover{color:var(--primary-hover)}.guide-content{grid-template-columns:minmax(11rem,15rem) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);display:grid}.guide-aside{align-self:start;position:sticky;top:1.5rem}.guide-aside h2{font-size:.95rem;font-weight:650}.guide-aside ul{gap:.1rem;margin:.8rem 0 0;padding:0;list-style:none;display:grid}.guide-aside li a{border-radius:var(--radius);min-height:2.75rem;color:var(--muted-foreground);justify-content:space-between;align-items:center;gap:1rem;padding:.35rem .5rem;font-size:.85rem;display:flex}.guide-aside li a:hover{color:var(--foreground);background:var(--muted)}.guide-aside li span{flex:none;font-size:.75rem}.guide-map-link{min-height:2.75rem;color:var(--primary);align-items:center;gap:.5rem;margin-top:1.5rem;font-size:.85rem;font-weight:600;display:flex}.guide-map-link svg:last-child{margin-left:auto}.guide-section{margin-bottom:4rem;scroll-margin-top:1.5rem}.guide-section-heading{margin-bottom:1.25rem}.guide-section-heading>div{flex-wrap:wrap;align-items:baseline;gap:.4rem 1rem;display:flex}.guide-section h2{letter-spacing:-.025em;font-size:clamp(1.5rem,2.4vw,2rem);font-weight:650;line-height:1.2}.guide-section-heading span{color:var(--muted-foreground);font-size:.8rem}.guide-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin:0 0 1.25rem;padding:0;list-style:none;display:grid}.guide-features li{min-width:0}.guide-feature{border-radius:var(--radius-xl);background:var(--muted);flex-direction:column;height:100%;display:flex;overflow:hidden}.guide-feature-image{aspect-ratio:16/9;background:var(--accent);display:block;overflow:hidden}.guide-feature-image img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.guide-feature-copy{flex-direction:column;flex:1;gap:.6rem;padding:1.2rem;display:flex}.guide-feature-copy strong{text-wrap:pretty;font-size:1.08rem;font-weight:650;line-height:1.35}.guide-feature-copy>span:nth-child(2){-webkit-line-clamp:3;color:var(--body-text);-webkit-box-orient:vertical;font-size:.875rem;line-height:1.55;display:-webkit-box;overflow:hidden}.guide-feature-action{color:var(--primary);align-items:center;gap:.35rem;margin-top:auto;padding-top:.45rem;font-size:.83rem;font-weight:650;display:inline-flex}.guide-feature:hover .guide-feature-image img{transform:scale(1.035)}.guide-feature:hover .guide-feature-action{color:var(--primary-hover)}.guide-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1.5rem;margin:0;padding:0;list-style:none;display:grid}.guide-links li{border-bottom:1px solid var(--border-soft);min-width:0}.guide-links a{min-height:3.25rem;color:var(--foreground);overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:1rem;padding-block:.65rem;font-size:.9rem;line-height:1.45;display:flex}.guide-links a svg{color:var(--muted-foreground);flex:none}.guide-links a:hover{color:var(--primary)}.guide-other{border-top:1px solid var(--border);padding-top:2rem}.guide-other h2{margin-bottom:1rem;font-size:1.25rem;font-weight:650}.guide-other>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem 1.5rem;display:grid}.guide-other a{justify-content:space-between;align-items:center;gap:.5rem;min-height:2.75rem;font-size:.88rem;display:flex}.guide-other a:hover{color:var(--primary)}@media (width<=55rem){.guide-content{grid-template-columns:1fr;gap:2.5rem}.guide-aside{position:static}.guide-aside ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:.1rem 1rem}.guide-map-link{margin-top:.5rem}}@media (width<=47.99rem){.guide-hero{grid-template-columns:1fr;min-height:0;margin-bottom:2.5rem}.guide-hero-copy{padding:2rem}.guide-hero-visual{min-height:15rem}.guide-features{gap:.75rem}}@media (width<=40rem){.guide-hero-copy{padding:1.5rem}.guide-hero-visual{min-height:12rem}.guide-aside ul,.guide-features,.guide-links,.guide-other>div{grid-template-columns:1fr}.guide-section{margin-bottom:3rem}.guide-feature-image{aspect-ratio:16/8}}@media (prefers-reduced-motion:reduce){.guide-feature-image img{transition:none}}