/* Layout fixes 2026-09-05 — additive, loads LAST on the pages that link it.
 * 1. Press fact tables: the last column was forced nowrap, so long URLs stretched the table past
 *    the viewport (scrollWidth 1700 at 1280). Fixed layout + wrapping, scroll as a last resort.
 * 2. Product heroes on phones: absolutely positioned screens (410-730 px tall) inside a 360 px stage
 *    overlapped the buttons above and the section below. Below 640 px the main screen sits in flow
 *    and the secondary screen is hidden.
 * 3. Homepage inline style="" attributes were blocked by the CSP (style-src 'self'); the same rules
 *    now live here under classes. */

/* 1 */
body.ed-member .fact-wrap { overflow-x: auto; }
body.ed-member .fact-wrap table { table-layout: fixed !important; width: 100% !important; }
body.ed-member .fact-wrap td,
body.ed-member .fact-wrap td:last-child { white-space: normal !important; overflow-wrap: anywhere; }

/* 2 */
@media (max-width: 640px) {
  body.ed-member .product-hero .product-screen-stage {
    position: relative !important; height: auto !important; min-height: 0 !important;
    width: 100% !important; margin-top: 24px !important; transform: none !important;
  }
  body.ed-member .product-hero .product-screen-main {
    position: relative !important; top: auto !important; right: auto !important;
    width: 62% !important; max-height: none !important; margin: 0 auto !important;
  }
  body.ed-member .product-hero .product-screen-main.mac-product-screen,
  body.ed-member .product-hero .single-screen-stage .product-screen-main { width: 100% !important; }
  body.ed-member .product-hero .product-screen-secondary { display: none !important; }
}

/* 3 */
.ed-hero-actions.ed-tight { margin: 0; }
.ed-chapter.is-light .ed-strip-card h3 { color: #17171a; }
.ed-chapter.is-light .ed-strip-card p { color: #5c5c66; }
.ed-pill.ghost.ed-on-light { border-color: #d0d0d6; color: #17171a; background: rgba(0, 0, 0, 0.04); }