/* Homepage answers are ordinary HTML and remain readable without JavaScript. */
.planning-answers { padding: 44px 5%; border-top: 1px solid var(--line, #c8c9bc); }
.planning-answers h2 { margin: 0 0 24px; font-family: Georgia, serif; font-size: clamp(1.7rem, 3vw, 2.4rem); line-height: 1.2; font-weight: 400; }
.planning-answer-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.planning-answer { min-width: 0; padding-top: 16px; border-top: 1px solid var(--line, #c8c9bc); }
.planning-answer h3 { margin: 0 0 12px; font-size: 1.15rem; line-height: 1.4; }
.planning-answer p { margin: 0 0 12px; font-size: 1rem; line-height: 1.65; }
.planning-answer a { display: inline-flex; align-items: center; min-height: 44px; color: inherit; text-decoration: underline; text-underline-offset: .2em; overflow-wrap: anywhere; }
.planning-answer a:focus-visible { outline: 3px solid #8a5123; outline-offset: 4px; }
@media (max-width: 850px) { .planning-answer-grid { grid-template-columns: 1fr; gap: 24px; } }
@media print { .planning-answers { padding: 16pt 0; } .planning-answer-grid { display: block; } .planning-answer { break-inside: avoid; margin-bottom: 14pt; } .planning-answer a { min-height: 0; } }
@media (forced-colors: active) { .planning-answer a { color: LinkText; } .planning-answer a:focus-visible { outline-color: Highlight; } }