/* ===== about.html inline style 1 ===== */
:root{
      --black:#111827; --muted:#6b7280; --line:#e5e7eb;
      --z-nav:1000; --z-overlay:20098; --z-drawer:20099; --z-dropdown:20120;
    }
    body{ background:#fff; color:var(--black) }
    .container-xl{ max-width:1200px; margin:0 auto; padding:1rem }
    .muted{ color:var(--muted) }
    .section{ padding:1rem 0; }
    .section + .section{ border-top:1px solid var(--line); }

    /* Sticky nav & safe stacking so dropdowns aren’t clipped */
    #site-nav{
      position:sticky; top:0; z-index:var(--z-nav);
      background:rgba(255,255,255,.82); border-bottom:1px solid #eee;
      overflow:visible !important;
    }
    /* Ensure drawer & its overlay sit above sticky nav */
    #drawer{ z-index:var(--z-drawer) !important; }
    #drawerOverlay{ z-index:var(--z-overlay) !important; }

    /* Keep account dropdown/popovers above sticky nav */
    .dropdown, .menu, .menu-panel, .popover, .account-menu,
    [role="menu"], [data-dropdown], [data-popover], [data-menu]{
      position:relative; z-index:var(--z-dropdown) !important;
    }

    /* Simple button styling for language toggles */
    .btn{ border:1px solid #e5e7eb; border-radius:.6rem; padding:.5rem .75rem; background:#fff; }
    .btn:focus{ outline:2px solid #C89B3C; outline-offset:2px; }