/* Fixes from the QA pass of 28 October 2026, on top of Webflow's stylesheet,
   in the build that ships (SITE_DESIGN=redesign; src/layouts/Webflow.astro).
   MIGRATION.md, "QA pass". */

@media screen and (max-width: 767px) {
  /* About and Careers: the values tabs bleed to the screen's edges as a
     100vw row pulled back by 5vw, but the page's padding is 1.25rem, so on
     phones the row ended a pixel or two past the right edge and the whole
     page could be dragged sideways. The same bleed, from the padding. */
  .careers-tab_tabs-menu {
    width: auto;
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  /* Contact: "Briefing Request" (20vw on phones, 7rem to 767px) was wider
     than the column, so "Request" ran off the screen; capped to fit. */
  .contact_big-heading {
    font-size: min(7rem, 18vw);
  }
}

/* Privacy policy (production check, 29 October 2026): a link written out as
   a long address (policies.google.com/technologies/partner-sites) could not
   break, so on a 320px phone it ran a pixel past the edge. Long words in the
   legal pages' text break where they must. */
.legal-rich-text {
  overflow-wrap: break-word;
}