/* Contact copy: clear instructions without changing form controls or motion. */
body[data-page="contact"] .contact-channel-note { line-height: 1.75; margin: 1.25rem 0; }
body[data-page="contact"] .contact-form-help { font-size: 1rem; line-height: 1.75; margin: 1rem 0 1.5rem; }
body[data-page="contact"] .contact-form-help a,
body[data-page="contact"] .contact-receipt-note a,
body[data-page="contact"] .contact-faq-footnote a { text-decoration: underline; text-underline-offset: .2em; }
body[data-page="contact"] .contact-content-section,
body[data-page="contact"] #contact-form { scroll-margin-top: calc(var(--header) + 2rem); }
body[data-page="contact"] .contact-section-intro { max-width: 80ch; color: var(--muted); line-height: 1.75; margin-top: 1.25rem; }
body[data-page="contact"] .contact-message-points,
body[data-page="contact"] .contact-next-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2rem;
  padding-left: 1.4em;
  margin: 2.5rem 0;
}
body[data-page="contact"] .contact-next-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
body[data-page="contact"] .contact-message-points li,
body[data-page="contact"] .contact-next-grid li { padding-left: .3em; }
body[data-page="contact"] .contact-message-points li::marker,
body[data-page="contact"] .contact-next-grid li::marker { color: var(--purple); font-weight: 600; }
body[data-page="contact"] .contact-content-section h3 { font-size: 1.375rem; line-height: 1.4; margin-bottom: .8rem; }
body[data-page="contact"] .contact-content-section p { color: var(--muted); line-height: 1.75; }
body[data-page="contact"] .contact-summary-example,
body[data-page="contact"] .contact-receipt-note {
  padding: 2rem;
  background: var(--white);
  border: 1px solid var(--line);
  border-left: 3px solid var(--gold);
}
body[data-page="contact"] .contact-summary-example p,
body[data-page="contact"] .contact-receipt-note p { max-width: 85ch; }
body[data-page="contact"] .contact-summary-example p + p,
body[data-page="contact"] .contact-receipt-note p + p { margin-top: 1rem; }
body[data-page="contact"] .contact-guide-links { display: flex; flex-wrap: wrap; gap: 1.25rem 2rem; margin-top: 2rem; }
body[data-page="contact"] .contact-content-faq { margin-top: 4rem; }
body[data-page="contact"] .contact-content-faq > h2 { max-width: 870px; margin-inline: auto; }
body[data-page="contact"] .contact-faq-footnote { max-width: 870px; margin: 1.5rem auto 0; }
body[data-page="contact"] .contact-receipt-note a { overflow-wrap: anywhere; }
@media (max-width: 900px) {
  body[data-page="contact"] .contact-next-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 650px) {
  body[data-page="contact"] .contact-message-points { grid-template-columns: minmax(0, 1fr); }
  body[data-page="contact"] .contact-summary-example,
  body[data-page="contact"] .contact-receipt-note { padding: 1.5rem; }
}

/* Version 95: page guide and comfortable reading for the expanded instructions. */
body[data-page="contact"] .contact-reading-nav { display:flex; flex-wrap:wrap; align-items:center; gap:.75rem 1.75rem; padding-block:1.5rem; border-block:1px solid var(--line); }
body[data-page="contact"] .contact-reading-nav > span { font-size:.75rem; font-weight:600; letter-spacing:.12em; color:var(--purple); }
body[data-page="contact"] .contact-reading-nav a { color:var(--purple); font-size:.95rem; line-height:1.6; text-decoration:underline; text-underline-offset:.2em; padding-block:.25rem; }
body[data-page="contact"] .contact-reading-nav a:focus-visible { outline:2px solid var(--purple); outline-offset:5px; }
body[data-page="contact"] #contact-questions-title { scroll-margin-top:calc(var(--header) + 2rem); }
body[data-page="contact"] .contact-channel-note strong { color:inherit; }
body[data-page="contact"] .contact-form-intro { line-height:1.75; }
body[data-page="contact"] .contact-message-points p + p,
body[data-page="contact"] .contact-next-grid p + p,
body[data-page="contact"] .contact-content-faq details p + p { margin-top:.8rem; }
body[data-page="contact"] .contact-content-faq details a { text-decoration:underline; text-underline-offset:.2em; overflow-wrap:anywhere; }
@media(max-width:650px){
 body[data-page="contact"] .contact-reading-nav { align-items:flex-start; gap:.5rem 1rem; }
 body[data-page="contact"] .contact-reading-nav > span { flex-basis:100%; }
 body[data-page="contact"] .contact-reading-nav a { flex-basis:calc(50% - .5rem); }
}