/* Mobile landing access: keep sign-in and trial actions visible without changing the desktop header. */
@media (max-width: 520px) {
  body.ops-landing .publicnav {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: "brand menu" "actions actions" "nav nav";
    align-items: center;
    gap: 12px;
    padding: 12px 18px;
  }
  body.ops-landing .publicnav > .brand { grid-area: brand; min-width: 0; }
  body.ops-landing .publicnav > .lp-nav-toggle {
    grid-area: menu; justify-self: end; width: 40px; height: 40px; margin: 0; padding: 0; border-radius: 11px;
  }
  body.ops-landing .publicnav > nav {
    grid-area: nav; order: 0; width: 100%; justify-content: flex-start; gap: 18px; padding: 6px 0 2px;
  }
  body.ops-landing .publicnav > .public-account-actions {
    grid-area: actions; display: flex; width: 100%; justify-content: flex-end; flex-wrap: nowrap; gap: 9px;
  }
  body.ops-landing .public-account-actions > .ops-language-menu { display: none; }
  body.ops-landing .public-account-actions > a.public-sign-in {
    display: inline-flex !important; align-items: center; justify-content: center; min-height: 42px; box-sizing: border-box;
    padding: 9px 16px; border: 1px solid #bdcadd; border-radius: 10px; background: #fff; color: #203b6b;
    font-size: 12px; font-weight: 700; line-height: 1.25; text-decoration: none; white-space: nowrap;
  }
  body.ops-landing .public-account-actions > a.public-sign-in:active,
  body.ops-landing .public-account-actions > a.public-sign-in:focus-visible { background: #edf3fa; }
  body.ops-landing .public-account-actions > a.public-trial-cta {
    display: inline-flex; align-items: center; justify-content: center; min-height: 42px; box-sizing: border-box;
    padding: 9px 14px; border-radius: 10px; font-size: 12px; font-weight: 700; white-space: nowrap;
  }
}
@media (max-width: 360px) {
  body.ops-landing .publicnav { padding-inline: 14px; }
  body.ops-landing .publicnav .brand .wordmark { font-size: 19px; }
  body.ops-landing .public-account-actions > a.public-sign-in { padding-inline: 13px; }
  body.ops-landing .public-account-actions > a.public-trial-cta { padding-inline: 11px; font-size: 11px; }
}

/* V190: mobile landing header uses a single prominent Sign in action. Trial CTA stays available in the landing hero and desktop header. */
@media (max-width:520px){
  body.ops-landing .public-account-actions > a.public-trial-cta{display:none!important}
  body.ops-landing .public-account-actions > a.public-sign-in{flex:1 1 auto;min-height:48px;padding:12px 22px;border:0;border-radius:12px;background:#193f7c;color:#fff;box-shadow:0 5px 12px #193f7c2b;font-size:15px;font-weight:800}
  body.ops-landing .public-account-actions{justify-content:stretch;gap:0}
}

/* V191: compact mobile header sign-in beside the menu button; no second-row action bar. */
@media (max-width:520px){
  body.ops-landing .publicnav{
    grid-template-columns:minmax(0,1fr) auto auto;
    grid-template-areas:"brand actions menu" "nav nav nav";
    align-items:center;
  }
  body.ops-landing .publicnav > .public-account-actions{
    grid-area:actions; width:auto; justify-self:end; display:flex; gap:0;
  }
  body.ops-landing .public-account-actions > a.public-sign-in{
    flex:0 0 auto; min-height:38px; padding:9px 14px; border:1px solid #193f7c;
    border-radius:10px; background:#193f7c; color:#fff; box-shadow:none;
    font-size:12px; font-weight:800;
  }
  body.ops-landing .publicnav > .lp-nav-toggle{grid-area:menu;}
}
@media (max-width:360px){
  body.ops-landing .public-account-actions > a.public-sign-in{min-height:36px;padding:8px 11px;font-size:11px}
}