/* FAQ, 15 Oct 2026. Three frames (basics, sectors, about), each a title over two columns of closed
   questions. A frame grows when rows open, so an answer is never clipped. Phones: m/faq.css.
   frame12.css grids every .page-rows through an :is() that carries #sectors, so ID specificity: hence !important. */
@media (min-width:900px) {
  /* Top-anchored and free to grow: frame12 fixes every section at 100svh and centres it, so an opened
     answer re-centred the frame (text jumped up) and spilled above it, under the frame before. */
  main section.faq-frame:not(section section) { height:auto !important; min-height:var(--frame) !important; align-content:start !important;
    padding-block:clamp(56px,11vh,112px) clamp(48px,8vh,96px) !important; }
  main .faq-frame > h2 { margin:0; font:400 var(--fs-h2)/1.1 Plex,sans-serif; letter-spacing:-.025em; }
  main .faq-cols { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:0 64px; margin-top:40px; align-items:start; }
  main .faq-cols .faq-list { display:block !important; padding:0; border-top:1px solid var(--line); }
  main .faq-cols .faq-list > .page-disclosure { display:block; padding-block:18px; border-top:0; border-bottom:1px solid var(--line); }
  main .faq-cols .page-disclosure > summary { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; min-height:0; }
  main .faq-cols .page-row-title { font-size:19px; line-height:1.35; }
  main .faq-cols .page-disclosure-mark { flex:none; font-size:22px; line-height:1.15; }
  main .faq-cols .page-disclosure > .page-row-copy { grid-column:auto; margin:12px 40px 4px 0; max-width:none; font-size:16px; line-height:1.55; }
  main section.gd-ink .faq-cols :is(.faq-list,details) { border-color:rgba(255,255,255,.28); }
  main section.gd-ink .faq-cols a { color:#fff; text-decoration-color:rgba(255,255,255,.6); }
}
@media (max-width:899px) {
  main .faq-cols .faq-list + .faq-list { border-top:0; margin-top:0; }
  main .faq-cols :is(summary,.page-row-title,.page-row-copy) { text-align:left !important; }
  main .faq-cols .page-row-copy { padding-right:34px !important; }
  main .faq-frame > h2 { text-align:center; text-wrap:balance; }
  main section.gd-ink.faq-sections { background:var(--g-ink) !important; color:#fff; }
  main section.gd-ink.faq-sections .faq-list { border-top-color:#fff !important; }
  main section.gd-ink.faq-sections .page-row { border-color:rgba(255,255,255,.28) !important; }
  main section.gd-ink.faq-sections :is(h2,.page-row-title,.page-row-copy,.page-disclosure-mark,a) { color:#fff !important; }
}