.mobile-menu{display:none}
@media(max-width:1000px){
  .site-header .masthead{position:relative;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px}
  .masthead .desktop-navigation{display:none}
  .masthead .brand{flex:none;white-space:nowrap}
  .mobile-menu{display:block;flex:none}
  .mobile-menu summary{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:8px 12px;border:1px solid var(--ink);list-style:none;cursor:pointer;font-size:15px;font-weight:500;line-height:1.2;white-space:nowrap;background:var(--paper)}
  .mobile-menu summary::-webkit-details-marker{display:none}
  .mobile-menu summary::marker{content:''}
  .mobile-menu summary:focus-visible{outline:3px solid var(--ink);outline-offset:4px}
  .mobile-menu summary svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:square}
  .mobile-menu .menu-close{display:none}
  .mobile-menu[open] .menu-open{display:none}
  .mobile-menu[open] .menu-close{display:initial}
  .masthead .mobile-menu nav{position:absolute;top:100%;left:0;right:0;z-index:35;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:8px 20px 16px;background:var(--paper);border-bottom:1px solid var(--ink);box-shadow:0 8px 12px rgb(20 24 31 / .08)}
  .masthead .mobile-menu:not([open]) nav{display:none}
  .masthead .mobile-menu nav a{display:flex;align-items:center;min-height:48px;padding:10px 4px;border-bottom:1px solid #e0e2e5;font-size:18px;line-height:1.3;white-space:normal}
  .masthead .mobile-menu nav a:last-child{border-bottom:0}
  .masthead .mobile-menu nav a:hover{background:#f6f7f8;text-decoration:none}
}
@media(max-width:360px){.site-header .masthead{padding-inline:16px;gap:8px}.masthead .brand{gap:8px;font-size:22px}.mobile-menu summary{padding-inline:10px;gap:7px}}