/* VentureFrame mobile density — 2026-11-08.
   The layout kept desktop gutters at phone width: .wrap held 0 40px and the
   two big plan cards another 36px each side, leaving a 223px text column
   inside a 375px screen, so every sentence wrapped two or three extra times.

   SHARED RULES MUST ONLY EVER REDUCE. A first version also set every
   section's vertical padding to 44px. Measured across all 63 pages at 375px,
   that INFLATED sections on most of them (0->44, 32->44, 36->44) and made
   /about/ and /example-diagnostic/ longer. Section padding is page-specific,
   so it lives in each page's own stylesheet (see the homepage), never here.
   Nothing is hidden or removed. Desktop is untouched. */
@media (max-width:720px){
  .wrap{padding-left:16px !important;padding-right:16px !important}
  /* The two large plan cards carry inline padding:40px 36px. */
  [style*="padding:40px 36px"]{padding:26px 18px !important}
  .price-card{padding:24px 18px !important}
  /* /compare/ and /glossary/ scrolled sideways: their footer links are
     written </a><a> with no whitespace, so the row had no legal break point.
     Inline-blocks create break points without touching the markup. */
  footer .container > a{display:inline-block;margin:4px 10px}
}