/* CyberAware GCC — UI chrome: side drawer + search overlay (Hermes round 2, 2 Sep 2026) */
/* hamburger always visible — drawer reachable on desktop AND mobile (2 Sep 2026, per Ibby) */
#menuToggle{display:inline-flex;align-items:center;justify-content:center}

/* drawer + overlay */
.drawer-overlay{position:fixed;inset:0;background:rgba(11,18,32,.55);z-index:900;opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s}
.drawer-overlay.open{opacity:1;visibility:visible}
.side-drawer{position:fixed;top:0;left:0;bottom:0;width:min(320px,86vw);background:#fff;z-index:901;transform:translateX(-105%);transition:transform .25s ease;display:flex;flex-direction:column;box-shadow:0 0 40px rgba(0,0,0,.25)}
.side-drawer.open{transform:translateX(0)}
.drawer-head{display:flex;align-items:center;gap:10px;padding:16px;border-bottom:1px solid #E8E8E8}
.drawer-head img{border-radius:50%;object-fit:cover;border:2px solid #0056D2}
.drawer-nav{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:2px}
.drawer-nav a{color:#1E232B;text-decoration:none;font-size:14.5px;font-weight:600;padding:12px 14px;border-radius:8px}
.drawer-nav a:hover{background:#EAF0F8;color:#0056D2}
.drawer-foot{padding:14px;border-top:1px solid #E8E8E8;display:flex;flex-direction:column;gap:10px}
[dir=rtl] .side-drawer{left:auto;right:0;transform:translateX(105%)}
[dir=rtl] .side-drawer.open{transform:translateX(0)}

/* search overlay */
.search-overlay{position:fixed;inset:0;background:rgba(245,245,247,.97);z-index:900;padding:9vh 4vw 4vh;opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s;overflow-y:auto}
.search-overlay.open{opacity:1;visibility:visible}
.search-box{max-width:720px;margin:0 auto;display:flex;align-items:center;gap:10px;background:#fff;border:2px solid #0056D2;border-radius:12px;padding:6px 8px 6px 18px;box-shadow:0 10px 34px rgba(0,86,210,.14)}
.search-box input{flex:1;border:none;outline:none;font-size:17px;font-family:inherit;background:transparent;color:#1E232B;min-width:0}
.search-results{max-width:720px;margin:18px auto 0}
.sr-item{display:block;background:#fff;border:1px solid #E8E8E8;border-radius:10px;padding:14px 18px;margin-bottom:8px;text-decoration:none;color:#1E232B;transition:border-color .15s,box-shadow .15s}
.sr-item:hover{border-color:#0056D2;box-shadow:0 4px 14px rgba(0,86,210,.12)}
.sr-item b{color:#0056D2;font-size:15.5px;display:block}
.sr-item span{color:#5A6B85;font-size:13.5px;display:block;margin-top:2px}
.sr-none{color:#5A6B85;text-align:center;padding:26px;font-size:15px}
body.menu-lock{overflow:hidden}

/* responsive: hide full nav on small screens, show hamburger */
@media (max-width:900px){
  a.gcc-nav-cta{display:none!important}
  #menuToggle{display:inline-flex;align-items:center;justify-content:center;padding:6px 8px!important}
  #menuToggle span:last-child{display:none!important}
  header > div:first-child > a[title="Home"]{display:none!important}
  .gcc-logo{flex:0 1 auto!important;min-width:0!important;margin:0 auto!important;gap:6px!important;overflow:hidden}
  .gcc-logo img{width:32px!important;height:32px!important}
  .gcc-word{font-size:16px!important;letter-spacing:-0.2px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:46vw}
  .gcc-tag{display:none!important}
  .gcc-right{justify-content:flex-end}
  #langToggle{font-size:12.5px!important;padding:8px 10px!important;margin-left:4px!important;flex:0 0 auto!important}
  #searchToggle{width:36px!important;height:36px!important}
  a[aria-label="Read in your language"]{width:36px!important;height:36px!important}
  .desk-nav{display:none!important}
  .drawer-foot .langbtn{display:block!important}
}

/* ── Site-wide text size bump (2 Sep 2026, per Ibby "make text bigger site wide") ── */
/* Inline font-sizes in the HTML are 12–16px; raise the small ones globally so every page reads larger. */
[style*="font-size:11px"]{font-size:12.5px !important}
[style*="font-size:11.5px"]{font-size:13px !important}
[style*="font-size:12px"]{font-size:13.5px !important}
[style*="font-size:12.5px"]{font-size:14px !important}
[style*="font-size:13px"]{font-size:14.5px !important}
[style*="font-size:13.5px"]{font-size:15px !important}
[style*="font-size:14px"]{font-size:15.5px !important}
[style*="font-size:14.5px"]{font-size:16px !important}
[style*="font-size:15px"]{font-size:16.5px !important}
[style*="font-size:15.5px"]{font-size:17px !important}
[style*="font-size:16px"]{font-size:17px !important}
/* popular hits panel in the search overlay */
.sr-pop-head{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:800;color:#1E232B;margin:0 0 10px}
.sr-chip{display:inline-block;background:#E8F0FE;color:#0056D2;border:1px solid #D7DCE2;border-radius:999px;padding:7px 14px;font-size:13.5px;font-weight:700;text-decoration:none;margin:0 8px 8px 0;cursor:pointer}
.sr-chip:hover{background:#0056D2;color:#fff}
