.guide-hero { min-height: 0; display: block; }
.guide-hero .page-hero-copy { width: 100%; max-width: 1100px; padding-bottom: 64px; }
.guide-hero h1 { max-width: 1000px; font-size: clamp(2.4rem, 5vw, 4.8rem); }
.guide-date { color: #fff; font-size: .9rem; margin-top: 24px; }
.guide-layout { display: grid; grid-template-columns: minmax(220px, 1fr) minmax(0, 2.6fr); gap: 64px; align-items: start; }
.guide-contents { background: #f5f1f7; border-radius: 16px; padding: 28px; }
.guide-contents h2, .guide-sources h2 { font-size: 1.25rem; }
.guide-contents ol { padding-left: 20px; }
.guide-contents li { margin: 0 0 14px; line-height: 1.6; }
.guide-contents a, .guide-article a:not(.button), .guide-cards h2 a { color: #4b1a59; text-decoration: underline; text-underline-offset: 4px; }
.guide-article { max-width: 800px; }
.guide-article section { margin-bottom: 42px; scroll-margin-top: 120px; }
.guide-article h2, .service-advice h2, .guide-cards h2 { font-size: clamp(1.4rem, 2.4vw, 2rem); line-height: 1.25; margin-bottom: 20px; letter-spacing: -.03em; }
.guide-article p, .guide-article li, .service-advice p, .service-advice li, .guide-cards p { line-height: 1.8; }
.guide-article ul, .service-advice ul { padding-left: 22px; }
.guide-article li, .service-advice li { margin-bottom: 10px; }
.guide-article p + p, .service-advice p + p { margin-top: 16px; }
.guide-callout { background: #f5f1f7; border-left: 4px solid #6b367a; padding: 28px; margin: 32px 0; border-radius: 0 12px 12px 0; }
.guide-callout .text-link { margin: 14px 24px 0 0; }
.guide-callout .button { margin-top: 16px; }
.advice-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; }
.guide-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; margin-bottom: 32px; }
.guide-cards article { border: 1px solid #ded4e1; padding: 28px; border-radius: 16px; display: flex; flex-direction: column; }
.guide-cards .text-link { margin-top: auto; padding-top: 18px; align-self: flex-start; }
.guide-sources { border-top: 1px solid #ded4e1; margin: 28px 0; padding-top: 24px; }
@media(max-width: 900px) { .guide-layout { grid-template-columns: 1fr; gap: 36px; } .guide-article { max-width: none; } .advice-grid, .guide-cards { grid-template-columns: 1fr; gap: 28px; } }
@media(max-width: 760px) { .guide-hero .page-hero-copy { padding-bottom: 36px; } .guide-hero h1 { font-size: clamp(2rem, 8vw, 3rem); } .guide-date { color: #4b1a59; } .guide-callout, .guide-contents, .guide-cards article { padding: 22px; } .guide-callout .button { white-space: normal; } }
@media print { .guide-contents, .site-header, .site-footer, .mobile-contact-dock { display: none; } .guide-layout { display: block; } .guide-hero { background: #fff; color: #222; } }