@media(max-width:768px){
    .header-inner{flex-wrap:wrap;gap:8px}
    .nav-links{overflow-x:auto;width:100%;padding-bottom:4px;gap:0}
    .hero{padding:60px 16px 40px;min-height:auto}
    .hero h1{font-size:2.2rem;letter-spacing:-1px}
    .live-ticker{gap:16px}
    .ticker-item{padding:0 12px}
    .inst-row{flex-direction:column;align-items:flex-start}
    .grid2{grid-template-columns:1fr}
    .hosts-grid{grid-template-columns:1fr}
    .term-body{font-size:0.65rem;padding:12px}

    /* Docs responsive */
    .docs-layout{flex-direction:column;min-height:auto}
    .docs-sidebar{
        width:100%;border-right:none;
        border-bottom:1px solid rgba(255,255,255,0.05);
    }
    .docs-sidebar-header{padding:20px 20px 14px;margin-bottom:0}
    .docs-nav{flex-direction:row;flex-wrap:wrap;padding:4px 12px 14px;gap:4px}
    .docs-nav-item{padding:6px 11px;font-size:0.75rem;gap:7px;width:auto}
    .docs-nav-item .nav-icon{width:24px;height:24px;font-size:0.75rem}
    .docs-nav-item.active{box-shadow:inset 0 -2px 0 var(--accent)}
    .docs-nav-section{display:none}
    .docs-nav-footer{display:none}
    .docs-main{padding:24px 20px}
}

@media(max-width:480px){
    .hero h1{font-size:1.8rem}
    .hero p{font-size:1rem}
    .hero-actions{flex-direction:column;width:100%}
    .hero-actions .btn{width:100%}
    .ticker-item{border-right:none;padding:0 8px}
    .tabs{overflow-x:auto;flex-wrap:nowrap}
    .tab{white-space:nowrap}
}