/* Full-screen mobile navigation adapted to the PCAA visual system. */
@media(max-width:1140px){
  body.menu-open{overflow:hidden!important}
  #site-header .header-actions{position:relative;z-index:130}
  #site-header .brand{position:relative;z-index:130}
  #site-header .mobile-toggle,#header .menu-button{min-width:44px;width:44px;height:44px;border:1px solid #f4eadc8c;border-radius:50%;background:#073d30;display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer;transition:background .2s ease,transform .15s ease}
  #site-header .mobile-toggle:hover,#header .menu-button:hover{background:#175c46}
  #site-header .mobile-toggle:active,#header .menu-button:active{transform:scale(.96)}
  #site-header .mobile-toggle:focus-visible,#header .menu-button:focus-visible{outline:3px solid #e5c68a;outline-offset:4px}
  #site-header .mobile-toggle span,#header .menu-button span{display:block;width:19px;height:2px;border-radius:2px;background:#f6f2e7;transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .2s ease}
  #site-header .mobile-toggle[aria-expanded="true"] span:first-child{transform:translateY(7px) rotate(45deg)}
  #site-header .mobile-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
  #site-header .mobile-toggle[aria-expanded="true"] span:last-child{transform:translateY(-7px) rotate(-45deg)}
  #header .menu-button[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}
  #header .menu-button[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
  #menu-overlay,#site-header .mobile-menu{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;max-height:none!important;z-index:120!important;overflow-y:auto!important;overscroll-behavior:contain;background:#082c24!important;color:#f8f2e7!important;visibility:hidden;opacity:0;transform:translateY(-2%) scale(.985);transition:opacity .32s cubic-bezier(.22,1,.36,1),transform .45s cubic-bezier(.22,1,.36,1),visibility 0s linear .45s!important;display:block!important;pointer-events:none}
  #menu-overlay.open,#site-header .mobile-menu.visible{visibility:visible;opacity:1;transform:none;transition:opacity .32s cubic-bezier(.22,1,.36,1),transform .45s cubic-bezier(.22,1,.36,1),visibility 0s!important;pointer-events:auto}
  #menu-overlay.menu-overlay,body[data-page] #site-header .mobile-menu{background:#082c24!important}
  #menu-overlay::before,#site-header .mobile-menu::before{content:"";position:fixed;right:-23vw;top:18vh;width:75vw;height:75vw;max-width:550px;max-height:550px;border:1px solid #e2c69136;border-radius:50%;pointer-events:none}
  #menu-overlay::after,#site-header .mobile-menu::after{content:"中 · 巴";position:fixed;right:4vw;bottom:2vh;font:clamp(80px,19vw,180px)/1 Georgia,serif;letter-spacing:-.08em;color:#f5dfaa10;pointer-events:none}
  #menu-overlay .menu-inside{width:min(100%,660px);min-height:100%;height:auto;margin:0;padding:clamp(105px,14vh,140px) clamp(22px,7vw,54px) 36px;display:block;overflow:visible}
  #menu-overlay .menu-heading{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid #f4e9d935;font:600 10px/1.5 Manrope,sans-serif;letter-spacing:.14em;color:#e5c68a}
  #menu-overlay .menu-heading span{color:#c9d8ce}
  #menu-overlay .menu-grid{display:block}
  #menu-overlay .menu-primary,#menu-overlay .menu-secondary{display:flex;align-items:stretch;gap:0}
  #menu-overlay .menu-primary{counter-reset:pcaa-link}
  #menu-overlay.menu-overlay .menu-primary a{font:400 clamp(27px,7vw,43px)/1.15 Georgia,serif!important;letter-spacing:-.035em;padding:9px 0!important;color:#f8f2e7;border-bottom:1px solid #f4e9d922;transform:none!important;transition:color .18s ease,padding-left .25s ease}
  #menu-overlay .menu-primary a::before{counter-increment:pcaa-link;content:counter(pcaa-link,decimal-leading-zero);display:inline-block;width:37px;vertical-align:middle;font:600 10px Manrope,sans-serif;letter-spacing:.05em;color:#e3c98e}
  #menu-overlay .menu-secondary{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;margin-top:24px}
  #menu-overlay.menu-overlay .menu-secondary a{font:600 12px/1.4 Manrope,sans-serif!important;letter-spacing:0;padding:10px 0!important;color:#d9e7de;border-bottom:1px solid #f4e9d922;transform:none!important;white-space:normal}
  #menu-overlay .menu-primary a:hover,#menu-overlay .menu-secondary a:hover,#site-header .mobile-menu a:hover{color:#f3c980!important;padding-left:8px}
  #menu-overlay a:focus-visible,#site-header .mobile-menu a:focus-visible{outline:2px solid #e5c68a;outline-offset:2px;color:#f3c980!important}
  #menu-overlay .menu-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:30px;font-size:9px;line-height:1.6;color:#b9d4c7}
  #site-header .mobile-menu{left:0!important;right:0!important;top:0!important;padding:clamp(105px,14vh,140px) clamp(22px,7vw,54px) 35px!important;box-shadow:none!important;grid-template-columns:none!important}
  #site-header .mobile-menu a{display:block;max-width:660px;margin-inline:auto;padding:10px 0;border-bottom:1px solid #f4e9d922;color:#f8f2e7!important;font:400 clamp(24px,5vw,37px)/1.18 Georgia,serif;letter-spacing:-.03em;transition:color .18s ease,padding-left .25s ease}
  #site-header .mobile-menu a[aria-current="page"],#menu-overlay a[aria-current="page"]{color:#e5c68a!important}
}
@media(max-width:390px){#menu-overlay .menu-secondary{grid-template-columns:1fr 1fr;gap:0 10px}#menu-overlay .menu-secondary a{font-size:11px}#menu-overlay .menu-bottom{display:block}}
@media(prefers-reduced-motion:reduce){#menu-overlay,#site-header .mobile-menu,#menu-overlay a,#site-header .mobile-menu a,#site-header .mobile-toggle span,#header .menu-button span{transition:none!important}}
@media(max-width:1140px){
  #site-header .mobile-menu{counter-reset:pcaa-inner-link}
  body[data-page] #site-header .mobile-menu a{display:flex!important;align-items:center;gap:18px;font:400 clamp(23px,5.7vw,30px)/1.18 Georgia,serif!important;padding:10px 0!important;min-height:48px;white-space:normal}
  body[data-page] #site-header .mobile-menu a::before{counter-increment:pcaa-inner-link;content:counter(pcaa-inner-link,decimal-leading-zero);flex:0 0 25px;font:600 10px Manrope,sans-serif;color:#e3c98e}
}
@media(max-width:640px){
  #site-header.site-header{height:80px!important;min-height:80px!important;padding:10px 12px!important;gap:8px!important;justify-content:space-between}
  #site-header.site-header .brand.pcaa-header-brand{width:48px!important;height:56px!important;min-width:0!important;flex:0 0 48px!important;margin:0!important}
  #site-header.site-header .brand.pcaa-header-brand img.pcaa-header-logo{width:48px!important;height:56px!important;min-width:0!important;max-width:48px!important;max-height:56px!important;object-fit:contain!important;transform:none!important;position:static!important}
  #site-header.site-header .header-actions{gap:6px!important;margin:0!important;min-width:0}
  #site-header.site-header .pcaa-top-join{padding:8px!important;font-size:9px!important;letter-spacing:0!important}
  #site-header.site-header .mobile-toggle{flex:0 0 44px;width:44px;height:44px}
}
