/* CAQA family global menu styles.
   Extracted from careercalling.international/assets/css/cq.css (cq3 rules only)
   so the shared _shared/global-menu.html renders correctly on this WordPress site.
   Regenerate with /root/team-update/extract_css.py if cq.css changes. */
.cqbar{background:#071228;position:relative;z-index:160;font-family:'Inter','Segoe UI',Arial,sans-serif}
.cqbar-in{max-width:1280px;margin:0 auto;padding:0 18px;display:flex;align-items:center;gap:16px;min-height:44px}
.cqbar.open .cq-launch .grid9 i{background:#fff}
.cqbar.open .cq-car{transform:rotate(225deg) translateY(-2px)}
.cqbar.open .cqpanel{opacity:1;visibility:visible;transform:none}
.cq3-bar{display:flex;align-items:center;gap:16px;height:44px;padding:0 18px;background:linear-gradient(90deg,#070D1A,#0C1830 55%,#070D1A);border-bottom:1px solid rgba(255,255,255,.08);position:relative;z-index:150}
.cq3-launch{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);color:#fff;border-radius:10px;padding:6px 13px;cursor:pointer;font:700 .7rem/1 Inter,Arial,sans-serif;letter-spacing:.15em}
.cq3-launch:hover{background:rgba(255,255,255,.11)}
.cq3-here{color:#8FA0BC;font-size:0.8125rem}
.cq3-here b{color:#fff;font-weight:600}
.cq3-explore{margin-left:auto;display:inline-flex;align-items:center;gap:9px;background:linear-gradient(120deg,#2E63E7,#7A3BE0);color:#fff;border:0;border-radius:999px;padding:8px 18px;font:700 .72rem/1 Inter,Arial,sans-serif;letter-spacing:.07em;cursor:pointer;box-shadow:0 8px 22px rgba(46,99,231,.35);transition:.2s}
.cq3-explore:hover{filter:brightness(1.12)}
.cq3-explore svg{transition:.25s}
#cqbar.open .cq3-explore svg{transform:rotate(180deg)}
.cq3{position:fixed;inset:0;z-index:1600;display:none;background:rgba(4,8,18,.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:4vh 4vw;overflow:auto}
#cqbar.open{z-index:1600}
#cqbar.open .cq3{display:flex;animation:cq3fade .22s ease}
@keyframes cq3fade{from{opacity:0}to{opacity:1}}
.cq3-shell{margin:auto;width:min(1180px,100%);max-height:92vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#0C1526,#0A1120);border:1px solid rgba(255,255,255,.1);border-radius:22px;box-shadow:0 60px 140px rgba(0,0,0,.6);overflow:hidden;animation:cq3pop .3s cubic-bezier(.2,1.2,.3,1)}
@keyframes cq3pop{from{transform:translateY(16px) scale(.985);opacity:0}to{transform:none;opacity:1}}
.cq3-head{display:flex;align-items:center;gap:18px;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.08)}
.cq3-title{display:flex;align-items:center;gap:12px;color:#fff}
.cq3-title b{font-size:.88rem;letter-spacing:.12em}
.cq3-title i{display:block;font-style:normal;color:#7E8CA6;font-size:0.8125rem;margin-top:2px}
.cq3-search{flex:1;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:12px;height:46px;padding:0 16px;max-width:520px;margin:0 auto}
.cq3-search:focus-within{border-color:#5B8CFF;box-shadow:0 0 0 3px rgba(91,140,255,.22)}
.cq3-search svg{color:#7E8CA6;flex:0 0 16px}
.cq3-search input{flex:1;background:transparent;border:0;outline:0;color:#fff;font-size:.9rem}
.cq3-search input::placeholder{color:#6E7E9C}
.cq3-x{width:40px;height:40px;border-radius:11px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);color:#C9D6EE;font-size:1.05rem;cursor:pointer}
.cq3-x:hover{background:rgba(255,255,255,.12);color:#fff}
.cq3-body{display:flex;flex:1;min-height:0}
.cq3-tabs{flex:0 0 250px;display:flex;flex-direction:column;gap:6px;padding:14px;border-right:1px solid rgba(255,255,255,.08);overflow:auto}
.cq3-tabs>*{flex-shrink:0}
.cq3-tabs{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.28) transparent}
.cq3-tabs::-webkit-scrollbar{width:8px}
.cq3-tabs::-webkit-scrollbar-thumb{background:rgba(255,255,255,.28);border-radius:8px}
.cq3-tabs::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.45)}
.cq3-panes{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.28) transparent}
.cq3-panes::-webkit-scrollbar{width:8px}
.cq3-panes::-webkit-scrollbar-thumb{background:rgba(255,255,255,.28);border-radius:8px}
.cq3-tab{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:11px;background:transparent;border:1px solid transparent;color:#B9C5DA;font:600 .8rem/1.2 Inter,Arial,sans-serif;text-align:left;cursor:pointer;transition:.15s}
.cq3-tab span{font-size:0.8125rem;background:rgba(255,255,255,.08);padding:2px 9px;border-radius:999px;color:#9FB0CB}
.cq3-tab:hover{background:rgba(255,255,255,.05);color:#fff}
.cq3-tab.on{background:linear-gradient(120deg,rgba(91,140,255,.18),rgba(91,140,255,.05));border-color:rgba(91,140,255,.4);color:#fff}
.cq3-tab.on span{background:rgba(91,140,255,.3);color:#fff}
.cq3-tabs.dim .cq3-tab{opacity:.35;pointer-events:none}
.cq3-panes{flex:1;overflow:auto;padding:18px 22px}
.cq3-pane{display:none}
.cq3-pane.on{display:block}
.cq3-panes.f .cq3-pane{display:block}
.cq3-panes.f .cq3-pane.e{display:none}
.cq3-pane h6{display:none;margin:16px 0 10px;color:#7E8CA6;font-size:0.8125rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700}
.cq3-panes.f .cq3-pane h6{display:block}
.cq3-pane:first-child h6{margin-top:0}
.cq3-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.cq3-card{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:14px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);text-decoration:none;position:relative;transition:.18s}
.cq3-card:hover{transform:translateY(-2px);border-color:var(--bc);background:rgba(255,255,255,.075);box-shadow:0 14px 34px rgba(0,0,0,.35)}
.cq3-card.h{display:none}
.cq3-mono{width:40px;height:40px;flex:0 0 40px;border-radius:11px;background:var(--bc);color:#fff;display:flex;align-items:center;justify-content:center;font:800 .8rem/1 Inter,Arial,sans-serif;box-shadow:inset 0 -10px 18px rgba(0,0,0,.28)}
.cq3-cardtx{min-width:0}
.cq3-cardtx b{display:block;color:#fff;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cq3-cardtx i{display:block;font-style:normal;color:#93A1BA;font-size:0.8125rem;margin-top:2px;line-height:1.35}
.cq3-arrow{margin-left:auto;flex:0 0 16px;color:#5F6F8D;transition:.18s}
.cq3-card:hover .cq3-arrow{color:var(--bc);transform:translateX(3px)}
.cq3-card.cq3-onbrand{border-color:var(--bc);background:linear-gradient(120deg,rgba(255,255,255,.1),rgba(255,255,255,.05))}
.cq3-card.cq3-onbrand::after{content:"You are here";position:absolute;top:-9px;right:10px;background:var(--bc);color:#fff;font-size:0.8125rem;letter-spacing:.12em;padding:3px 8px;border-radius:999px;text-transform:uppercase;font-weight:700}
.cq3-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:13px 22px;border-top:1px solid rgba(255,255,255,.08);color:#7E8CA6;font-size:0.8125rem}
.cq3-foot a{color:#C9D6EE;text-decoration:none}
.cq3-foot a:hover{color:#fff}
.cq3-empty{display:none;color:#7E8CA6;font-size:.85rem;padding:30px 6px;text-align:center}
.cq3-panes.f.allempty .cq3-empty{display:block}
@media(max-width:980px){.cq3-cards{grid-template-columns:repeat(2,1fr)}.cq3{padding:0}.cq3-shell{max-height:100vh;border-radius:0;width:100%}}
@media(max-width:920px){.cq3-body{flex-direction:column}.cq3-tabs{flex:0 0 auto;flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid rgba(255,255,255,.08);padding:10px 14px}.cq3-tab{white-space:nowrap}}
@media(max-width:760px){.cq3-here{display:none}.cq3-cards{grid-template-columns:1fr}.cq3-search{max-width:none}.cq3-title i{display:none}}
@media(prefers-reduced-motion:reduce){.cq3,.cq3-shell,.cq3-explore svg,.cq3-card{animation:none!important;transition:none!important}}
.cq3-here{color:#616d80}
.mast .cq3-here,[class*="hero"] .cq3-here,.page-hero .cq3-here,.banner .cq3-here,footer .cq3-here,.foot .cq3-here,.dark .cq3-here,.invert .cq3-here,.topbar .cq3-here,.drawer .cq3-here,.overlay .cq3-here{color:#8fa0bc}
.cq3-title i{color:#5d677a}
.mast .cq3-title i,[class*="hero"] .cq3-title i,.page-hero .cq3-title i,.banner .cq3-title i,footer .cq3-title i,.foot .cq3-title i,.dark .cq3-title i,.invert .cq3-title i,.topbar .cq3-title i,.drawer .cq3-title i,.overlay .cq3-title i{color:#7e8ca6}
.cq3-search svg{color:#5d677a}
.mast .cq3-search svg,[class*="hero"] .cq3-search svg,.page-hero .cq3-search svg,.banner .cq3-search svg,footer .cq3-search svg,.foot .cq3-search svg,.dark .cq3-search svg,.invert .cq3-search svg,.topbar .cq3-search svg,.drawer .cq3-search svg,.overlay .cq3-search svg{color:#7e8ca6}
.cq3-search input::placeholder{color:#5e6c86}
.mast .cq3-search input::placeholder,[class*="hero"] .cq3-search input::placeholder,.page-hero .cq3-search input::placeholder,.banner .cq3-search input::placeholder,footer .cq3-search input::placeholder,.foot .cq3-search input::placeholder,.dark .cq3-search input::placeholder,.invert .cq3-search input::placeholder,.topbar .cq3-search input::placeholder,.drawer .cq3-search input::placeholder,.overlay .cq3-search input::placeholder{color:#6e7e9c}
.cq3-pane h6{color:#5d677a}
.mast .cq3-pane h6,[class*="hero"] .cq3-pane h6,.page-hero .cq3-pane h6,.banner .cq3-pane h6,footer .cq3-pane h6,.foot .cq3-pane h6,.dark .cq3-pane h6,.invert .cq3-pane h6,.topbar .cq3-pane h6,.drawer .cq3-pane h6,.overlay .cq3-pane h6{color:#7e8ca6}
.cq3-cardtx i{color:#5d6675}
.mast .cq3-cardtx i,[class*="hero"] .cq3-cardtx i,.page-hero .cq3-cardtx i,.banner .cq3-cardtx i,footer .cq3-cardtx i,.foot .cq3-cardtx i,.dark .cq3-cardtx i,.invert .cq3-cardtx i,.topbar .cq3-cardtx i,.drawer .cq3-cardtx i,.overlay .cq3-cardtx i{color:#93a1ba}
.cq3-empty{color:#5d677a}
.mast .cq3-empty,[class*="hero"] .cq3-empty,.page-hero .cq3-empty,.banner .cq3-empty,footer .cq3-empty,.foot .cq3-empty,.dark .cq3-empty,.invert .cq3-empty,.topbar .cq3-empty,.drawer .cq3-empty,.overlay .cq3-empty{color:#7e8ca6}
#cqbar, #cqbar .cq3{font-size:16px}
.cq3-here,.cq3-title i,.cq3-tab span,.cq3-foot{font-size:13px}
.cq3-title b{font-size:14px}
.cq3-tab b{font-size:14px}
.cq3-card b{font-size:14.5px}
.cq3-card i,.cq3-card span{font-size:13px}
.cq3-search input{font-size:14.5px}
.cq3-launch,.cq3-explore{font-size:13px}
.cq3-ht{font-size:12px}
@media(min-width:900px){.cq3-shell{max-height:min(88vh,720px)}.cq3-body{max-height:clamp(340px,54vh,480px)}.cq3-tabs{overflow-y:auto}.cq3-panes{overflow-y:auto}}
#cqbar .cq3-here{color:#A9B6CC}
.cq3-mono{background-image:linear-gradient(rgba(7,16,34,.34),rgba(7,16,34,.34));text-shadow:0 1px 1px rgba(7,16,34,.35)}
@media(max-width:760px){#cqbar .cq3-here{display:block;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}#cqbar .cq3-explore{display:none}#cqbar .cq3-launch{white-space:nowrap;flex:0 0 auto}}
#cqbar .cq3-title i,#cqbar .cq3-pane h6,#cqbar .cq3-pane .cq3-ht,#cqbar .cq3-empty{color:#8FA0BC}
#cqbar .cq3-search svg{color:#8FA0BC}
#cqbar .cq3-search input::placeholder{color:#8FA0BC}
#cqbar .cq3-cardtx i{color:#A3B1C9}
.cq3-tab.cq3-tab-here b{position:relative;padding-right:14px}
.cq3-tab.cq3-tab-here b::after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:7px;height:7px;border-radius:50%;background:#E8C15A;box-shadow:0 0 6px rgba(232,193,90,.8)}