.site-nav-button{
  position:fixed;left:max(12px,env(safe-area-inset-left));top:max(12px,env(safe-area-inset-top));
  z-index:80;width:44px;height:44px;border:1px solid rgba(120,110,100,.22);border-radius:15px;
  background:rgba(255,253,248,.92);color:#6d5bd0;box-shadow:0 8px 24px rgba(49,43,36,.12);
  display:grid;place-items:center;font-size:1.25rem;font-weight:900;cursor:pointer;backdrop-filter:blur(12px)
}
.site-nav-button:focus-visible,.site-drawer a:focus-visible,.site-drawer-close:focus-visible{
  outline:3px solid rgba(109,91,208,.35);outline-offset:2px
}
.site-drawer-overlay{
  position:fixed;inset:0;z-index:88;background:rgba(39,35,31,.28);opacity:0;pointer-events:none;
  transition:opacity .2s ease;backdrop-filter:blur(2px)
}
.site-drawer{
  position:fixed;left:0;top:0;bottom:0;z-index:89;width:min(340px,88vw);
  transform:translateX(-104%);transition:transform .22s ease;
  background:#fffdf8;color:#27231f;border-right:1px solid #ddd7ce;box-shadow:18px 0 46px rgba(49,43,36,.14);
  padding:calc(18px + env(safe-area-inset-top)) 16px calc(20px + env(safe-area-inset-bottom));
  overflow:auto;overscroll-behavior:contain
}
html.site-drawer-open{overflow:hidden}
html.site-drawer-open .site-drawer-overlay{opacity:1;pointer-events:auto}
html.site-drawer-open .site-drawer{transform:translateX(0)}
.site-drawer-head{display:flex;align-items:center;gap:10px;padding:2px 4px 14px;border-bottom:1px solid #e7e1d8}
.site-drawer-brand{flex:1}.site-drawer-brand strong{display:block;font-size:1.05rem}.site-drawer-brand small{display:block;color:#6f6962;font-size:.72rem}
.site-drawer-close{appearance:none;border:1px solid #ddd7ce;background:#fff;border-radius:999px;width:38px;height:38px;cursor:pointer;font-size:1.1rem}
.site-drawer-nav{display:grid;gap:7px;padding:14px 0}
.site-drawer a{display:flex;align-items:center;gap:11px;text-decoration:none;border:1px solid transparent;border-radius:14px;padding:11px 12px;font-weight:850}
.site-drawer a:hover{background:#f7f4ff;border-color:#d9d1f4}
.site-drawer a[aria-current="page"]{background:#eeeafd;color:#5b49c4;border-color:#cfc7ee}
.site-drawer-icon{width:26px;text-align:center;font-size:1.05rem}
.site-drawer-note{margin:10px 2px 0;padding:12px;border-radius:14px;background:#f7f5ef;color:#6f6962;font-size:.76rem;line-height:1.5}
.site-swipe-hint{display:none}
@media(max-width:700px){
  .site-swipe-hint{display:block;margin-top:10px;color:#7a746d;font-size:.68rem;text-align:center}
}
@media(prefers-reduced-motion:reduce){
  .site-drawer,.site-drawer-overlay{transition:none}
}