/* Questions route only. Stock contrast, ink/focus outline against surface:
   light: white 15.40, quiet 13.44, butter 9.63, terra 5.34;
   dark: white 15.50, quiet 14.17, butter 11.78, terra 12.80.
   Ratios are recalculated from tokens.css in evidence/verify_candidates.py.
   Reading text and focus use full ink; WhatsApp keeps its token button colours.
   White illustration plates contain no text.
   No new palette, font, animation or generic component override. */
html:has(> body.questions-page) { scroll-behavior: auto; }
.questions-page main { font-size: var(--text-base); line-height: 1.62; }
.questions-page main p,
.questions-page main li { max-width: 66ch; line-height: 1.62; color: var(--ink); }
.questions-page main a:not(.button),
.questions-page summary { color: var(--ink); font-size: max(1rem, 16px); }
.questions-page main a:not(.button) {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  min-width: 44px;
  padding-block: var(--space-2);
  text-decoration: underline;
}
.questions-page main nav a + a { margin-inline-start: var(--space-2); }
.questions-page main :is(a, summary):focus-visible {
  outline: 2px solid var(--ink);
  outline-offset: 3px;
}
.questions-page main section > article.article > h2 {
  --font-display: var(--font-serif);
  font-family: var(--font-display);
  font-weight: 500;
  letter-spacing: -0.02em;
  transform: none;
}
.questions-page .faq__question {
  --font-display: var(--font-serif);
  font-family: var(--font-display);
  font-weight: 500;
  letter-spacing: -0.02em;
  transform: none;
  overflow-wrap: normal;
}
.questions-page .questions-position {
  font-family: var(--font-serif);
  font-size: clamp(2rem, 5vw, 3rem);
  margin-block: var(--space-4);
  font-variant-numeric: lining-nums tabular-nums;
}
.questions-page .questions-map ol { padding-left: var(--space-6); }
.questions-page .questions-map li + li { margin-top: var(--space-2); }
.questions-page .questions-map a { display: flex; }
.questions-page summary {
  min-height: 44px;
  padding-block: var(--space-3);
  cursor: pointer;
  font-family: var(--font-ui);
  line-height: 1.62;
}
.questions-page details { margin-top: var(--space-2); }
.questions-page .questions-back { margin-top: var(--space-6); }
.questions-page .questions-plate { width: min(12rem, 100%); margin-block: var(--space-6); }
.questions-page .stamp { opacity: 1; font-size: max(1rem, 16px); }
.questions-page .safe-care { background: transparent; border: 0; box-shadow: none; padding: 0; }
.questions-page .hero__illustration { margin-top: var(--space-8); }
.questions-page .care-bridge,
.questions-page .doorbell { display: block; }
.questions-page .article-disclaimer { font-size: max(1rem, 16px); }
.questions-page .fee-detail { display: block; font-size: max(1rem, 16px); }
.questions-page .fee-table { color: var(--ink); }
.questions-page .torn--white { color: var(--cloth); }
.questions-page *,
.questions-page *::before,
.questions-page *::after { animation: none; transition: none; scroll-behavior: auto; }
@media (prefers-reduced-motion: reduce) {
  .questions-page *, .questions-page *::before, .questions-page *::after {
    animation: none; transition: none; scroll-behavior: auto;
  }
}
