.menu-layer{position:fixed;inset:0;z-index:100}
.menu-layer[hidden]{display:none}
.menu-backdrop{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:rgba(0,0,0,.52);cursor:pointer}
.site-menu{position:absolute;top:0;bottom:0;left:50%;width:min(86vw,360px);transform:translateX(-360px);margin-left:calc(var(--content-max) / -2);background:var(--color-white);color:var(--color-text);overflow:auto;box-shadow:6px 0 20px rgba(0,0,0,.18);transition:transform .2s ease}
.menu-layer.is-open .site-menu{transform:translateX(0)}
.site-menu__header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;min-height:62px;padding:8px 10px 8px 16px;background:var(--color-black);color:var(--color-white);border-bottom:1px solid #222}
.site-menu__title{font-size:18px}
.site-menu__icon{width:22px;height:22px}
.site-menu__nav{padding:6px 0 24px}
.site-menu__item{display:flex;align-items:center;gap:13px;min-height:50px;padding:10px 16px;color:var(--color-text);border-bottom:1px solid var(--color-divider);font-weight:650}
.site-menu__item:hover{background:#f7f7f7;text-decoration:none}
.site-menu__item-icon{width:28px;display:grid;place-items:center;color:#333}
@media (max-width:720px){.site-menu{left:0;margin-left:0;transform:translateX(-100%)}}
@media (max-width:430px){.site-menu{width:min(88vw,340px)}.site-menu__item{padding-inline:14px}}
@media (max-width:390px){.site-menu{width:min(90vw,326px)}.site-menu__header{min-height:58px}.site-menu__item{min-height:48px;padding-inline:12px}}
@media (prefers-reduced-motion:reduce){.site-menu{transition:none}}