/* mobile-menu.css (Verlin 2026-10-23): the phone menu built by make_mobile_menu.py (archived in backup/v4-tools/). Section headings (Platform,
   Explore, Security, Company) with a rule between them; each section's groups as small blue labels; the pages indented
   under a thin blue line; the current page in blue; Request a Demo and Search at the bottom. */
nav[aria-label="Mobile Menu"] .is-menu-open .wp-block-navigation__responsive-container-content { align-items: stretch !important; padding-top: 1.5rem; }
nav[aria-label="Mobile Menu"] .is-menu-open .wp-block-navigation__container { display: block !important; width: 100%; max-width: 32rem; margin: 0; padding: 0 .25rem 2rem !important; }
nav[aria-label="Mobile Menu"] .inst-mm-sec { display: block !important; width: 100%; margin: 0 !important; padding: 1.15rem 0 1.2rem !important; border-top: 1px solid rgba(29, 29, 31, .1); list-style: none; }
nav[aria-label="Mobile Menu"] .inst-mm-sec:first-child { border-top: 0; padding-top: .25rem !important; }
nav[aria-label="Mobile Menu"] .inst-mm-h { display: block; margin: 0 !important; padding: 0 !important; font: 600 1.45rem/1.2 var(--wp--preset--font-family--jost, sans-serif) !important;
  color: #1d1d1f !important; text-decoration: none !important; letter-spacing: -.005em; }
nav[aria-label="Mobile Menu"] a.inst-mm-h[aria-current="page"] { color: #0066cc !important; }
nav[aria-label="Mobile Menu"] .inst-mm-group { margin: .85rem 0 0 .15rem; padding-left: 1rem; border-left: 2px solid rgba(0, 102, 204, .2); }
nav[aria-label="Mobile Menu"] .inst-mm-g { margin: 0 0 .3rem !important; font: 700 .7rem/1.3 var(--wp--preset--font-family--instrument, sans-serif) !important;
  letter-spacing: .12em; text-transform: uppercase; color: #0066cc !important; }
nav[aria-label="Mobile Menu"] .inst-mm-group ul { display: block !important; margin: 0 !important; padding: 0 !important; list-style: none; position: static !important;
  visibility: visible !important; opacity: 1 !important; border: 0 !important; background: none !important; box-shadow: none !important; }
nav[aria-label="Mobile Menu"] .inst-mm-group li { display: block !important; margin: 0 !important; padding: 0 !important; }
nav[aria-label="Mobile Menu"] .inst-mm-group a { display: block; padding: .38rem 0 !important; font: 500 1.05rem/1.35 var(--wp--preset--font-family--instrument, sans-serif) !important;
  color: #1d1d1f !important; text-decoration: none !important; }
nav[aria-label="Mobile Menu"] .inst-mm-group a[aria-current="page"] { color: #0066cc !important; font-weight: 650 !important; }
nav[aria-label="Mobile Menu"] .inst-mm-group a.inst-mm-cta-link { color: #0066cc !important; font-weight: 600 !important; }
nav[aria-label="Mobile Menu"] .inst-mm-group a.inst-mm-cta-link::after { content: " \2192"; }
nav[aria-label="Mobile Menu"] .inst-mm-end { display: flex !important; flex-wrap: wrap; align-items: center; gap: .75rem; padding-top: 1.4rem !important; }
nav[aria-label="Mobile Menu"] .inst-mm-demo { display: inline-flex; align-items: center; gap: .4em; padding: .8rem 1.35rem !important; border-radius: 999px; background: #0066cc;
  color: #fff !important; font: 600 1rem/1 var(--wp--preset--font-family--instrument, sans-serif) !important; text-decoration: none !important; }
nav[aria-label="Mobile Menu"] .inst-mm-search { display: inline-flex; align-items: center; gap: .45em; margin: 0; padding: .75rem 1.2rem; border: 1px solid rgba(29, 29, 31, .25);
  border-radius: 999px; background: transparent; color: #1d1d1f; font: 600 1rem/1 var(--wp--preset--font-family--instrument, sans-serif); cursor: pointer; }
nav[aria-label="Mobile Menu"] .inst-mm-search svg { width: 1.1em; height: 1.1em; }

/* Phones and tablets, every page (Verlin 2026-10-23): headlines that wrap get room between their lines (the newsroom
   articles, the Newsroom and Blog lists and the legal pages were set at 0.95-1.05). Desktop is unchanged. This file
   is on every English page, so the rule lives here with the phone menu. */
@media (max-width: 1024px) {
  main :is(h1, h2) { line-height: 1.14 !important; }
}