.nav-toggle{display:none;}
.navbar a:focus-visible,.nav-toggle:focus-visible{outline:3px solid #F6B40E;outline-offset:3px;}

@media(max-width:1100px){
    .navbar{
        position:relative;
        flex-direction:row;
        flex-wrap:wrap;
        align-items:center;
        gap:0 12px;
        height:auto;
        min-height:76px;
        padding:12px 16px;
    }
    body{padding-top:0;}
    .navbar .nav-brand{flex:1;min-width:0;justify-content:flex-start;gap:10px;}
    .navbar .nav-logo{width:40px;height:40px;}
    .navbar .brand-text{min-width:0;}
    .navbar .brand-text h2{max-width:280px;font-size:1rem;line-height:1.2;}
    .navbar .brand-text p{margin:4px 0 0;font-size:.65rem;line-height:1.3;letter-spacing:0;}
    .navbar .nav-toggle{
        display:inline-flex;
        align-items:center;
        justify-content:center;
        gap:7px;
        min-height:44px;
        padding:8px 10px;
        border:1px solid rgba(255,255,255,.45);
        border-radius:8px;
        background:transparent;
        color:white;
        font:600 .8rem Arial,Helvetica,sans-serif;
        cursor:pointer;
    }
    .nav-toggle-icon{font-size:1.1rem;line-height:1;}
    .navbar .nav-links{
        width:100%;
        flex-basis:100%;
        flex-direction:column;
        align-items:stretch;
        gap:4px;
        overflow:visible;
        margin:12px 0 0;
        padding:12px 0 0;
        border-top:1px solid rgba(255,255,255,.2);
    }
    .navbar .nav-links[hidden]{display:none;}
    .navbar .nav-links a{
        display:flex;
        align-items:center;
        min-height:44px;
        box-sizing:border-box;
        padding:10px 12px;
        border:0;
        border-radius:6px;
        font-size:.95rem;
        line-height:1.4;
        white-space:normal;
    }
    .navbar .nav-links a.active{background:rgba(255,255,255,.12);padding:10px 12px;}
    .navbar .nav-links a:hover{background:rgba(255,255,255,.08);}
    #impact{scroll-margin-top:0;}
}

@media(max-width:360px){
    .navbar{padding:10px 12px;gap:0 8px;}
    .navbar .nav-brand{gap:8px;}
    .navbar .nav-logo{width:32px;height:32px;}
    .navbar .brand-text h2{font-size:.9rem;}
}