.wte-mobile-nav{position:fixed;inset:0;z-index:var(--wte-z-modal);pointer-events:none;visibility:hidden;transition:visibility var(--wte-transition-base)}.wte-mobile-nav.is-open{pointer-events:auto;visibility:visible}.wte-mobile-nav__overlay{position:absolute;inset:0;background-color:#fff0;transition:background-color var(--wte-transition-base)}.wte-mobile-nav.is-open .wte-mobile-nav__overlay{background-color:rgb(0 0 0 / .5)}.wte-mobile-nav__panel{position:absolute;top:0;right:0;width:min(320px, 85vw);height:100%;background-color:var(--wte-color-bg-white);transform:translateX(100%);transition:transform var(--wte-transition-base);overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column}.wte-mobile-nav.is-open .wte-mobile-nav__panel{transform:translateX(0)}.wte-mobile-nav__header{display:flex;align-items:center;justify-content:space-between;padding:var(--wte-space-lg);border-bottom:1px solid var(--wte-color-border-light);flex-shrink:0}.wte-mobile-nav__brand{font-size:var(--wte-font-size-md);font-weight:var(--wte-font-weight-bold);color:var(--wte-color-main);display:flex;align-items:center;flex:1;min-width:0}.wte-mobile-nav__logo{max-height:30px;width:auto;max-width:100%;display:block;object-fit:contain}.wte-mobile-nav__site-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wte-mobile-nav__close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:none;color:var(--wte-color-text-muted);cursor:pointer;border-radius:var(--wte-radius-md);transition:background-color var(--wte-transition-fast),color var(--wte-transition-fast);flex-shrink:0;margin-left:var(--wte-space-md)}.wte-mobile-nav__close:hover{background-color:var(--wte-color-bg-alt);color:var(--wte-color-text)}.wte-mobile-nav__body{padding:var(--wte-space-md) 0;flex:1}.wte-mobile-nav__list{list-style:none}.wte-mobile-nav__list li{border-bottom:1px solid var(--wte-color-border-light)}.wte-mobile-nav__link{display:block;padding:var(--wte-space-md) var(--wte-space-lg);font-size:var(--wte-font-size-sm);font-weight:var(--wte-font-weight-medium);color:var(--wte-color-text);transition:background-color var(--wte-transition-fast),color var(--wte-transition-fast)}.wte-mobile-nav__link:hover{background-color:var(--wte-color-bg-alt);color:var(--wte-color-link)}.wte-mobile-nav__list .sub-menu{list-style:none;padding-left:var(--wte-space-lg)}.wte-mobile-nav__list .sub-menu .wte-mobile-nav__link{font-size:var(--wte-font-size-xs);color:var(--wte-color-text-light)}.wte-mobile-nav__sns{display:flex;flex-wrap:wrap;gap:var(--wte-space-xs);padding:var(--wte-space-lg);border-top:1px solid var(--wte-color-border-light);flex-shrink:0}.wte-mobile-nav__sns-link{display:inline-flex;align-items:center;padding:var(--wte-space-2xs) var(--wte-space-sm);font-size:var(--wte-font-size-xs);color:var(--wte-color-text-muted);border:1px solid var(--wte-color-border);border-radius:var(--wte-radius-full);transition:color var(--wte-transition-fast),border-color var(--wte-transition-fast)}.wte-mobile-nav__sns-link:hover{color:var(--wte-color-link);border-color:var(--wte-color-link)}