/* Public product answers and walkthrough; all content works without JavaScript. */
.answers-section { padding: 64px 0; border-bottom: 1px solid var(--line, #dedee5); }
.answers-section h2 { margin: 12px 0 24px; font-family: var(--font-display, 'Space Grotesk', sans-serif); font-size: clamp(28px, 4vw, 42px); line-height: 1.12; letter-spacing: -.035em; }
.answers-intro > p:not(.eyebrow) { max-width: 780px; color: var(--muted, #5d5969); font-size: 16px; line-height: 1.8; }
.answers-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px 48px; }
.answers-grid article { border-top: 1px solid var(--line, #dedee5); padding-top: 20px; scroll-margin-top: 24px; }
.answers-grid h3 { margin: 0 0 10px; font-family: var(--font-display, 'Space Grotesk', sans-serif); font-size: 19px; line-height: 1.4; }
.answers-grid p { margin: 0; color: var(--muted, #5d5969); font-size: 14px; line-height: 1.8; }
.answers-section a, .guide-content a { color: #285fae; text-decoration: underline; text-underline-offset: 3px; }
.answer-link { display: inline-block; margin-top: 8px; font-weight: 700; line-height: 1.6; }
.answers-section a:focus-visible, .guide-page a:focus-visible { outline: 3px solid #3674d6; outline-offset: 4px; }
.guide-page { margin: 0; background: #f7f6f2; color: #17151f; font-family: 'Manrope', sans-serif; line-height: 1.8; }
.guide-shell { width: min(780px, calc(100% - 40px)); margin: auto; }
.guide-nav { padding: 24px 0; border-bottom: 1px solid #dedee5; }
.guide-nav a { color: #17151f; font: 700 20px 'Space Grotesk', sans-serif; text-decoration: none; }
.guide-content { padding: 48px 0 64px; overflow-wrap: anywhere; }
.guide-content h1, .guide-content h2, .guide-content h3 { font-family: 'Space Grotesk', sans-serif; line-height: 1.2; }
.guide-content h1 { font-size: clamp(34px, 6vw, 52px); letter-spacing: -.04em; }
.guide-content h2 { margin-top: 44px; font-size: 26px; }
.guide-content h3 { font-size: 20px; }
.guide-content section { scroll-margin-top: 24px; }
.guide-content li { margin-bottom: 12px; }
.guide-content .guide-example { padding: 18px 22px; margin: 22px 0; border-left: 4px solid #3674d6; background: #e8eef8; }
.guide-content .guide-meta { color: #5d5969; font-size: 13px; }
.guide-content .guide-cta { display: inline-block; margin-top: 16px; padding: 12px 22px; color: #fff; background: #285fae; border-radius: 999px; text-decoration: none; font-weight: 700; }
.guide-footer { padding: 24px 0; border-top: 1px solid #dedee5; }
.guide-footer a { color: #285fae; margin-right: 20px; }
@media (max-width: 640px) {
  .answers-section { padding: 44px 0; }
  .answers-grid { grid-template-columns: 1fr; gap: 24px; }
  .guide-content { padding-top: 24px; }
}