/* Shared navigation: hover disclosures on desktop, tap disclosures on mobile. */
html{scroll-padding-top:110px}
.site-header{position:sticky;top:0;z-index:20;background:#090b0aeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid #ffffff0c}
.site-header .header{height:88px;border-bottom:0;gap:26px}
.main-navigation{display:flex;align-items:center;gap:25px;color:#a2ada4;font-size:12px}
.main-navigation[hidden],.nav-panel[hidden]{display:none!important}
.nav-group{position:relative}
.nav-trigger,.nav-direct{display:flex;align-items:center;gap:9px;padding:20px 0;white-space:nowrap;transition:color .18s}
.nav-trigger{font-size:inherit;color:inherit}
.nav-trigger:hover,.nav-trigger[aria-expanded=true],.nav-direct:hover{color:#d4efc6}
.nav-chevron{width:5px;height:5px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s}
.nav-trigger[aria-expanded=true] .nav-chevron{transform:translateY(1px) rotate(225deg)}
.nav-panel{position:absolute;left:-24px;top:100%;width:322px;padding:13px;border:1px solid #a6c28e30;border-radius:15px;background:linear-gradient(145deg,#192019,#101510 90%);box-shadow:0 20px 60px #0008,inset 0 1px #ffffff04;animation:nav-reveal .18s ease-out;transform-origin:top}
.nav-panel:before{content:'';position:absolute;left:0;right:0;top:-10px;height:10px}
.nav-panel-label{font-size:10px;letter-spacing:.08em;color:#80917a;padding:8px 11px 13px}
.nav-item{display:flex;align-items:center;gap:13px;width:100%;padding:14px 11px;text-align:left;border-radius:9px;transition:background .18s}
.nav-item:hover,.nav-item:focus-visible{background:#b0ed8d0c}
.nav-item:focus-visible{outline-offset:-2px}
.nav-item-icon{display:grid;place-items:center;flex:0 0 33px;height:35px;border:1px solid #a2c08820;border-radius:9px;background:#b0ed8d05;font-size:22px;font-weight:300;color:#b3d7a0}
.nav-item-icon.sakura-icon{color:#d7b6c4;background:#d7b6c408;border-color:#d7b6c420;font-size:25px}
.nav-item>span:last-child{min-width:0}
.nav-item strong{display:flex;align-items:center;gap:9px;color:#dce5d7;font-weight:500;font-size:13px;line-height:1.5}
.nav-description{display:block;color:#8c9a85;font-size:10px;line-height:1.7;margin-top:4px}
.nav-status{display:inline-block;padding:1px 5px;border:1px solid #b2c4a722;border-radius:4px;color:#9aab91;font-size:8px;font-weight:400;white-space:nowrap}
.nav-status.live{color:#b9e7a1;border-color:#b0ed8d35}
.nav-panel-footer{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding:15px 11px 5px;border-top:1px solid #a5c38b18;color:#a8bc9a;font-size:11px;transition:color .18s}
.nav-panel-footer:hover{color:#d4efc6}
.nav-panel-footer>span{font-size:16px}
.nav-toggle{display:none}
@keyframes nav-reveal{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:901px) and (max-width:1100px){.main-navigation{gap:19px}.site-header .header{gap:20px}.header-entry{gap:13px}}
@media(max-width:900px){
  html{scroll-padding-top:98px}
  .site-header .header{height:76px;gap:20px}
  .site-header .brand{margin-right:auto}
  .nav-toggle{display:flex;align-items:center;justify-content:center;gap:10px;order:3;height:42px;padding:0 0 0 13px;font-size:12px;color:#bfcab9}
  .nav-toggle-icon{display:flex;flex-direction:column;justify-content:center;gap:5px;width:16px;height:20px}
  .nav-toggle-icon i{display:block;height:1px;width:16px;background:currentColor;transition:transform .2s}
  .nav-toggle[aria-expanded=true] i:first-child{transform:translateY(3px) rotate(45deg)}
  .nav-toggle[aria-expanded=true] i:last-child{transform:translateY(-3px) rotate(-45deg)}
  .main-navigation{position:absolute;left:0;right:0;top:calc(100% + 8px);display:none;padding:13px 19px 17px;border:1px solid #a6c28e30;border-radius:14px;background:#111711;box-shadow:0 20px 55px #0009;max-height:calc(100svh - 100px);overflow-y:auto;overscroll-behavior:contain;animation:nav-reveal .18s ease-out;font-size:13px}
  .main-navigation[data-mobile-open]{display:block}
  .nav-trigger,.nav-direct{width:100%;justify-content:space-between;padding:17px 3px;border-bottom:1px solid #a5c38b14}
  .nav-direct:last-child{border-bottom:0;padding-bottom:6px}
  .nav-chevron{margin-right:4px}
  .nav-panel{position:static;width:100%;padding:5px 0 13px;border:0;border-bottom:1px solid #a5c38b14;border-radius:0;background:none;box-shadow:none;animation:nav-reveal .16s ease-out}
  .nav-panel:before{display:none}
  .nav-panel-label{padding:13px 3px 6px;font-size:9px}
  .nav-item{padding:13px 3px;gap:11px}
  .nav-description{font-size:10px}
  .nav-panel-footer{padding:13px 3px 0;margin-top:5px;border:0}
}
@media(max-width:400px){.site-header .header{gap:10px}.nav-toggle{padding-left:8px;gap:7px;font-size:11px}.site-header .header-entry{font-size:10px;gap:7px}.main-navigation{padding-inline:14px}.nav-item-icon{flex-basis:29px;height:32px}.nav-item strong{font-size:12px;gap:7px}.nav-description{font-size:9px}}
@media(prefers-reduced-motion:reduce){.nav-panel,.main-navigation{animation:none}}