/* ============================================================
   Corrections that are NOT in the design export.

   Loaded last on every CSW view. Kept in one file, deliberately,
   so the export-faithful stylesheets stay export-faithful and
   anything here can be removed in one step.

   Each rule states the defect it fixes and what deleting it
   restores.
   ============================================================ */

/* --- Horizontal scroll on phones ---------------------------
   The nav bar is: logo tile + wordmark, then an auto-margin CTA
   with white-space:nowrap, then the 44px burger. Below roughly
   420px that row cannot fit, the burger is pushed past the right
   edge, and the whole document scrolls sideways — measured at
   447px of content in a 390px viewport.

   The export has the same defect: the homepage export renders
   447px wide at a 375px viewport too, which is why the pixel
   comparison at that width matched before this file existed.

   Dropping the wordmark below 560px is how the other page in the
   same design system ("CSW Homepage.dc.html") handles the same
   squeeze — it hides .csw-brand-label at 1060px. The mark stays,
   so the site is still identified.

   The wordmark is hidden visually but kept in the accessibility tree,
   not display:none — the logo image is decorative (alt=""), so removing
   the text outright would leave the home link with no accessible name.

   Delete this block to restore the export's exact behaviour,
   horizontal scroll included.
   ------------------------------------------------------------ */
@media (max-width: 560px) {
  .csw-nav .csw-brand-label {
    position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
    overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0;
  }
  .csw-nav > div { gap: 14px; }
}

/* --- Wide tables on phones ---------------------------------
   Long-form posts can carry comparison tables whose columns will
   not compress below the viewport. Scrolling the table beats
   scrolling the page. Blog views only — the marketing pages have
   no tables.
   ------------------------------------------------------------ */
@media (max-width: 600px) {
  .csw-prose table { display: block; width: 100%; overflow-x: auto; }
}