/* FAQ, phones only (<=899px). Phone pass, 12 Oct 2026: m/faq.js joins the four groups into two frames
   (rule and record; re-check, scope and terms), each joined title an h3 label above its list. Every row
   closed at load. Without scripts the four groups stay four frames. */
@media (max-width:899px) {
  /* the last row's title sits mid-row, so the bottom padding is the smaller one; the frame that ends on the link is even */
  main .faq-sections.faq-frame { padding:40px var(--m-pad) 18px !important; }
  main .faq-sections.faq-frame:has(> .page-end-link) { padding:36px var(--m-pad) 40px !important; }
  main .faq-sections.faq-merged { display:none !important; }
  main .faq-group { width:auto; }
  main .faq-sections .faq-list { display:block; width:100%; border-top:2px solid var(--m-ink); text-align:left; }
  main .faq-group .faq-list { margin-top:24px; }
  main .faq-sections .faq-sublabel { margin:32px 0 0; font-weight:600; font-size:22px; line-height:1.15; letter-spacing:-.02em; color:var(--m-ink); text-align:center; text-wrap:balance; }
  main .faq-sections .faq-sublabel + .faq-list { margin-top:14px; }
  main .faq-sections .page-end-link { display:flex; justify-content:center; margin:24px 0 0; padding:0; border-top:0; }
  main .faq-sections .page-row { display:block; padding:0; border-bottom:1px solid var(--line); }
  main .faq-sections .page-disclosure > summary {
    display:flex; align-items:center; justify-content:space-between; gap:16px;
    min-height:clamp(52px,7.6svh,64px); padding:10px 0; box-sizing:border-box; cursor:pointer; list-style:none;
  }
  main .faq-sections .page-disclosure > summary::-webkit-details-marker { display:none; }
  main .faq-sections .page-row-title { font-weight:600; font-size:17px; line-height:1.3; letter-spacing:-.01em; color:var(--m-ink); text-wrap:balance; }
  main .faq-sections .page-disclosure-mark { flex:none; }
  main .faq-sections .page-row-copy { margin:0; padding:0 0 20px; max-width:none; font-size:16px; line-height:1.55; color:var(--m-ink); text-wrap:pretty; }
  main .faq-sections .page-row:first-child { border-top:0; }
  @media (max-height:700px) { main .faq-sections.faq-frame { padding:30px var(--m-pad) 8px !important; } main .faq-sections.faq-frame:has(> .page-end-link) { padding:24px var(--m-pad) !important; } }
}

/* The heading lede on two balanced lines (13 Oct, Tab 8): one line left the heading frame 41% empty. */
@media (max-width:899px) { main .page-heading .lead { max-width:20ch; margin-inline:auto !important; } }