/* ==========================================================================
   System requirements (/system-requirements/) · loaded after site.css and guide.css.
   Only what guide.css lacks: a visible source caption under the specs table (in both its
   table and stacked-card modes), the small outline numbers above the question blocks, and
   an H1 that never leaves "(2026)" alone on its last line.
   ========================================================================== */
.gtable caption{caption-side:bottom;padding-top:14px;text-align:left}
@container (max-width:600px){
  .gtable table{display:flex;flex-direction:column}
  .gtable caption{order:1;display:block}
}
.gblk>.gsec__n{margin-bottom:12px}
.gblk__h{text-wrap:balance}   /* no lone "need?" or "SSD?" on narrow phones */
.gtable+p{margin-top:20px}

/* H1: "requirements (2026)" stays on one line (no lone year). The guide's H1 size is kept
   wherever that line fits; where it doesn't, the size eases down just enough to fit the
   copy column (10.4cqi ≈ the phrase's width plus a small margin). */
@supports (font-size:1cqi){
  .gi__copy{container-type:inline-size}
  .gi__h1-keep{white-space:nowrap}
  .gi__h1{font-size:min(clamp(44px,4.6vw,72px),10.4cqi)}
  @media (max-width:719px){
    .gi__h1{font-size:min(clamp(38px,11.4vw,56px),10.4cqi)}
  }
}