/* Shared mobile-responsive fixes for the static marketing pages.
   Linked from every public/*.dc.html page. The pages themselves are
   Design Canvas exports with inline styles built desktop-first, so this
   file patches the two classes of problem that showed up on phones:
   1) the header nav overlapping the logo instead of collapsing, and
   2) fixed 2/3-column grids never dropping to 1 column. */

.site-mobile-menu { display: none; }

img, iframe { max-width: 100%; }

@media (max-width: 767px) {
  .site-nav-links, .site-nav-extra { display: none !important; }
  .site-mobile-menu { display: block; }
  .site-mobile-menu > summary { list-style: none; }
  .site-mobile-menu > summary::-webkit-details-marker { display: none; }

  /* Not attribute selectors on [style] — the page's own runtime
     re-serializes inline style attributes after load (adds spaces after
     colons/semicolons), so a literal substring match against the
     as-authored source stops matching once that happens. Real classes
     don't have that problem. */
  .mobile-stack {
    grid-template-columns: 1fr !important;
  }
}