.scroll-nav[hidden]{display:none!important}
.scroll-nav{position:fixed;top:100px;left:0;width:300px;max-width:100vw;z-index:40;transform:translateX(-260px);transition:transform .25s ease;color:#111}
.scroll-nav.is-open{transform:translateX(0)}
.scroll-nav-panel{width:260px;padding:32px 20px;background:rgba(34,194,212,.94);box-shadow:2px 3px 10px #0002;visibility:hidden}
.scroll-nav.is-open .scroll-nav-panel{visibility:visible}
.scroll-nav-links{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;list-style:none;padding:0;margin:0}
.scroll-nav-links a{display:flex;justify-content:center;align-items:center;min-height:44px;border-radius:3px}
.scroll-nav-links img{display:block;width:36px;height:36px;object-fit:contain}
.scroll-nav a:focus-visible,.scroll-nav button:focus-visible,.scroll-nav input:focus-visible{outline:3px solid #222;outline-offset:2px}
.scroll-nav-toggle{position:absolute;left:260px;top:0;width:40px;height:100%;min-height:120px;border:0;background:rgba(34,194,212,.85);cursor:pointer}
.scroll-nav-toggle::after{content:'';position:absolute;left:9px;top:50%;width:17px;height:17px;border-top:3px solid #111;border-right:3px solid #111;transform:translateY(-50%) rotate(45deg)}
.scroll-nav.is-open .scroll-nav-toggle::after{left:15px;transform:translateY(-50%) rotate(-135deg)}
.scroll-nav-search{display:flex;margin-top:20px;gap:5px;align-items:stretch}
.scroll-nav-search input{min-width:0;width:100%;height:36px;padding:5px 7px;border:1px solid #555;border-radius:3px;background:#fff;font-size:12px;color:#111}
.scroll-nav-search button{flex:none;background:#fff;border:1px solid #555;border-radius:3px;padding:4px 7px;font-size:12px;color:#111}
@media(max-width:991px){.scroll-nav{top:80px}.scroll-nav-panel{padding-block:24px}.scroll-nav-toggle{height:88px;min-height:88px}}
@media(prefers-reduced-motion:reduce){.scroll-nav{transition:none}}