/* Phone and tablet navigation. Kept separate to avoid stale desktop menu rules. */
@media (max-width:900px) {
  .header .menu {
    display:none;
    position:absolute;
    top:100%;left:0;right:0;
    width:100%;max-height:calc(100dvh - 76px);
    overflow-y:auto;overscroll-behavior:contain;
    background:#12212c;
    padding:14px 20px 28px;
    box-shadow:0 20px 40px #0005;
  }
  .header .menu.open { display:flex;flex-direction:column;align-items:stretch;gap:0 }
  .header .menu>.nav-primary,
  .header .menu .nav-trigger {
    display:flex;width:100%;align-items:center;justify-content:space-between;
    gap:12px;background:transparent;color:#eef3f1;border:0;
    border-bottom:1px solid #344651;border-radius:0;
    padding:17px 5px;text-align:left;text-decoration:none;
    font:700 15px/1.3 'DM Sans',sans-serif;box-shadow:none;cursor:pointer;
  }
  .header .menu .nav-group { display:block;width:100%;min-width:0 }
  .header .menu .nav-group:not(.open)>.mega-panel { display:none!important }
  .header .menu .nav-group.open>.mega-panel {
    display:block!important;position:static;left:auto;right:auto;top:auto;
    transform:none;width:100%;max-width:100%;min-width:0;
    margin:0 0 8px;padding:8px;background:#f5f8f6;
    color:#182631;border:0;box-shadow:none;
  }
  .header .menu .mega-intro { display:block;min-height:0;padding:18px;background:#162733;color:#fff }
  .header .menu .mega-intro strong,.header .menu .mega-intro p { display:block }
  .header .menu .mega-links {
    display:grid;grid-template-columns:minmax(0,1fr);gap:0;min-width:0;padding:4px 0;
  }
  .header .menu .mega-links>a {
    display:flex!important;align-items:flex-start;gap:12px;
    width:100%;min-width:0;padding:13px 9px!important;
    color:#25363e!important;background:transparent;
    border-bottom:1px solid #dce6e1!important;text-decoration:none;white-space:normal;
  }
  .header .menu .mega-links>a>span { display:block;min-width:0 }
  .header .menu .mega-links strong,.header .menu .mega-links small {
    display:block;white-space:normal;overflow-wrap:anywhere;
  }
  .header .menu .mega-links strong { font:800 14px/1.3 'DM Sans',sans-serif }
  .header .menu .mega-links small { font:400 13px/1.4 'Source Sans 3',sans-serif;margin-top:4px }
  .header .menu .mega-spotlight {
    display:flex!important;flex-direction:column;align-items:flex-start;
    width:calc(100% - 4px);min-width:0;margin:10px 2px 2px;
    padding:20px!important;color:white!important;
    white-space:normal;overflow-wrap:anywhere;
  }
  .header .menu .mega-policy {
    display:block;border-left:0;border-top:1px solid #d8e1de;
    padding:15px 7px 3px;margin:4px 0;
  }
  .header .menu .mega-policy a {
    display:block!important;padding:10px 2px!important;
    border-bottom:1px solid #d8e1de!important;color:#43575d!important;
  }
  .header .menu>.nav-cta {
    display:flex!important;justify-content:center;margin:16px 0 0;padding:15px!important;
  }
}
@media (max-width:700px) {
  .header .menu { max-height:calc(100dvh - 70px);padding-inline:18px }
}
@media (max-width:420px) {
  .header .menu { padding-inline:15px }
}
