/* Crawlable service guides share the selected Moments 360 visual identity. */
.hero-service-line { display: block; font: 700 .76rem/1.5 var(--body); letter-spacing: .025em; max-width: 36em; margin-bottom: 1rem; }
.local-intro { display: grid; grid-template-columns: 1fr 1.1fr; gap: 4rem; padding-block: 64px 0; }
.local-intro h2 { font-size: clamp(2rem,3.4vw,3rem); }
.local-intro p { font-size: .95rem; }.local-intro > div:last-child { color: var(--muted); }
.resource-nav { padding-block: 34px; border-top: 1px solid #ffffff30; margin-bottom: 25px; }.resource-nav h2 { font: 600 1.3rem var(--display); margin-bottom: 18px; }
.resource-nav > div { display: grid; grid-template-columns: repeat(3,1fr); gap: 13px 30px; }.resource-nav a { font-size: .8rem; text-underline-offset: 4px; line-height: 1.5; }
.breadcrumbs { display: flex; flex-wrap: wrap; gap: 10px; padding-block: 28px; font-size: .75rem; color: var(--muted); }.breadcrumbs a { text-underline-offset: 4px; }
.detail-hero { max-width: 930px; padding-block: 30px 64px; }.detail-hero h1 { font-size: clamp(2.7rem,5.8vw,4.6rem); color: var(--teal); margin-bottom: 25px; }
.answer-summary { font-size: 1.15rem; color: var(--muted); line-height: 1.7; max-width: 48em; margin-bottom: 28px; }
.detail-layout { display: grid; grid-template-columns: 240px minmax(0,1fr); gap: 60px; align-items: start; padding-bottom: 75px; }
.page-toc { position: sticky; top: 120px; border-top: 2px solid var(--teal); padding-top: 18px; }.page-toc p { font-size: .74rem; font-weight: 700; text-transform: uppercase; letter-spacing: .07em; }
.page-toc a { display: block; padding-block: 10px; font-size: .83rem; line-height: 1.4; text-underline-offset: 4px; }
.answer-content { min-width: 0; max-width: 760px; }.answer-content > section { margin-bottom: 50px; }.answer-content h2 { font-size: clamp(1.7rem,3vw,2.5rem); margin-bottom: 22px; }.answer-content p { line-height: 1.8; color: var(--muted); }.answer-content a { color: var(--teal); text-underline-offset: 4px; }.answer-content a.btn { color: #231a22; }
.planning-list { padding-left: 22px; color: var(--muted); }.planning-list li { padding-left: 7px; margin-bottom: 15px; line-height: 1.7; }
.next-step { padding: 28px; background: var(--mint); border: 1px solid var(--teal); border-radius: 22px; }.next-step a:not(.btn) { overflow-wrap: anywhere; }
.related { border-top: 1px solid var(--line); padding-top: 25px; }.related ul { padding-left: 20px; }.related li { padding-bottom: 14px; }
.error-page { padding-block: 90px; min-height: 60vh; }.error-page h1 { font-size: clamp(3rem,6vw,5rem); }.error-page .btn { margin-block: 20px; }
@media(max-width:800px) { .detail-layout { grid-template-columns: 1fr; gap: 30px; }.page-toc { position: static; }.local-intro { gap: 25px; }.resource-nav > div { grid-template-columns: repeat(2,1fr); } }
@media(max-width:600px) { .local-intro { grid-template-columns: 1fr; padding-top: 44px; gap: 10px; }.local-intro .eyebrow { margin-bottom: 12px; }.detail-hero { padding-block: 20px 40px; }.answer-summary { font-size: 1rem; }.resource-nav > div { grid-template-columns: 1fr; }.next-step { padding: 22px; }.hero-service-line { font-size: .7rem; } }
@media print { .page-toc,.resource-nav,.breadcrumbs { display:none; }.detail-layout { display:block; } }