/* One reserved area for communication controls; content never sits behind it. */
:root{--dock-height:104px;--callbar-height:0px;--overlay-bottom:calc(var(--dock-height) + var(--callbar-height) + 36px + env(safe-area-inset-bottom,0px))}
body{padding-bottom:calc(var(--overlay-bottom) + 16px)}
header{display:grid!important;grid-template-columns:minmax(180px,235px) minmax(0,1fr) auto;align-items:center;gap:14px 20px!important;padding:20px 4%!important;overflow:visible}
header>.brand{grid-column:1;grid-row:1;min-width:0;font-size:25px}header>nav{grid-column:2;grid-row:1;display:flex;flex-wrap:wrap;gap:4px 18px;min-width:0;width:100%;overflow:visible;justify-content:flex-start}header>nav button,header>nav a{font:600 12px/1.4 'Segoe UI',Arial,sans-serif;min-height:40px;white-space:nowrap;padding:10px 0}header>.actions{grid-column:3;grid-row:1;display:flex;gap:8px;min-width:0;flex-wrap:wrap;justify-content:flex-end}header>.actions .btn{font:700 12px/1.4 'Segoe UI',Arial,sans-serif;padding:11px 15px;min-height:42px;white-space:nowrap}header>#session-message{grid-column:1/-1;grid-row:2;min-width:0;overflow-wrap:anywhere}header>#session-message:empty{display:none}.menu-wrap{position:relative}.menu-wrap .dropdown{position:absolute;top:calc(100% + 5px);left:0;right:auto;max-width:calc(100vw - 24px);z-index:1200}.menu-wrap .dropdown button,.menu-wrap .dropdown a{white-space:normal;text-align:left;padding:10px 14px}
.communication-dock{position:fixed;z-index:950;right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));width:142px;display:flex;flex-direction:column;gap:8px;isolation:isolate}.communication-dock .live-chat-hub{position:static;right:auto;bottom:auto;width:100%;z-index:auto}.communication-dock .live-chat-toggle,.communication-dock .voice-chat-entry{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;width:100%;border:1px solid #688d7c;border-radius:25px;background:linear-gradient(135deg,#203c37,#111d27);color:#d0e9dd;font:700 11px/1.3 'Segoe UI',Arial,sans-serif;padding:10px 12px;box-shadow:0 5px 18px #0007;text-decoration:none}.communication-dock .voice-chat-entry{border-color:#9a8050;color:#f0d697;background:linear-gradient(135deg,#3b3222,#171e26)}.voice-chat-entry>span:first-child{font-size:21px}.communication-dock .live-chat-toggle svg{width:22px;flex:none}.communication-dock .lc-count{flex:none}
.voice-global{left:50%;bottom:calc(var(--dock-height) + 24px + env(safe-area-inset-bottom,0px));max-width:calc(100vw - 24px);width:max-content;z-index:940;max-height:min(180px,30dvh);overflow:auto}.live-chat-panel{right:12px;bottom:var(--overlay-bottom);height:min(720px,calc(100dvh - var(--overlay-bottom) - 12px));max-height:calc(100dvh - var(--overlay-bottom) - 12px);width:min(980px,calc(100vw - 24px));z-index:970}.support-hub{left:max(12px,env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom));z-index:960}.support-toggle{min-height:48px}.support-panel{position:fixed;left:12px;bottom:var(--overlay-bottom);width:min(440px,calc(100vw - 24px));max-height:calc(100dvh - var(--overlay-bottom) - 12px);z-index:980;overflow:auto}.footer-community{position:relative;align-self:flex-start;max-width:100%;margin-top:8px;z-index:20}.footer-community .social-toggle{min-height:42px;max-width:100%;border-radius:8px}.footer-community .social-panel{position:absolute;top:auto;bottom:calc(100% + 8px);right:auto;left:0;width:min(270px,calc(100vw - 32px));max-height:60dvh;overflow:auto}.footer-community .social-bubble-caption{position:static;font-size:11px}.footer-community .social-bubble-glyph{display:flex;align-items:center}.footer-community .social-grid{display:flex;flex-direction:column}
.vl-member{flex-wrap:wrap}.vl-member-actions{display:flex;flex-wrap:wrap;gap:5px;flex:1 1 100%;justify-content:flex-end}.vl-member-actions .btn{font-size:10px;min-height:34px}.vl-muted-badge{color:#f0b4a3!important}
@media(max-width:1150px){header{grid-template-columns:minmax(180px,1fr) auto;gap:12px!important}header>nav{grid-column:1/-1;grid-row:2}header>.actions{grid-column:2;grid-row:1}header>#session-message{grid-row:3}}
@media(max-width:650px){header{padding:16px!important;gap:10px!important;grid-template-columns:minmax(0,1fr)}header>.brand{grid-column:1;grid-row:1;width:max-content;max-width:100%;font-size:23px}header>.actions{grid-column:1;grid-row:2;justify-content:flex-start;width:100%}header>nav{grid-column:1;grid-row:3;gap:2px 16px}header>#session-message{grid-row:4}header>.actions .btn{flex:0 1 auto;min-width:100px}header>nav button,header>nav a{font-size:11px;min-height:38px}.communication-dock{width:120px}.communication-dock .live-chat-toggle,.communication-dock .voice-chat-entry{font-size:10px;padding:9px 10px;min-height:46px;gap:6px}.communication-dock .live-chat-toggle svg{width:20px}.support-toggle{width:132px;padding:9px 10px;min-height:46px;gap:7px;font-size:10px}.support-gm-mark{padding:4px;font-size:10px}.voice-global{width:calc(100vw - 24px)}.live-chat-panel{right:12px;bottom:var(--overlay-bottom);height:calc(100dvh - var(--overlay-bottom) - 12px);max-height:calc(100dvh - var(--overlay-bottom) - 12px)}.support-panel{bottom:var(--overlay-bottom)}.footer-community{align-self:flex-start}}
@media(max-height:540px){.voice-global{max-height:70px}.voice-global .btn{padding:7px;font-size:10px}.live-chat-top{padding:7px 12px}}
header>nav>button,header>nav>.menu-wrap>button{width:auto;font-family:'Segoe UI',Arial,sans-serif!important;line-height:1.4!important}header>nav>.menu-wrap{min-width:0}@media(max-width:650px){header>nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}header>nav>button,header>nav>.menu-wrap>button{width:100%;white-space:normal;min-height:40px;padding:7px 5px}}

/* V24.1: a dedicated navigation row, with no intrinsic-width overflow. */
:root{--ui-font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--muted:#b1b7c0}
body{font-family:var(--ui-font);font-size:14px;line-height:1.6;-webkit-text-size-adjust:100%;text-size-adjust:100%}
button,input,select,textarea{font-family:var(--ui-font)}
h1,h2,h3,h4,.panel h2,.section-title h2,.cta h2,.news h3{font-family:var(--ui-font);line-height:1.3;letter-spacing:0;font-weight:650;overflow-wrap:anywhere}
p{line-height:1.7}.muted{color:var(--muted)}
header{grid-template-columns:minmax(0,1fr) auto!important;width:calc(100% - 48px);max-width:1200px;margin-inline:auto;padding:20px 24px 16px!important;gap:16px!important}
header>.brand{grid-area:1/1;max-width:100%;font-size:26px;line-height:1.2;letter-spacing:1px}
header>.brand small{line-height:1.5;letter-spacing:1.4px}
header>.actions{grid-area:1/2;max-width:100%;margin:0;gap:8px;justify-content:flex-end}
header>.actions .btn{font-family:var(--ui-font);font-size:12px;line-height:1.4;min-height:44px;max-width:100%;padding:10px 16px;overflow-wrap:anywhere;white-space:normal}
header>nav{grid-area:2/1/3/-1;display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px!important;width:100%;margin:0;padding:14px 0 0;border-top:1px solid #ffffff14;align-items:stretch;justify-content:stretch}
header>nav>.menu-wrap{display:flex;min-width:0;width:100%}
header>nav>button,header>nav>a,header>nav>.menu-wrap>button{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;width:100%;max-width:none;min-height:46px;height:100%;margin:0;padding:10px 8px!important;font-family:var(--ui-font)!important;font-size:12px!important;font-weight:600!important;line-height:1.4!important;letter-spacing:0!important;white-space:normal!important;overflow-wrap:anywhere;border-radius:7px;background:#ffffff04;border:1px solid #c4a66a33;box-shadow:none}
header>nav .nav-symbol{flex:0 0 16px;width:16px;height:16px;margin:0}
header>nav>[data-action=a13]{color:#ffe1a0;background:#ba8c3420;border-color:#b98b45aa}
header>nav button:hover,header>nav a:hover{background:#c9a75b15;border-color:#c6a565;color:#ffe5ae}
header>#session-message{grid-area:3/1/4/-1;margin:0;font-size:13px;line-height:1.6}
header .dropdown{width:240px;min-width:0;max-height:65dvh;overflow:auto;border-radius:9px;padding:6px}
header .dropdown button,header .dropdown a{font-family:var(--ui-font)!important;font-size:13px!important;line-height:1.5!important;letter-spacing:0!important;min-height:44px;width:100%;padding:10px 12px!important;overflow-wrap:anywhere}
.layout>*,.landing-top>*,.feature>*,.launch-grid button>*,.quick{min-width:0}
.section-title,.updates-heading{flex-wrap:wrap;gap:12px}.section-title h2,.cta h2{font-size:clamp(23px,2.4vw,30px)}
.panel h2{font-size:18px}.panel p,.news p,.quick small,.feature small{font-size:13px;line-height:1.6}
.feature strong,.quick b{font-size:14px;line-height:1.4}.launch-grid b{font-size:16px;line-height:1.4}.launch-grid small{font-size:13px;line-height:1.5}
.section-nav{gap:8px}.section-nav button,.section-nav a{white-space:normal;overflow-wrap:anywhere}
footer{display:flex;flex-wrap:wrap;gap:16px;align-items:center}footer>span{overflow-wrap:anywhere}
@media(max-width:900px){header>nav{grid-template-columns:repeat(3,minmax(0,1fr))}.features,.links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){header{width:calc(100% - 24px);padding:16px!important;gap:14px!important;grid-template-columns:minmax(0,1fr)!important}header>.brand{grid-area:1/1;font-size:25px;width:max-content}header>.actions{grid-area:2/1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;justify-content:stretch}header>.actions .btn{width:100%;min-width:0;font-size:12px}header>nav{grid-area:3/1;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important;padding-top:14px}header>#session-message{grid-area:4/1}header>nav>button,header>nav>a,header>nav>.menu-wrap>button{font-size:12px!important;min-height:46px;padding:10px 6px!important}.layout aside{grid-template-columns:minmax(0,1fr)}.features,.links{gap:10px}.feature{padding:12px;gap:9px;flex-wrap:wrap}.launch-grid button{padding:16px 12px;flex-wrap:wrap}.launch-grid em{display:none}.launch-grid b{font-size:14px}.launch-grid small{font-size:12px}.quick{padding:16px 12px}.content-page{padding:20px 16px}.auth-form input,.auth-form select,.auth-form textarea,.lc-form textarea,.support-form textarea{font-size:16px}.event{flex-wrap:wrap;font-size:12px}.event strong{font-size:12px}footer{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}

header>.actions{max-width:min(100%,340px)}header>.actions .btn{min-width:0;max-width:240px}header>#session-message{max-width:none}
@media(max-width:700px){header>.actions{max-width:none}header>.actions .btn{max-width:none}}

/* V24.2: navigation always remains on one horizontal line. */
header>nav{display:flex!important;flex-wrap:nowrap!important;gap:5px!important;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#957545 #15191d;overscroll-behavior-x:contain;padding-bottom:5px;-webkit-overflow-scrolling:touch}
header>nav>button,header>nav>a,header>nav>.menu-wrap{flex:1 0 auto;width:auto;min-width:max-content}
header>nav>button,header>nav>a,header>nav>.menu-wrap>button{font-size:11px!important;white-space:nowrap!important;overflow-wrap:normal;min-height:40px;padding:9px 10px!important;gap:5px}
header>nav>.menu-wrap>button{width:100%}
header .menu-wrap .dropdown{position:fixed;top:var(--menu-top,150px);left:var(--menu-left,12px);right:auto;width:240px;max-width:calc(100vw - 24px);max-height:var(--menu-height,60dvh);z-index:1200}
@media(max-width:900px){header>nav>button,header>nav>a,header>nav>.menu-wrap>button{font-size:10px!important;padding:9px 7px!important;gap:4px}header>nav .nav-symbol{display:none}}
@media(max-width:700px){header>nav{gap:4px!important;padding-top:10px}header>nav>button,header>nav>a,header>nav>.menu-wrap>button{font-size:10px!important;min-height:40px;padding:9px 8px!important}}

.mobile-nav-overlay{position:fixed!important;display:block!important;z-index:1600!important;width:240px;min-width:0;max-width:calc(100vw - 24px);overflow:auto;overscroll-behavior:contain;border:1px solid #a2844d;border-radius:10px;padding:6px;background:#191b1f;box-shadow:0 12px 32px #000a;animation:none!important;transform:none!important;touch-action:pan-y}
.mobile-nav-overlay a,.mobile-nav-overlay button{display:flex;align-items:center;width:100%;min-height:48px;padding:12px!important;white-space:normal!important;text-align:left;font:500 14px/1.5 var(--ui-font)!important;color:#eee2cb;background:transparent;border:0;border-radius:6px;text-decoration:none;touch-action:manipulation}
.mobile-nav-overlay a:active,.mobile-nav-overlay button:active{background:#af8e3d33}
@media(hover:none),(pointer:coarse){header>nav{touch-action:pan-x pan-y;scroll-padding-inline:8px}header>nav>a,header>nav>button,header>nav>.menu-wrap>button{min-height:44px;touch-action:manipulation}header>nav>a:hover,header>nav>button:hover,header>nav>.menu-wrap>button:hover{transform:none}header:has(button[aria-expanded=true]){z-index:70}}
