.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:30;height:var(--nav-height);background:var(--surface);border-bottom:1px solid var(--border)}.site-header-inner{max-width:var(--content-max-width);height:100%;margin:0 auto;padding:0 24px;gap:28px}.logo-block,.site-header-inner{display:flex;align-items:center}.logo-block{gap:10px;border:none;background:transparent;color:inherit;cursor:pointer;padding:0;flex-shrink:0;text-decoration:none}.logo-block img{width:32px;height:32px}.logo-block strong{font-size:18px;white-space:nowrap}.site-nav{display:flex;align-items:center;gap:4px}.nav-link{padding:8px 14px;border-radius:8px;font-size:15px;color:var(--text-muted);transition:color .2s,background .2s}.nav-link:hover{color:var(--text);background:var(--bg)}.nav-link.is-active{color:var(--accent);font-weight:600}.header-right{margin-left:auto;display:flex;align-items:center;gap:8px;flex-shrink:0}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}.icon-btn:hover{border-color:var(--text-muted);background:var(--bg)}.mobile-only{display:none}.mobile-menu{position:absolute;top:100%;right:16px;min-width:200px;padding:10px;display:flex;flex-direction:column;gap:6px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.menu-item{display:block;width:100%;padding:10px 12px;border:none;border-radius:8px;background:transparent;color:inherit;text-align:center;cursor:pointer;font-size:15px}.menu-item:hover{background:var(--bg)}.menu-item.is-active{color:var(--accent);font-weight:600}@media (max-width:768px){.site-header-inner{padding:0 16px}.desktop-only{display:none!important}.mobile-only{display:inline-flex}}.site-footer{max-width:1800px;margin:20px auto 0;padding:20px 5vw 40px;text-align:center;color:var(--text-muted);font-size:14px}.site-footer-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin-bottom:12px}.site-footer-nav a{color:var(--text-muted)}.site-footer-nav a:hover{color:var(--text)}.site-footer p{margin:0 0 8px}.site-footer a:hover{color:var(--text)}@media (max-width:768px){.site-footer{padding-inline:16px}}.offline-banner{position:-webkit-sticky;position:sticky;top:var(--nav-height);z-index:25;padding:8px 16px;text-align:center;font-size:13px;background:rgba(234,179,8,.15);color:#b45309;border-bottom:1px solid rgba(234,179,8,.35)}[data-theme=dark] .offline-banner{color:#fbbf24}