.guide-hero .hero-copy { padding-bottom: 72px; }
.guide-hero h1 { margin-bottom: 20px; }
.guide-body { padding-bottom: 52px; }
.guide-nav { display: flex; flex-wrap: wrap; gap: 8px 24px; padding-block: 16px; border-bottom: 1px solid var(--line); }
.guide-nav a, .guide-source a { color: var(--mint); text-underline-offset: 4px; }
.guide-nav a { display: inline-flex; align-items: center; min-height: 44px; font-size: .92rem; }
.guide-section { padding-top: 42px; }
.guide-section h2 { margin-block: 7px 12px; scroll-margin-top: 24px; }
.guide-intro { color: var(--muted); max-width: 65ch; }
.guide-areas { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 20px; }
.guide-areas .card p:last-child, .guide-days li > p { color: #d0dfdc; }
.guide-source { margin-top: 10px; font-size: .83rem; }
.guide-days { list-style: none; padding: 0; margin-block: 20px; max-width: 76ch; }
.guide-days li { padding: 3px 0 18px 18px; margin-bottom: 14px; border-left: 2px solid #4c6663; }
.guide-days h3 { font: 400 1.45rem/1.2 Georgia, serif; margin-bottom: 7px; }
.guide-checklist { padding-left: 1.25rem; margin-block: 12px 0; }
.guide-checklist li { margin-block: 8px; }
.guide-checklist li::marker { color: var(--mint); }
@media (max-width: 760px) {
  .guide-areas { grid-template-columns: 1fr; }
  .guide-hero .hero-copy { padding-bottom: 50px; }
}