/* V5 UX1 OPEN BETA — priority visual architecture repair.
   Exactly one illustrated page header, full site navigation, no extra sticky bars.
   All source illustrations are 2400x600.  No letterboxing or art stretching. */
:root{--v5-header-gold:#edbc56;--v5-header-blue:#92d6ff}
html{scroll-padding-top:76px}
/* Brand/notice bars scroll away. Only the full MAIN NAV is sticky. */
body>.beta-banner,body>.brand-migration-banner,body>.site-header,
body>.v5-openbeta,
body>.v5-global-top{position:relative!important;top:auto!important;transform:none!important}
body>.site-header{position:relative!important;top:auto!important}
body>.primary-nav.ux24-primary-nav{
 position:sticky!important;top:0!important;z-index:900!important;
 display:flex!important;flex-wrap:wrap!important;justify-content:flex-start!important;
 align-items:stretch!important;gap:6px!important;width:100%!important;
 min-height:52px!important;height:auto!important;padding:7px 12px!important;
 box-sizing:border-box!important;background:#071c30!important;border-top:1px solid #2d5a79!important;
 border-bottom:2px solid #d5a83e!important;overflow:visible!important;
 box-shadow:0 5px 15px #0008!important
}
body>.primary-nav.ux24-primary-nav>.nav-btn,
body>.primary-nav.ux24-primary-nav>details.ux24-nav-menu>summary.nav-btn{
 box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;
 flex:0 0 auto!important;max-width:none!important;min-width:102px!important;width:auto!important;
 min-height:42px!important;height:auto!important;padding:9px 13px!important;
 font:800 13px/1.25 system-ui,'Segoe UI',sans-serif!important;letter-spacing:.015em!important;
 text-transform:uppercase!important;text-align:center!important;white-space:normal!important;overflow:visible!important;
 overflow-wrap:normal!important;word-break:normal!important;text-overflow:clip!important;color:#eaf5ff!important;
 background:#103451!important;border:1px solid #346484!important;border-radius:7px!important
}
body>.primary-nav.ux24-primary-nav>details.ux24-nav-menu{flex:0 0 auto!important;width:auto!important;max-width:100%!important;min-width:0!important}
body>.primary-nav.ux24-primary-nav>details.ux24-nav-menu>summary.nav-btn{width:100%!important;gap:5px!important}
body>.primary-nav.ux24-primary-nav>.nav-btn:first-child{min-width:118px!important}
body>.primary-nav.ux24-primary-nav>details.ux24-nav-menu>summary.nav-btn .ux25-nav-label{display:inline!important;white-space:normal!important;font:inherit!important}
body>.primary-nav.ux24-primary-nav>details.ux24-nav-menu>summary.nav-btn .ux25-nav-label>span{display:inline!important}
body>.primary-nav.ux24-primary-nav>.nav-btn:hover,body>.primary-nav.ux24-primary-nav>details.ux24-nav-menu>summary.nav-btn:hover,
body>.primary-nav.ux24-primary-nav>.nav-btn.active,body>.primary-nav.ux24-primary-nav>details.ux24-nav-menu[open]>summary.nav-btn{background:#165c87!important;border-color:#63b6ea!important;color:#fff!important}
body>.primary-nav.ux24-primary-nav .ux24-nav-dropdown{z-index:910!important}
body>.primary-nav.ux24-primary-nav .ux36-nav-toggle{display:none!important}
/* Remain touch friendly: on narrow screens keep the site's existing expandable nav. */
@media(max-width:760px){
 body>.primary-nav.ux24-primary-nav{display:block!important;padding:7px 9px!important}
 body>.primary-nav.ux24-primary-nav .ux36-nav-toggle{display:flex!important;width:100%!important}
 body>.primary-nav.ux24-primary-nav:not(.ux36-nav-expanded)>:not(.ux36-nav-toggle){display:none!important}
 body>.primary-nav.ux24-primary-nav.ux36-nav-expanded>details.ux24-nav-menu,
 body>.primary-nav.ux24-primary-nav.ux36-nav-expanded>.nav-btn{display:block!important;width:100%!important}
 body>.primary-nav.ux24-primary-nav.ux36-nav-expanded>details.ux24-nav-menu>summary.nav-btn,
 body>.primary-nav.ux24-primary-nav.ux36-nav-expanded>.nav-btn{width:100%!important}
}
/* Replace legacy SPA generated 160px low-grade banners. */
main>.view[data-lori-route-visual="1"]::before,
main>.view[data-lori-route-visual="1"]::after{display:none!important;content:none!important}
.v5-route-header{box-sizing:border-box;position:relative;isolation:isolate;overflow:hidden;
 aspect-ratio:4/1!important;width:100%;max-width:100%;min-height:0!important;height:auto!important;
 display:block;background:#0b1a2c;border:1px solid #406b89;border-radius:12px;
 box-shadow:0 12px 30px #0007;margin:0 0 16px}
.v5-route-header>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;filter:none}
.v5-route-header .v5-header-contrast{position:absolute;inset:0;pointer-events:none;
 background:linear-gradient(90deg,rgba(1,12,24,.58) 0%,rgba(1,12,24,.34) 29%,rgba(1,12,24,.05) 57%,transparent 90%)}
.v5-route-header .v5-header-brand{position:absolute;left:2.35%;top:12%;width:40%;height:32%;max-width:640px;
 object-fit:contain;object-position:left center;filter:drop-shadow(1px 4px 5px #000d)}
.v5-route-header .v5-header-title{position:absolute;left:3.2%;top:48%;max-width:62%;display:flex;align-items:center;
 gap:clamp(6px,1vw,20px);font:900 clamp(14px,3.2vw,46px)/1.08 system-ui,'Segoe UI',sans-serif;
 color:#f4faff;text-transform:uppercase;letter-spacing:.005em;text-shadow:0 3px 8px #000,0 0 8px #165eae}
.v5-route-header .v5-header-icon{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;
 width:clamp(24px,4vw,55px);height:clamp(24px,4vw,55px);font-size:clamp(16px,2.5vw,33px);
 border:2px solid #69c6ff;border-radius:7px;background:#0a294ac9;color:#fbd779;box-shadow:0 0 10px #0d87f6}
.v5-route-header .v5-header-subtitle{position:absolute;left:3.35%;top:75%;max-width:68%;
 font:700 clamp(9px,1.35vw,19px)/1.25 system-ui,'Segoe UI',sans-serif;
 letter-spacing:.095em;color:#eaf7ff;text-shadow:0 2px 6px #000;text-transform:uppercase}
/* Dashboard: only the one illustrated page banner, never the separate UHU master. */
#view-dashboard .dashboard-master-hero{display:none!important}
#view-create .workspace-theme-banner{display:none!important}
/* UHU hub may present a realm environment, but not a second graphic header. */
#view-uhu .uhu-master-hero{min-height:0!important;background-image:none!important;background:#0b253a!important;padding:20px!important;border:1px solid #345574!important}
#view-uhu .uhu-master-hero::before,#view-uhu .uhu-master-hero::after{display:none!important}
/* Competing sticky toolbars have no business following the user down the page. */
.workspace-sidebar,.inspector-panel,.story-doc-list{position:static!important;top:auto!important}
/* Existing illustrated standalone banners are ALWAYS the page's one 4:1 image. */
figure.lori-page-graphic{width:min(calc(100% - 22px),1480px)!important;max-width:1480px!important;
 height:auto!important;min-height:0!important;aspect-ratio:4/1!important;
 border-radius:12px!important;margin:12px auto 17px!important;overflow:hidden!important}
figure.lori-page-graphic>.lori-page-graphic__art{width:100%!important;height:100%!important;object-fit:cover!important;filter:none!important}
figure.lori-page-graphic.lori-page-graphic--baked>.lori-page-graphic__art{object-fit:contain!important}
figure.lori-page-graphic:not(.lori-page-graphic--baked)>.lori-page-graphic__caption{display:none!important}
figure.lori-page-graphic:not(.lori-page-graphic--baked)::after{display:none!important}
figure.lori-page-graphic .v5-fig-caption{position:absolute;inset:0;z-index:5;pointer-events:none}
figure.lori-page-graphic .v5-fig-caption::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#031223b5 0%,#07172b4e 30%,transparent 64%)}
figure.lori-page-graphic .v5-fig-caption img{position:absolute;left:2.5%;top:12%;width:42%;height:32%;object-fit:contain;object-position:left center;filter:drop-shadow(0 3px 6px #000)}
figure.lori-page-graphic .v5-fig-title{position:absolute;left:3%;top:51%;display:flex;align-items:center;gap:12px;max-width:70%;
 font:900 clamp(14px,2.9vw,42px)/1.1 system-ui,sans-serif;color:#e8f5ff;letter-spacing:.018em;text-shadow:0 2px 9px #000;text-transform:uppercase}
figure.lori-page-graphic .v5-fig-title i{font:800 clamp(13px,2vw,28px)/1 system-ui,sans-serif;color:#f8d47c;font-style:normal;border:2px solid #60b1ee;border-radius:6px;padding:.18em .25em}
figure.lori-page-graphic .v5-fig-subtitle{position:absolute;left:3.3%;top:76%;max-width:70%;color:#fff;
 font:700 clamp(8px,1.15vw,17px)/1.2 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.06em;text-shadow:0 2px 8px #000}
/* Standalone pages share the real dashboard top three sections. */
.v5-global-shell{position:relative;color:#e9f6ff;font-family:system-ui,'Segoe UI',sans-serif}
body>.v5-openbeta{position:relative!important;display:flex;align-items:center;gap:12px;flex-wrap:wrap;
 background:#031522;border-bottom:1px solid #194c68;color:#aed0e1;padding:7px 15px;font:500 11px/1.4 system-ui,sans-serif;letter-spacing:.01em}
body>.v5-openbeta strong{font-weight:900;color:#76d4ff;letter-spacing:.09em;white-space:normal}
body>.v5-global-top{position:relative!important;display:flex;align-items:center;justify-content:space-between;
 gap:16px;flex-wrap:wrap;padding:9px 15px;background:#061d30;border-bottom:1px solid #2a5068}
.v5-global-top .v5-brand{display:flex;align-items:center;gap:10px;min-width:0}
.v5-global-top .v5-brand .v5-symbol{width:36px;height:36px;object-fit:contain}
.v5-global-top .v5-brand .v5-wordmark{width:clamp(165px,23vw,295px);height:auto;max-height:60px;object-fit:contain}
.v5-global-top .v5-top-actions{display:flex;align-items:center;flex-wrap:wrap;gap:7px}
.v5-global-top .v5-top-actions a,.v5-global-top .v5-top-actions label{box-sizing:border-box;display:inline-flex;align-items:center;
 justify-content:center;min-height:36px;gap:7px;background:#093452;border:1px solid #317292;border-radius:6px;
 text-decoration:none;color:#f6faff;font:800 11px/1.3 system-ui,sans-serif;text-transform:uppercase;padding:8px 11px;white-space:normal}
.v5-global-top .v5-top-actions select{background:#0b253b;color:#fff;border:0;font:600 11px system-ui,sans-serif;max-width:86px}
body>.v5-unified-nav{position:sticky!important;top:0!important;z-index:10000!important;display:flex;flex-wrap:wrap;
 align-items:stretch;gap:6px;padding:7px 12px;background:#071c30;border-bottom:2px solid #d5a83e;box-shadow:0 5px 15px #0007}
.v5-unified-nav>a,.v5-unified-nav>details>summary{box-sizing:border-box;display:flex;align-items:center;justify-content:center;
 min-width:100px;min-height:42px;padding:8px 12px;font:800 12px/1.25 system-ui,sans-serif!important;letter-spacing:.015em;
 text-transform:uppercase;text-decoration:none;color:#edf8ff;white-space:normal;background:#103451;border:1px solid #346484;
 border-radius:7px;cursor:pointer;list-style:none}
.v5-unified-nav>details{position:relative;min-width:0}
.v5-unified-nav>details>summary::-webkit-details-marker{display:none}
.v5-unified-nav>a:hover,.v5-unified-nav>details>summary:hover,.v5-unified-nav>details[open]>summary{background:#186a94;border-color:#79c7ed}
.v5-unified-nav .v5-nav-links{position:absolute;top:calc(100% + 5px);left:0;z-index:10010;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
 width:min(470px,calc(100vw - 30px));max-height:70vh;overflow:auto;gap:5px;padding:10px;background:#071d32;border:1px solid #6499bc;border-radius:8px;box-shadow:0 12px 28px #000c}
.v5-unified-nav .v5-nav-links a{display:flex;align-items:center;min-height:36px;padding:8px;color:#edf7ff;background:#113957;
 border-radius:5px;font:700 12px/1.3 system-ui,sans-serif;text-decoration:none;white-space:normal}
.v5-unified-nav .v5-nav-links a:hover{background:#1b638f}
.v5-unified-nav>a.v5-current{border-color:#f2cc78;color:#fff;background:#155a80}
.v5-context-tools{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important;
 max-width:1480px!important;width:calc(100% - 22px)!important;margin:7px auto 14px!important;padding:10px 14px!important;
 box-sizing:border-box!important;border:1px solid #2a5876!important;border-radius:8px!important;background:#071d31!important;
 min-height:0!important;height:auto!important;position:relative!important;inset:auto!important;box-shadow:none!important}
.v5-context-tools h1{font-size:17px!important;line-height:1.3!important;margin:2px!important}
.v5-context-tools a,.v5-context-tools button{font-size:12px!important;white-space:normal!important}
.v5-context-tools::before,.v5-context-tools::after{content:none!important;display:none!important}
/* No standalone-specific sticky topbar can override shared layout. */
body>.top,body>.topbar,body>.site-top,body>.sitebar{position:relative!important;top:auto!important}
@media(max-width:740px){
 body>.v5-global-top{justify-content:center;padding:8px}
 body>.v5-unified-nav{gap:5px;padding:7px 8px}
 .v5-unified-nav>a,.v5-unified-nav>details>summary{min-width:0;font-size:10px!important;padding:8px 9px}
 .v5-unified-nav .v5-nav-links{position:fixed;top:auto;left:8px;right:8px;width:auto;grid-template-columns:repeat(2,minmax(0,1fr))}
 .v5-route-header .v5-header-title{font-size:clamp(11px,3.5vw,25px);left:2.4%;max-width:75%;top:49%}
 .v5-route-header .v5-header-subtitle{top:79%;font-size:clamp(7px,1.5vw,12px);max-width:80%}
 figure.lori-page-graphic .v5-fig-title{font-size:clamp(11px,3.2vw,23px);gap:5px}
 figure.lori-page-graphic .v5-fig-subtitle{font-size:clamp(7px,1.3vw,11px)}
}
/* The standalone Install App control is a real action, not a dead anchor. */
.v5-global-top .v5-top-actions button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:36px;
 gap:7px;background:#093452;border:1px solid #317292;border-radius:6px;color:#f6faff;
 font:800 11px/1.3 system-ui,sans-serif;text-transform:uppercase;padding:8px 11px;cursor:pointer}
#v5InstallNote:not([hidden]){font-size:11px;color:#dcf3ff}

/* Keep the sticky navigation compact on phones. */
.v5-mobile-nav-toggle{display:none}
@media(max-width:760px){
 .v5-unified-nav .v5-mobile-nav-toggle{display:flex;width:100%;min-height:44px;justify-content:space-between;align-items:center;
 border:1px solid #4284a7;background:#0b3d60;color:#fff;font:800 14px/1.3 system-ui,sans-serif;border-radius:8px;padding:10px 13px}
 .v5-unified-nav:not(.v5-nav-open)>:not(.v5-mobile-nav-toggle){display:none}
 .v5-unified-nav.v5-nav-open>a,.v5-unified-nav.v5-nav-open>details{display:block;width:100%}
 .v5-unified-nav.v5-nav-open>details>summary,.v5-unified-nav.v5-nav-open>a{width:100%;justify-content:flex-start;text-align:left}
 .v5-unified-nav .v5-nav-links{position:static;top:auto;left:auto;right:auto;width:100%;box-sizing:border-box;margin-top:4px}
}
/* Keep every major top action reachable at phone widths, even when it wraps. */
@media(max-width:760px){
 body>.site-header .header-actions .plan-badge{display:inline-flex!important}
 body>.site-header .header-actions .help-quick-btn{display:inline-flex!important}
 body>.site-header .theme-mode-control span{display:inline!important}
}

/* RC5 dashboard navigation geometry guard. Old body.ux97-ui rules force 66px,
   outranking the previous generic V5 menu rule. No other page header is changed. */
body.ux97-ui > nav.primary-nav.ux24-primary-nav > button.nav-btn.ux24-nav-home[data-route="dashboard"] {
  box-sizing:border-box!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:124px!important;
  max-width:none!important;
  padding:10px 17px!important;
  font:800 13px/1.25 system-ui,'Segoe UI',sans-serif!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  letter-spacing:.015em!important;
}
@media(max-width:760px){
 body.ux97-ui > nav.primary-nav.ux24-primary-nav.ux36-nav-expanded > button.nav-btn.ux24-nav-home[data-route="dashboard"]{
  display:flex!important;width:100%!important;max-width:100%!important;min-width:0!important;
 }
}