/* Shared responsive navigation for the homepage and inner pages. */
.mobile-menu{display:none}
@media(max-width:820px){
  html{scroll-padding-top:64px}
  main>section+section{margin-top:0}
  .site-header .nav{
    grid-template-columns:auto auto 1fr;
    gap:10px;
    padding:0 18px;
  }
  .site-header .mobile-menu{display:block;position:relative;justify-self:center;z-index:120}
  .mobile-menu summary{display:grid;place-items:center;width:38px;height:38px;border:1px solid #dbe4f0;border-radius:10px;background:#fff;cursor:pointer;list-style:none}
  .mobile-menu summary:focus-visible{outline:3px solid rgba(21,94,239,.32);outline-offset:2px}
  .mobile-menu summary::-webkit-details-marker{display:none}
  .mobile-menu summary:before{content:"";width:17px;height:12px;border-block:2px solid #25344c;background:linear-gradient(#25344c,#25344c) center/100% 2px no-repeat}
  .mobile-menu[open] summary:before{width:16px;height:16px;border:0;background:linear-gradient(45deg,transparent 46%,#25344c 47%,#25344c 53%,transparent 54%),linear-gradient(-45deg,transparent 46%,#25344c 47%,#25344c 53%,transparent 54%)}
  .mobile-menu-panel{position:absolute;top:calc(100% + 10px);left:0;width:min(280px,calc(100vw - 28px));padding:10px;border:1px solid #e2e9f2;border-radius:14px;background:#fff;box-shadow:0 18px 44px rgba(20,39,68,.16)}
  .mobile-menu-panel a{display:flex;align-items:center;min-height:44px;padding:0 12px;border-radius:9px;color:#24334a;font-size:14px;font-weight:650}
  .mobile-menu-panel a:hover,.mobile-menu-panel a:focus-visible{background:#f1f6ff;color:#155eef}
  .site-header .nav-actions{justify-self:end}
}
@media(max-width:560px){
  .site-header .nav{padding:0 14px}
  .site-header .brand{width:84px}
  .site-header .brand img{width:75px;max-width:75px}
  .site-header .header-cta{padding:8px 10px;font-size:10px}
}
@media(max-width:420px){
  .site-header .nav{padding:0 12px;gap:7px}
  .site-header .brand{width:76px}
  .site-header .brand img{width:70px;max-width:70px}
  .site-header .header-cta{padding:8px 9px;font-size:10px}
  .site-header .mobile-menu summary{width:36px;height:36px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{transition:none!important;animation:none!important}
}