@media (max-width:768px){.site-navigation{position:fixed;top:15px;right:15px;z-index:9999;pointer-events:none}.site-navigation::before{content:"☰";display:block;font-size:28px;color:#333;background:#fff;padding:8px 12px;border-radius:4px;box-shadow:0 2px 8px rgb(0 0 0 / .15);cursor:pointer;text-align:center;pointer-events:auto}.menu{position:fixed;top:0;right:-280px;width:260px;height:100vh;background:#fff;box-shadow:-5px 0 15px rgb(0 0 0 / .1);flex-direction:column;gap:0;padding:60px 20px 20px 20px;box-sizing:border-box;transition:right 0.3s ease-in-out;pointer-events:auto;overflow-y:auto}.site-navigation:hover .menu,.site-navigation:focus-within .menu{right:0}.site-navigation:hover::before{content:"✕";position:fixed;top:15px;right:20px;z-index:10000;background:#fff0;box-shadow:none;color:#000}.menu .menu-item a{padding:15px 0;border-bottom:1px solid #eee;font-size:18px}.sub-menu{position:static;display:block;max-height:0;overflow:hidden;box-shadow:none;background:#f9f9f9;padding-left:15px;transition:max-height 0.3s ease-in-out}.sub-menu .menu-item a{font-size:16px;padding:10px 0;border-bottom:none}.menu-item-has-children:hover .sub-menu,.menu-item-has-children:focus-within .sub-menu{max-height:200px}}