/* A209 canonical global public shell: frozen base plus owner-green contract. */
/* Canonical Public Header/Menu/Back/Footer used by static pages and /demo. */
[data-public-shell]{--bb-background:#071421;--bb-surface:#0b1d2b;--bb-elevated:#102b3d;--bb-text:#f7fbfd;--bb-muted:#a9bfcc;--bb-border:#36536b;--bb-accent:#42e1e7}
html[data-theme=light] [data-public-shell]{--bb-background:#e7f2f8;--bb-surface:#f8fcfe;--bb-elevated:#eaf4f8;--bb-text:#12344d;--bb-muted:#4e6d7d;--bb-border:#b7d0dc;--bb-accent:#078fa9}
.portal-v2-demo-shell{--bg:#071421;--panel:#0b1d2b;--ink:#f7fbfd;--muted:#a9bfcc;--line:#42dce45c;--aqua:#42e1e7;--blue:#2874f0;--shadow:#0008;color:var(--ink)}
html[data-theme=light] .portal-v2-demo-shell{--bg:#e7f2f8;--panel:#f8fcfe;--ink:#12344d;--muted:#4e6d7d;--line:#078fa952;--aqua:#078fa9;--blue:#1c62d5;--shadow:#4164772b}
.portal-v2-demo-shell>.site-header{position:sticky;z-index:100;top:0;display:grid;grid-template-columns:auto minmax(120px,1fr) auto auto;align-items:center;gap:clamp(.65rem,1.5vw,1.25rem);min-height:80px;padding:.55rem max(1rem,calc((100vw - 1320px)/2));overflow:visible;border-bottom:1px solid #29485a;background:#071421;font-family:Inter,system-ui,sans-serif}
.portal-v2-demo-shell .brand{display:flex;align-items:center;gap:.65rem;color:#f7fbfd;text-decoration:none}.portal-v2-demo-shell .brand b{font-size:1.02rem}.portal-v2-demo-shell .brand .mark{display:grid;grid-template-columns:repeat(2,8px);gap:3px;transform:rotate(-8deg)}.portal-v2-demo-shell .brand .mark i{width:8px;height:8px;border-radius:50%;background:#42e1e7}.portal-v2-demo-shell .brand .mark i:nth-child(2),.portal-v2-demo-shell .brand .mark i:nth-child(3){background:#2874f0}
.portal-v2-demo-shell .header-key-visual{position:relative;align-self:stretch;min-width:120px;overflow:hidden;pointer-events:none}.portal-v2-demo-shell .header-key-visual img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 47%;mask-image:linear-gradient(90deg,transparent,#000 13%,#000 87%,transparent)}
.portal-v2-demo-shell>.site-header>nav{display:flex;justify-content:center;gap:.28rem}.portal-v2-demo-shell>.site-header>nav a{position:relative;display:grid;justify-items:center;width:50px;min-height:60px;color:#a9dbe5;text-decoration:none}.portal-v2-demo-shell>.site-header>nav small{position:absolute;top:48px;max-width:90px;padding:1px 4px;border:1px solid #20d4df35;border-radius:999px;background:#071421e8;font:600 8px/1.2 system-ui;white-space:nowrap}
[data-susi-ui-id="shell-nav-info"]>small,[data-susi-ui-id="shell-nav-partner"]>small{left:50%;transform:translateX(-50%);text-align:center}
.portal-v2-demo-shell .nav-tile{position:relative;display:grid;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;place-items:center;border:1px solid #2874f080;border-radius:11px;background:linear-gradient(160deg,#102a42,#071827);color:#bdf9fb;box-shadow:inset 0 1px #ffffff0d,0 8px 20px #0005}.portal-v2-demo-shell .nav-tile:after{content:"";position:absolute;right:8px;bottom:-1px;left:8px;height:2px;border-radius:2px;background:#20d4df;box-shadow:0 0 8px #20d4df,0 0 16px #2874f0}.portal-v2-demo-shell .nav-tile svg,.portal-v2-demo-shell>.site-header>nav svg,.portal-v2-demo-shell .language-compact svg{display:block;width:28px;height:28px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.portal-v2-demo-shell .fill-dot,.portal-v2-demo-shell .fill-play,.portal-v2-demo-shell .fill-moon{fill:currentColor;stroke:none}
.portal-v2-demo-shell .public-live-test-word{font:800 10px/1 ui-sans-serif,system-ui,sans-serif;letter-spacing:.08em;color:currentColor}
.portal-v2-demo-shell .utilities{display:flex;align-items:center;gap:.55rem}.portal-v2-demo-shell .languages{display:flex;align-items:center;gap:.35rem}.portal-v2-demo-shell .languages a{padding:.25rem;color:#a9dbe5;font-size:.72rem;font-weight:750;text-decoration:none}.portal-v2-demo-shell .languages a[aria-current=page]{color:#fff}.portal-v2-demo-shell .languages i{color:#3e7185;font-style:normal}.portal-v2-demo-shell .language-compact{display:none;position:relative}.portal-v2-demo-shell .language-compact summary{display:flex;width:50px;height:44px;align-items:center;justify-content:center;gap:.15rem;border:1px solid #2874f080;border-radius:11px;background:linear-gradient(160deg,#102a42,#071827);color:#bdf9fb;list-style:none}.portal-v2-demo-shell .language-compact summary::-webkit-details-marker{display:none}.portal-v2-demo-shell .language-compact summary svg{width:22px}.portal-v2-demo-shell .language-compact summary b{font-size:.62rem}.portal-v2-demo-shell .language-compact>div{position:absolute;z-index:120;top:50px;right:0;display:grid;width:64px;padding:.35rem;border:1px solid var(--line);border-radius:10px;background:var(--panel);box-shadow:0 12px 30px var(--shadow)}.portal-v2-demo-shell .language-compact a{padding:.4rem;text-align:center;text-decoration:none}.portal-v2-demo-shell .menu-toggle{display:none}.portal-v2-demo-shell .theme-moon,html[data-theme=light] .portal-v2-demo-shell .theme-sun{display:none}html[data-theme=light] .portal-v2-demo-shell .theme-moon{display:block}
.portal-v2-demo-shell>.public-page-bar{max-width:1180px;margin:0 auto;padding:1.1rem clamp(1rem,4vw,3rem);display:flex;align-items:center;gap:1rem}.portal-v2-demo-shell .public-back{display:inline-flex;align-items:center;min-height:44px;padding:.55rem .9rem;border:1px solid var(--line);border-radius:999px;color:var(--ink);text-decoration:none;background:color-mix(in srgb,var(--panel) 90%,transparent);font-weight:750}
.portal-v2-demo-shell>.public-footer{display:grid;grid-template-columns:minmax(260px,.75fr) 1fr;gap:2rem;padding:2.3rem max(1rem,calc((100vw - 1240px)/2));border-top:1px solid #29485a;background:#071421}.portal-v2-demo-shell .footer-brand{position:relative;display:flex;min-height:78px;align-items:center;overflow:hidden}.portal-v2-demo-shell .footer-brand>.brand{position:relative;z-index:2}.portal-v2-demo-shell .footer-brand>span{position:absolute;inset:0 0 0 9rem}.portal-v2-demo-shell .footer-brand>span img{width:100%;height:100%;object-fit:cover;object-position:center;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent)}.portal-v2-demo-shell>.public-footer nav{display:flex;flex-wrap:wrap;justify-content:flex-end;align-content:center;gap:1rem}.portal-v2-demo-shell>.public-footer nav a{color:#b8c8d4;text-decoration:none}.portal-v2-demo-shell>.public-footer p{grid-column:1/-1;color:#b8c8d4;font-size:.8rem}
html[data-theme=light] .portal-v2-demo-shell>.site-header,html[data-theme=light] .portal-v2-demo-shell>.public-footer{border-color:#8bc9d8;background:linear-gradient(180deg,#f7fcfe,#eaf7fb)}html[data-theme=light] .portal-v2-demo-shell .brand{color:#173f5f}html[data-theme=light] .portal-v2-demo-shell :is(.nav-tile,.language-compact summary){border-color:#62b9cc;background:linear-gradient(160deg,#f7fcfe,#dceff5);color:#087f98;box-shadow:inset 0 1px #fff,0 7px 18px #356a7d24}html[data-theme=light] .portal-v2-demo-shell>.site-header>nav small{border-color:#159fb73d;background:#f4fbfdea;color:#315f73}html[data-theme=light] .portal-v2-demo-shell .languages a{color:#496f82}html[data-theme=light] .portal-v2-demo-shell .languages a[aria-current=page]{color:#173f5f}
@media(max-width:1100px){.portal-v2-demo-shell>.site-header{grid-template-columns:auto minmax(90px,1fr) auto}.portal-v2-demo-shell>.site-header>nav{position:absolute;z-index:110;top:calc(100% + 1px);right:1rem;display:none;width:min(360px,calc(100vw - 2rem));max-height:calc(100dvh - 96px - env(safe-area-inset-bottom));padding:1rem;overflow-y:auto;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-radius:1rem;background:#071421f8;box-shadow:0 1rem 3rem var(--shadow)}.portal-v2-demo-shell>.site-header>nav.open{display:grid}.portal-v2-demo-shell .menu-toggle{display:grid}.portal-v2-demo-shell .utilities{grid-column:3}.portal-v2-demo-shell .header-key-visual{grid-column:2}html[data-theme=light] .portal-v2-demo-shell>.site-header>nav.open{background:linear-gradient(155deg,#f8fdff,#e8f4f8)}}
@media(max-width:700px){.portal-v2-demo-shell>.site-header{min-height:68px;padding:.45rem .65rem}.portal-v2-demo-shell>.site-header .brand b{display:none}.portal-v2-demo-shell .header-key-visual{min-width:70px}.portal-v2-demo-shell .languages{display:none}.portal-v2-demo-shell .language-compact{display:block}.portal-v2-demo-shell .utilities{gap:.25rem}.portal-v2-demo-shell>.site-header>nav{right:.65rem;width:calc(100vw - 1.3rem);grid-template-columns:repeat(3,1fr);row-gap:1rem}.portal-v2-demo-shell>.site-header>nav a{width:auto}.portal-v2-demo-shell>.public-footer{grid-template-columns:1fr}.portal-v2-demo-shell>.public-footer nav{justify-content:flex-start}}
[data-susi-ui-id="shell-header"]{z-index:100;overflow:visible}
[data-susi-ui-id="shell-header"]>.brand b{display:block!important}
[data-susi-ui-id="shell-header"]>.header-key-visual{background:none!important}
[data-susi-ui-id="shell-header"]>.header-key-visual img{display:block!important;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:25% 47%}
[data-susi-ui-id="shell-header"] .nav-tile b{font:800 1rem/1 system-ui}
[data-susi-ui-id="shell-nav-susi"] .nav-tile-image{display:block;width:38px;height:38px;object-fit:contain;object-position:center}
[data-susi-ui-id="shell-theme"] span,[data-susi-ui-id="shell-menu"] span{font-size:1.15rem;line-height:1}
[data-susi-ui-id="shell-language-menu"]{cursor:pointer}
[data-susi-ui-id="shell-bubble-counter"]{position:relative;z-index:72;display:flex;align-items:center;gap:8px;min-width:148px;height:48px;padding:5px 10px 8px;border:1px solid #2b667a;border-radius:14px;background:linear-gradient(145deg,#0a2a3d,#071d30);color:#effcff}
[data-susi-ui-id="shell-bubble-counter"]:after{content:"";position:absolute;left:9px;right:9px;bottom:3px;height:3px;border-radius:4px;background:var(--aqua);box-shadow:0 0 9px var(--aqua)}
[data-susi-ui-id="shell-bubble-counter"] small{display:block;color:#8ebdca;font-size:.58rem;font-weight:800;white-space:nowrap}
[data-susi-ui-id="shell-bubble-counter"] strong{display:block;font-size:.78rem;white-space:nowrap}
.bb-global-counter__bubbles{position:relative;width:29px;height:25px;flex:0 0 29px}.bb-global-counter__bubbles i{position:absolute;width:19px;height:19px;border:2px solid var(--aqua);border-radius:50%}.bb-global-counter__bubbles i:first-child{left:1px;top:1px}.bb-global-counter__bubbles i:last-child{right:1px;bottom:1px;border-color:#2874f0}
html[data-theme=light] [data-susi-ui-id="shell-bubble-counter"]{border-color:#62b9cc;background:linear-gradient(145deg,#f7fcfe,#dceff5);color:#173f5f}
[data-susi-ui-id="shell-back-region"]{position:relative;z-index:1}
html[data-theme=light] .product-cosmos .cosmos-particles{fill:#087f98;filter:drop-shadow(0 0 6px #087f98)}
html[data-theme=light] .product-cosmos .cosmos-links{stroke:#087f98;opacity:.72}
.product-cosmos .cosmos-connections{z-index:1;pointer-events:none}
.product-cosmos .cosmos-susi{z-index:3}
.product-cosmos .cosmos-node{z-index:3;isolation:isolate;display:flex;width:112px;height:104px;padding:12px 8px 10px;flex-direction:column;align-items:center;justify-content:center;gap:7px}
.product-cosmos .cosmos-node .cosmos-module-icon{width:48px;height:48px;flex:none}
.product-cosmos .cosmos-node small{position:static;z-index:2;display:block;width:100%;color:#d9fbfc;font:700 .72rem/1.1 system-ui;text-align:center;white-space:normal}
html[data-theme=light] .product-cosmos .cosmos-node small{color:#174e62}
.product-cosmos .node-1{top:9%}.product-cosmos .node-2{top:26%;left:84%}.product-cosmos .node-3{top:67%;left:86%}.product-cosmos .node-4{top:87%;left:62%}.product-cosmos .node-5{top:84%;left:25%}.product-cosmos .node-6{top:56%;left:13%}.product-cosmos .node-7{top:21%;left:18%}
@media(max-width:1100px){[data-susi-ui-id="shell-navigation"]{z-index:110!important}}
@media(max-width:1100px){[data-susi-ui-id="shell-bubble-counter"]{grid-column:2;grid-row:2;justify-self:center}}
@media(max-width:700px){[data-susi-ui-id="shell-header"]{grid-template-columns:auto minmax(42px,1fr) auto}[data-susi-ui-id="shell-header"]>.brand{gap:.4rem}[data-susi-ui-id="shell-header"]>.brand b{font-size:.82rem}[data-susi-ui-id="shell-header"]>.header-key-visual{min-width:42px}[data-susi-ui-id="shell-bubble-counter"]{min-width:132px;height:44px;padding-inline:8px}[data-susi-ui-id="shell-bubble-counter"] small{font-size:.5rem}.product-cosmos .cosmos-node{width:88px;height:84px;padding:9px 5px 8px;gap:5px}.product-cosmos .cosmos-node .cosmos-module-icon{width:38px;height:38px}.product-cosmos .cosmos-node small{font-size:.58rem}}

/* A207 Owner-authorized mobile language menu above the unchanged z-index 72 counter. */
@media(max-width:700px){[data-public-shell] .language-compact>div{z-index:73}}