/*
 * Below 1200 px, for the pages without a mobile design (all but Home, which
 * has its own: Vazars Home v2 Mobile.dc.html). The designs' inline styles stay
 * as drawn; these rules override them by matching their style strings, after
 * Home Mobile's rules: the mobile nav and footer, one column, 20 px gutters,
 * 110 px between sections, headings at Home Mobile's sizes.
 */
.vz-mob-only{display:none}

@media (max-width:1199px){
  .vz-mob-only{display:block}
  .vz-desk nav:not([data-mobile-nav]),.vz-desk footer{display:none !important}

  /* Width and the hero under the 64 px mobile nav. */
  .vz-desk [style*="min-width:1200px"]{min-width:0 !important}
  .vz-desk [style*="margin-top:-72px"]{margin-top:-64px !important}

  /* Section rhythm and gutters. */
  .vz-desk [style*="padding:200px 32px 0"]{padding:140px 20px 0 !important}
  .vz-desk [style*="padding:180px 32px 72px"]{padding:132px 20px 48px !important}
  .vz-desk [style*="padding:170px 32px 0"],.vz-desk [style*="padding:150px 32px 0"]{padding:110px 20px 0 !important}
  .vz-desk [style*="padding:170px 32px 190px"]{padding:110px 20px 120px !important}
  .vz-desk [style*="padding:120px 32px 0"]{padding:80px 20px 0 !important}
  .vz-desk [style*="padding:60px 32px 0"],.vz-desk [style*="padding:40px 32px 0"]{padding:40px 20px 0 !important}
  .vz-desk [style*="padding:24px 32px 120px"]{padding:24px 20px 80px !important}
  .vz-desk [style*="padding:64px 32px 96px"]{padding:32px 16px 64px !important}
  .vz-desk [style*="margin-top:170px"]{margin-top:110px !important}
  .vz-desk [style*="padding-bottom:170px"]{padding-bottom:110px !important}
  .vz-desk [style*="padding:64px;"],.vz-desk [style*="padding:48px;"],.vz-desk [style*="padding:44px;"],.vz-desk [style*="padding:40px;"],
  .vz-desk [style*="padding:56px 64px"],.vz-desk [style*="padding:48px 56px"],.vz-desk [style*="padding:96px 88px"],.vz-desk [style*="padding:64px 72px"]{padding:24px 20px !important}
  .vz-desk [style*="padding:36px 34px"],.vz-desk [style*="padding:44px 34px"]{padding:26px 22px !important}
  .vz-desk [style*="padding:8px 40px"],.vz-desk [style*="padding:8px 36px"],.vz-desk [style*="padding:6px 26px"]{padding:4px 20px !important}
  .vz-desk [style*="margin-top:88px"],.vz-desk [style*="margin-top:80px"],.vz-desk [style*="margin-top:72px"]{margin-top:40px !important}
  .vz-desk [style*="margin-top:56px"]{margin-top:32px !important}

  /* Headings, at Home Mobile's sizes. */
  .vz-desk [style*="font-size:96px"],.vz-desk [style*="font-size:88px"],.vz-desk [style*="font-size:80px"]{font-size:46px !important;line-height:1 !important}
  .vz-desk [style*="font-size:64px"],.vz-desk [style*="font-size:62px"],.vz-desk [style*="font-size:60px"],.vz-desk [style*="font-size:56px"]{font-size:36px !important}
  .vz-desk [style*="font-size:52px"],.vz-desk [style*="font-size:48px"],.vz-desk [style*="font-size:44px"],.vz-desk [style*="font-size:40px"]{font-size:32px !important}
  .vz-desk [style*="font-size:19px"]{font-size:17px !important}

  /* Layout grids collapse to one column; small component grids stay. */
  .vz-desk [style*="grid-template-columns:repeat(3,minmax(0,1fr))"],
  .vz-desk [style*="grid-template-columns:repeat(4,minmax(0,1fr))"],
  .vz-desk [style*="grid-template-columns:repeat(2,minmax(0,1fr))"],
  .vz-desk [style*="grid-template-columns:minmax(0,1fr) minmax(0,1fr)"],
  .vz-desk [style*="grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)"],
  .vz-desk [style*="grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)"],
  .vz-desk [style*="grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)"],
  .vz-desk [style*="grid-template-columns:minmax(0,1fr) 620px"],
  .vz-desk [style*="grid-template-columns:minmax(0,1fr) 480px"],
  .vz-desk [style*="grid-template-columns:minmax(0,1fr) auto"],
  .vz-desk [style*="grid-template-columns:minmax(0,2fr) minmax(0,2fr) auto"],
  .vz-desk [style*="grid-template-columns:1fr 1fr"]{grid-template-columns:minmax(0,1fr) !important;gap:16px !important}
  .vz-desk [style*="grid-template-columns:200px minmax(0,1fr)"]{grid-template-columns:minmax(0,1fr) !important;justify-items:center;gap:24px !important}
  .vz-desk [style*="grid-template-columns:200px minmax(0,1fr)"] > div:last-child{justify-self:stretch}
  .vz-desk [style*="grid-column:span"]{grid-column:auto !important}
  /* Dividers between columns become dividers between rows. */
  .vz-desk [style*="border-left:1px solid"]{border-left:0 !important}

  /* Careers: a role's title over its team and place, the + on the right. */
  .vz-desk [style*="grid-template-columns:minmax(0,2fr) 1fr 1fr 40px"]{grid-template-columns:minmax(0,1fr) 40px !important;gap:4px 16px !important}
  .vz-desk [style*="grid-template-columns:minmax(0,2fr) 1fr 1fr 40px"] > span:nth-child(2),
  .vz-desk [style*="grid-template-columns:minmax(0,2fr) 1fr 1fr 40px"] > span:nth-child(3){grid-column:1}
  .vz-desk [style*="grid-template-columns:minmax(0,2fr) 1fr 1fr 40px"] > span:nth-child(4){grid-column:2;grid-row:1 / span 3}

  /* Pricing: the comparison table scrolls sideways; the orbit is drawn smaller. */
  .vz-desk div:has(> [style*="grid-template-columns:1.6fr repeat(3,1fr)"]){overflow-x:auto !important}
  .vz-desk [style*="grid-template-columns:1.6fr repeat(3,1fr)"]{min-width:560px;padding:16px 20px !important}
  .vz-desk [style*="height:580px;border-radius:28px"]{height:360px !important}
  .vz-desk [style*="height:580px;border-radius:28px"] > *:not([style*="bottom:18px"]){zoom:.62}

  /* Rows that would run off the side scroll instead (category bar, team filter). */
  .vz-desk [style*="justify-content:center;gap:36px"]{justify-content:flex-start !important;overflow-x:auto;scrollbar-width:none;gap:24px !important}
  .vz-desk [style*="display:flex;gap:2px;padding:4px;border-radius:999px"]{max-width:100%;overflow-x:auto;scrollbar-width:none}
  .vz-desk [style*="display:flex;justify-content:space-between;align-items:flex-end"]{flex-direction:column;align-items:flex-start !important}
  .vz-desk [style*="display:flex;justify-content:center;gap:12px"]{flex-wrap:wrap}
  .vz-desk aside[style*="position:sticky"]{position:static !important}
}