@media (max-width:760px){
  header{
    position:relative;
    display:flex;
    width:100%;
    height:208px;
    min-height:208px;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    gap:0;
    margin:0;
    padding:4px 8px 50px;
    overflow:hidden;
    background:#15273c;
  }
  header .identity{
    display:flex;
    width:100%;
    height:154px;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
  }
  header .approved-logo{
    display:block;
    width:min(92vw,350px);
    height:166px;
    object-fit:contain;
  }
  header nav{
    position:absolute;
    z-index:4;
    right:0;
    bottom:0;
    left:0;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr));
    grid-template-rows:42px;
    width:100%;
    height:50px;
    margin:0;
    padding:2px 6px 6px;
    gap:0;
    background:#15273c;
    box-shadow:none;
  }
  header nav a{
    display:flex;
    min-width:0;
    align-items:center;
    justify-content:center;
    padding:5px 1px;
    border:0;
    border-radius:0;
    color:#fff;
    font-size:clamp(8px,2.45vw,10px);
    font-weight:800;
    line-height:1.15;
    letter-spacing:0;
    text-align:center;
    text-decoration:underline;
    text-decoration-color:#6298eb;
    text-decoration-thickness:1px;
    text-underline-offset:8px;
    white-space:nowrap;
  }
  header nav a+a{border-left:0}
  header nav a:focus-visible{outline:3px solid #75b9ff;outline-offset:-3px}
  header+.hero,header+main,main{margin-top:0}
}


/* Mobile language space: approved September 15, 2026. */
@media (max-width:760px){
  header{
    height:264px;
    min-height:264px;
    padding:0 8px 50px;
  }
  header .identity{
    height:164px;
    margin-top:50px;
  }
  header .approved-logo{
    height:164px;
  }
}