/* 9.8.3 — layout contracts shared by the existing public, admin and client shells.
   Palette, typography, hero composition and business components remain surface-owned. */
:root{--ui983-touch:44px;--ui983-gap:12px;--ui983-edge:clamp(12px,1.5vw,28px);--ui983-header:88px;--ui983-viewport:100dvh}
.public-page .site-header{position:fixed;inset:0 0 auto;height:var(--ui983-header);min-height:var(--ui983-header);display:flex;align-items:center;flex-wrap:nowrap;gap:12px;padding:8px var(--ui983-edge);z-index:100}
.public-page .site-header .brand{flex:0 0 116px;width:116px;margin:0}
.public-page .site-header .brand img{width:116px;height:68px;object-fit:contain;flex-shrink:0;border:0;border-radius:0;background:none;padding:0}
.public-page .site-header .controls{display:flex;flex:0 0 auto;align-items:center;flex-wrap:nowrap;gap:8px;white-space:nowrap;margin-inline-start:auto}
.public-page .site-header .controls>.button{display:none}
.public-page .site-header .nav-toggle{display:inline-flex;flex:0 0 var(--ui983-touch);width:44px;height:44px;min-width:44px;min-height:44px;padding:0;order:3;align-items:center;justify-content:center}
.public-page .site-header :is(#theme,.ui983-measure-theme){width:44px;height:44px;min-width:44px;min-height:44px;flex:none;padding:0;font-size:18px}
/* A soft colour wash for the theme control, without a hover ring or underline. */
.public-page .site-header #theme{--ui989-theme-wash:linear-gradient(120deg,rgba(162,243,238,.18),rgba(76,196,219,.12),rgba(162,243,238,.04));position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;background:transparent;box-shadow:none;color:var(--text);transform:none;transition:color 180ms ease}
html[data-theme=light] .public-page .site-header #theme{--ui989-theme-wash:linear-gradient(120deg,rgba(22,130,150,.15),rgba(66,181,176,.14),rgba(39,99,131,.04))}
.public-page .site-header #theme::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:var(--ui989-theme-wash);background-size:200% 200%;background-position:0% 50%;opacity:0;transition:opacity 180ms ease,background-position 280ms ease}
.public-page .site-header #theme:hover{background:transparent;box-shadow:none;transform:none}
@media(hover:hover){
 .public-page .site-header #theme:hover{color:var(--accent)}
 .public-page .site-header #theme:hover::before{opacity:1;background-position:100% 50%}
}
.public-page .site-header #theme:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media(prefers-reduced-motion:reduce){.public-page .site-header #theme,.public-page .site-header #theme::before{transition:none}}
@media(forced-colors:active){.public-page .site-header #theme{color:ButtonText}.public-page .site-header #theme:hover{color:Highlight}.public-page .site-header #theme::before{display:none}}
.public-page .site-header :is(#siteNav,.ui983-measure-nav){display:none;position:absolute;inset-block:calc(100% + 8px) auto;inset-inline:auto var(--ui983-edge);width:min(460px,calc(100vw - 2 * var(--ui983-edge)));max-width:none;max-height:calc(var(--ui983-viewport) - var(--ui983-header) - 24px);overflow-y:auto;overscroll-behavior:contain;flex-direction:column;align-items:stretch;gap:4px;margin:0;padding:16px;border:1px solid var(--nav-edge,var(--line));border-radius:20px;background:var(--nav-panel,var(--panel));color:var(--text);box-shadow:0 18px 48px #0003;font-size:16px;white-space:normal;order:0}
.public-page .site-header :is(#siteNav,.ui983-measure-nav).is-open{display:flex}
.public-page .site-header :is(#siteNav,.ui983-measure-nav) :is(a,summary){min-height:44px;display:flex;align-items:center;padding:10px 14px;line-height:1.5;white-space:normal;overflow-wrap:anywhere;max-width:none;text-overflow:clip;border-radius:10px;font-size:inherit}
.public-page .site-header :is(#siteNav,.ui983-measure-nav)>a{color:var(--text)}
.public-page .site-header :is(#siteNav,.ui983-measure-nav) a[aria-current=page]{color:var(--accent);background:var(--line)}
.public-page .site-header :is(#siteNav,.ui983-measure-nav) .v92-menu-assessment{display:flex;justify-content:center;background:var(--accent);color:var(--ink);margin-block-start:8px}
.public-page .site-header :is(#siteNav,.ui983-measure-nav) .v92-menu-assessment.quiet{background:transparent;color:var(--text);border:1px solid var(--line)}
.public-page .site-header :is(#siteNav,.ui983-measure-nav) .ui91-more{position:static;padding:0;margin:0}
.public-page .site-header :is(#siteNav,.ui983-measure-nav) .ui91-more>div{position:static;width:auto;max-height:none;max-width:100%;box-shadow:none;padding:8px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.public-page .site-header .ui983-languages{position:relative;padding:0;margin:0;border:0;flex:none}
.public-page .site-header .ui983-languages>summary{display:none}
.public-page .site-header .ui983-languages>.language-picker{display:flex;position:relative;gap:2px;align-items:center;width:auto;order:0;margin:0;padding:0;overflow:visible;white-space:nowrap;font-size:14px}
.public-page .site-header .language-picker a{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px;border-radius:9px;font-size:14px}
.public-page .site-header .language-picker a[aria-current]{background:var(--line);color:var(--accent)}
.public-page>main{padding-top:var(--ui983-header)}
.public-page.home-page>main{padding-top:0}
.public-page[data-header-mode=normal]>main{padding-top:0}
html:has(body.public-page){scroll-padding-top:calc(var(--ui983-header) + 16px)}
/* More translucent glass, with the same navy/white identity and opaque fallback. */
.public-page>.site-header{--nav-glass:linear-gradient(115deg,rgba(7,11,39,.62),rgba(10,13,45,.54));--nav-edge:rgba(176,224,236,.23);--nav-shadow:0 6px 24px rgba(0,4,20,.10),inset 0 1px rgba(226,249,255,.10)}
html[data-theme=light] .public-page>.site-header{--nav-glass:linear-gradient(115deg,rgba(247,248,252,.80),rgba(247,248,252,.72));--nav-edge:rgba(30,55,77,.15)}
@supports (backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px)){
 .public-page>.site-header{backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%)}
}
@media(prefers-reduced-transparency:reduce){.public-page>.site-header{background:var(--nav-solid);backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(forced-colors:active){.public-page>.site-header{background:Canvas;border-color:CanvasText;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}}
/* Opening visibility belongs to the original intro lifecycle, before and after JS. */
html:is(.intro-pending,.intro-playing) .home-page>.site-header{visibility:hidden;pointer-events:none;background:transparent;border-color:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
html:is(.intro-pending,.intro-playing) .home-page>.site-header .ui983-languages{visibility:visible;pointer-events:auto;--text:#f6f3ff;--accent:#a2f3ee;--line:#ffffff2b;--panel:#0b0b25}
html:is(.intro-pending,.intro-playing) .home-page>.site-header .ui983-languages a{color:var(--text)}
html:is(.intro-pending,.intro-playing) .home-page>.site-header .ui983-languages a[aria-current]{color:var(--accent)}
/* One header row at every desktop/tablet width; only its link strip can scroll. */
.public-page .site-header .ui986-nav-links{display:flex;flex-direction:column;gap:4px;min-width:0}
.public-page .site-header #siteNav .ui986-nav-links>a{color:var(--text)}
@media(min-width:768px){
 .public-page .site-header{--ui987-nav-gap:clamp(20px,1.65vw,28px);display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:72px;height:88px;min-height:88px;max-height:88px;column-gap:12px;row-gap:0}
 .public-page .site-header .brand{grid-column:1;grid-row:1}
 .public-page .site-header .controls{grid-column:3;grid-row:1;display:flex;flex-wrap:nowrap;gap:6px;margin:0}
 .public-page .site-header .controls>.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 12px;font-size:14px;line-height:1.5;white-space:nowrap;flex:none}
 .public-page .site-header .nav-toggle{display:none}
 .public-page .site-header #siteNav{display:flex;position:relative;inset:auto;grid-column:2;grid-row:1;min-width:0;width:100%;max-width:100%;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;gap:var(--ui987-nav-gap);max-height:none;overflow:visible;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;font-size:14px;order:0}
 .public-page .site-header #siteNav .ui986-nav-links{flex:0 1 auto;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:var(--ui987-nav-gap);max-width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:var(--nav-edge,var(--line)) transparent;overscroll-behavior-inline:contain;scroll-padding-inline:3px;padding:3px}
 .public-page .site-header #siteNav .ui986-nav-links>a{flex:0 0 auto;min-width:44px;white-space:nowrap;overflow-wrap:normal;padding:10px 0;color:var(--text);border-radius:0}
 .public-page .site-header #siteNav .ui986-nav-links>a[aria-current=page]{background:transparent;color:var(--accent);box-shadow:inset 0 -2px var(--accent)}
 .public-page .site-header #siteNav .ui986-nav-links:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-radius:6px}
 .public-page .site-header #siteNav .ui986-nav-links>a:focus-visible{outline-offset:1px}
 .public-page .site-header #siteNav .v92-menu-assessment{display:none}
 .public-page .site-header #siteNav .ui91-more{position:relative;flex:none}
 .public-page .site-header #siteNav .ui91-more>summary{white-space:nowrap;padding-inline:0}
 .public-page .site-header #siteNav .ui91-more>div{position:absolute;inset-block-start:100%;inset-inline-end:0;width:280px;max-width:calc(100vw - 32px);max-height:calc(var(--ui983-viewport) - 112px);overflow:auto;background:var(--nav-panel,var(--panel));box-shadow:0 18px 48px #0003}
 .public-page.home-page{--home-header-height:88px}
}
@media(min-width:768px) and (max-width:1199px){
 .public-page .site-header .brand{width:96px;flex-basis:96px}
 .public-page .site-header .brand img{width:96px;height:56px}
 .public-page .site-header{column-gap:8px;--ui987-nav-gap:16px}
 .public-page .site-header .controls>.button{padding-inline:10px}
}
/* A quiet account icon keeps the assessment as the main header action. */
.public-page .site-header .controls>.button.ui988-workspace-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:0;border-radius:50%;background:transparent;box-shadow:none;color:var(--text);transform:none}
.public-page .site-header .controls>.button.ui988-workspace-icon:hover{background:var(--line);color:var(--accent)}
.public-page .site-header .controls>.button.ui988-workspace-icon:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.public-page .site-header .controls>.button.ui988-workspace-icon svg{width:18px;height:18px}
/* Primary assessment dimensions; compact control sizing is shared below. */
.public-page .site-header #theme .ui9822-control-icon{display:block;width:18px;height:18px;flex:none;pointer-events:none}
.public-page .site-header .nav-toggle{font-size:18px}
.public-page .site-header .controls>.button.ui9822-assessment{min-height:44px;min-block-size:44px;padding:8px 20px;gap:10px}
.public-page .site-header #siteNav .v92-menu-assessment.ui9822-assessment{min-height:44px;gap:10px;padding:8px 20px}
@media(min-width:768px) and (max-width:1199px){.public-page .site-header .controls>.button.ui9822-assessment{padding-inline:16px}}
/* One shared underline follows hover/focus without changing link layout. */
.public-page .site-header .ui988-nav-indicator{display:none}
@media(min-width:768px){
 .public-page .site-header #siteNav.ui988-indicator-ready .ui986-nav-links>a[aria-current=page]{box-shadow:none}
 .public-page .site-header #siteNav .ui988-nav-indicator{display:block;position:absolute;left:0;top:0;width:0;height:2px;border-radius:2px;background:var(--accent);box-shadow:none;filter:none;opacity:0;pointer-events:none;transition:transform 220ms cubic-bezier(.22,.61,.36,1),width 220ms cubic-bezier(.22,.61,.36,1),opacity 120ms ease;z-index:1}
 .public-page .site-header #siteNav .ui988-nav-indicator[data-motion=still]{transition:opacity 120ms ease}
}
@media(prefers-reduced-motion:reduce){.public-page .site-header #siteNav .ui988-nav-indicator,.public-page .site-header #siteNav .ui988-nav-indicator[data-motion]{transition:none}}
@media(forced-colors:active){.public-page .site-header #siteNav .ui988-nav-indicator{background:LinkText;box-shadow:none}}
/* The return control belongs to the copyright area and occupies no extra row. */
.public-page .site-footer{position:relative}
.public-page .site-footer:has([data-ui985-backtop]){padding-left:max(80px,6vw,calc((100vw - 1268px)/2))}
.public-page .site-footer .ui988-copyright{display:inline-flex;align-items:center;min-height:48px}
.public-page .ui985-backtop{position:absolute;left:max(20px,env(safe-area-inset-left));right:auto;top:0;bottom:auto;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;min-width:48px;min-height:48px;padding:0;border:0;border-radius:12px;background:linear-gradient(120deg,#a2f3ee1a,#4cc4db0d);color:#a2f3ee;cursor:pointer;box-shadow:none;filter:none;transition:background-color 150ms ease,color 150ms ease}
.public-page .ui985-backtop[hidden]{display:none}
.public-page .ui985-backtop svg{width:22px;height:22px;pointer-events:none}
.public-page .ui985-backtop::before,.public-page .ui985-backtop::after{content:none}
.public-page .ui985-backtop:hover{background:linear-gradient(120deg,#a2f3ee33,#4cc4db24);color:#c6fffa;box-shadow:none;filter:none}
.public-page .ui985-backtop:focus-visible{outline:2px solid #69e8f1;outline-offset:3px}
html[data-theme=light] .public-page .ui985-backtop{background:linear-gradient(120deg,#006b7212,#00758a09);color:#006b72}
html[data-theme=light] .public-page .ui985-backtop:hover{background:linear-gradient(120deg,#006b7224,#00758a18);color:#00535c}
html[data-theme=light] .public-page .ui985-backtop:focus-visible{outline-color:#006b72}
@media(prefers-reduced-motion:reduce){.public-page .ui985-backtop{transition:none}}
@media(forced-colors:active){html[data-theme] .public-page .ui985-backtop,html[data-theme] .public-page .ui985-backtop:hover{background:Canvas;color:ButtonText;outline:1px solid ButtonText;box-shadow:none}}
/* Academy actions keep readable foregrounds instead of inheriting link text. */
/* Match the native Medium 500 used by the other public hero headings. */
.public-page[data-cc949-page=academy] :is(.ac87 #ac87-title,.ui91-hero h1){font-weight:500}
html:not([data-theme=light]) .public-page[data-cc949-page=academy] :is(.ac87,.ui91-hero) :is(.button:not(.quiet),.ac87-button:not(.ac87-secondary)){background:#9bf2f0;color:#071b30;border-color:transparent;text-shadow:none}
html:not([data-theme=light]) .public-page[data-cc949-page=academy] :is(.ac87,.ui91-hero) :is(.button:not(.quiet),.ac87-button:not(.ac87-secondary)):hover{background:#c6ffff;color:#071b30;filter:none}


.public-page[data-cc949-page=academy] :is(.ac87,.ui91-hero) :is(.button,.ac87-button)>:is(span,svg){color:inherit}
@media(forced-colors:active){html:not([data-theme=light]) .public-page[data-cc949-page=academy] :is(.ac87,.ui91-hero) :is(.button,.ac87-button){background:ButtonFace;color:ButtonText;border:1px solid ButtonText}}
/* A dark hero keeps its own nameplate palette, independent of the page theme.
   Compact/light headings and badges in body sections retain their existing theme. */
html .public-page :is(.ui91-hero-wide,.home-hero,.dp92-hero,.academy-hero-v86) .page-name-badge{color:#9ef4f5;border-color:#8debeb55;background:#8bedef09;box-shadow:0 0 24px #9ef4f509}
html .public-page :is(.ui91-hero-wide,.home-hero,.dp92-hero,.academy-hero-v86) .page-name-badge>span:not(.page-name-badge-mark){color:inherit}
html .public-page :is(.ui91-hero-wide,.home-hero,.dp92-hero,.academy-hero-v86) .page-name-badge-mark{background:#69e8f1;box-shadow:0 0 0 4px #69e8f11d,0 0 15px #69e8f1a6}
@media(forced-colors:active){html .public-page :is(.ui91-hero-wide,.home-hero,.dp92-hero,.academy-hero-v86) .page-name-badge{color:CanvasText;background:Canvas;border-color:CanvasText;box-shadow:none}html .public-page :is(.ui91-hero-wide,.home-hero,.dp92-hero,.academy-hero-v86) .page-name-badge-mark{background:CanvasText;box-shadow:none}}
@media(max-width:559px){
 :root{--ui983-header:76px}
 .public-page .site-header{gap:8px;padding-inline:12px}
 .public-page .site-header .brand{flex-basis:96px;width:96px}
 .public-page .site-header .brand img{width:96px;height:56px}
 .public-page .site-header .controls{gap:4px}
}

/* One fixed rail with one scroll owner. The scrollbar is hidden, scrolling stays enabled. */
.besterra-os.os945 #adminSidebar{position:fixed;inset-block:0;inset-inline-start:0;inset-inline-end:auto;width:var(--os944-sidebar);height:100dvh;min-height:0;max-height:100dvh;display:flex;flex-direction:column;overflow:clip;gap:10px;padding:0 12px 12px;transform:none}
.besterra-os.os945 #adminSidebar .os981-nav{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;overscroll-behavior:contain;scroll-padding-block:8px;padding:3px}
.besterra-os.os945 #adminSidebar .os981-nav::-webkit-scrollbar{display:none;width:0;height:0}
.besterra-os.os945 #adminSidebar .os981-nav>*{flex-shrink:0}
.besterra-os.os945 #adminSidebar :is(.os945-sidebar-head,.os944-sidebar-bottom){flex:0 0 auto;margin:0}
.besterra-os.os945 #adminSidebar .os945-sidebar-head .os944-icon-button{width:44px;height:44px;min-height:44px;flex-basis:44px}
.besterra-os.os945 .os981-nav:focus-visible{outline:2px solid var(--os944-focus);outline-offset:-3px}
.besterra-os.os945 .nav982-group summary>span{min-width:0;overflow-wrap:anywhere}
/* Header utilities occupy a deliberate second row on narrower work areas. */
.besterra-os.os945 .os944-topbar{gap:12px;padding-inline:clamp(12px,2vw,28px);align-content:center}
.besterra-os.os945 .os944-top-actions{min-width:0;gap:8px;align-items:center}
.besterra-os.os945 .nav982-tools{min-width:0;gap:8px}
.besterra-os.os945 .nav982-tool{min-height:44px;font-size:14px;overflow-wrap:anywhere;min-width:0}
.besterra-os.os945 .os944-icon-button{min-width:44px;min-height:44px;flex-shrink:0}
.besterra-os.os945 .os945-context{min-width:0;flex-wrap:wrap;overflow-wrap:anywhere}
@media(max-width:900px){
 .besterra-os.os945 #adminSidebar{display:none;width:min(320px,calc(100vw - 32px));z-index:100;margin:0;max-height:var(--ui983-viewport);height:var(--ui983-viewport);box-shadow:0 12px 48px #0004}
 .besterra-os.os945.os944-menu-open #adminSidebar{display:flex}
 .besterra-os.os945.os944-menu-open{overflow:hidden}
 .besterra-os.os945 .os-main{margin-inline-start:0;display:flex}
 .besterra-os.os945 .os944-scrim:not([hidden]){display:block}
 .besterra-os[data-header-mode=hidden]>.ux960-recovery{margin-inline-start:0}
}
@media(max-width:600px){
 .besterra-os.os945 .os944-top-actions{width:100%;justify-content:flex-end}
 .besterra-os.os945 .nav982-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;flex-basis:100%}
 .besterra-os.os945 .nav982-tools .nav982-tool{width:100%;line-height:1.45;padding:8px;min-height:58px}
 .besterra-os.os945 .nav982-tools .nav982-tool svg{flex:none}
 .besterra-os.os945 .os945-context{flex:1;font-size:13px}
 .besterra-os.os945 .os944-topbar .os944-search-trigger{min-height:44px}
}
/* Prevent min-content tracks and native form controls from widening their parents. */
:where(.public-page,.besterra-os,.ws9-client) :where(main,section,article,fieldset,form,label,.editor-grid>*,.form-grid>*,.os-filters>*,.block-grid>*,.ws9-grid>*,.r982-fields>*){min-inline-size:0}
:where(.public-page,.besterra-os,.ws9-client) :where(input:not([type=checkbox]):not([type=radio]),select,textarea){min-inline-size:0;max-inline-size:100%;box-sizing:border-box}
:where(.public-page,.besterra-os,.ws9-client) :where(.actions,.row-actions,.ws9-actions,.r982-actions,.save-bar,.bulk-toolbar,.ws9-footer){min-width:0;flex-wrap:wrap}
:where(.public-page,.besterra-os,.ws9-client) :where(.actions,.row-actions,.ws9-actions,.r982-actions,.save-bar,.bulk-toolbar)>*{max-inline-size:100%;min-inline-size:0}
:where(.public-page,.besterra-os,.ws9-client) :where(.button,.ws9-button,.pe930-preview,.row-actions>a,.row-actions>button){min-block-size:44px;white-space:normal;overflow-wrap:anywhere}
:where(.public-page,.besterra-os,.ws9-client) :where(p,h1,h2,h3,legend,.notice,.ws9-alert,.ws9-success){overflow-wrap:anywhere}
:where(.public-page,.besterra-os,.ws9-client) :where(pre){max-inline-size:100%;overflow:auto}
.ui983-table-scroll{max-inline-size:100%;min-inline-size:0;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-gutter:stable;border-radius:inherit}
.ui983-table-scroll:focus-visible{outline:2px solid var(--os944-focus,var(--accent,var(--ws-accent)));outline-offset:-2px}
:where(.table-scroll,.os-table-wrap,.ui983-table-scroll){min-width:0;max-width:100%}
.besterra-os.os945 :is(.editor-grid,.os-filters,.os-grid)>*{min-width:0}
.besterra-os.os945 .ux960-editor{grid-template-columns:repeat(2,minmax(0,1fr))}
.besterra-os.os945 .ux960-preview{max-height:none;overflow:visible}
.besterra-os.os945 .ux960-preview iframe{max-width:100%}
.besterra-os.os945 .ux960-save{overflow-wrap:anywhere}
@media(max-width:1180px){.besterra-os.os945 .ux960-editor{grid-template-columns:minmax(0,1fr)}.besterra-os.os945 .ux960-preview{position:static}}
@media(max-width:600px){
 .besterra-os.os945 .workspace{padding-inline:16px}
 .besterra-os.os945 .os981-content-table .row-actions{min-width:0;gap:8px}
 .besterra-os.os945 .os981-content-table .row-actions :is(a,button){min-height:44px;white-space:normal}
 .public-page :is(.filters,.form-grid,.request-form){max-width:100%;min-width:0}
 .ws9-file{flex-wrap:wrap}.ws9-file .ws9-actions{flex-shrink:1}
 .ws92-progress{flex-wrap:wrap}.ws92-ring{max-width:100%}
}
/* A keyboard, landscape viewport or zoom can grow the existing entrance; never clip it. */
body.iw950.iw964-entry{height:auto;min-height:100dvh;overflow:visible}
.iw950.iw964-entry #workspace-main{flex:1 0 auto;overflow:visible}
.iw950.iw964-entry #impact-form{overflow:visible;min-height:min-content}
.iw950 :is(.iw952-header-inner,.ws9-top){flex-wrap:wrap;gap:12px}
.iw950 :is(.iw952-brand,.iw950-brand){min-width:0;flex-shrink:0}
.iw950 :is(.iw950-languages a,.ws92-icon-button){min-width:44px;min-height:44px}
.iw950 .iw952-header-inner .ws92-tools{flex:none;margin-inline-start:auto}
.iw950 .ws9-shell{min-width:0}.iw950 .ws9-sidebar{overflow:clip}
.iw950 .ws9-sidebar>.ws9-nav{flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-width:none;overscroll-behavior:contain;margin-block-end:0}
.iw950 .ws9-sidebar>.ws9-nav::-webkit-scrollbar{display:none}
.iw950 .ws9-sidebar>:not(.ws9-nav){flex-shrink:0}
@media(max-width:800px){
 .iw950 .ws9-shell{grid-template-columns:minmax(0,1fr)}
 .iw950 .ws9-sidebar{position:fixed;inset-block:0;inset-inline-start:0;width:min(310px,calc(100vw - 32px));height:var(--ui983-viewport);z-index:150;display:none;flex-direction:column;background:var(--ws-bg);box-shadow:0 0 0 100vmax #0008;padding:18px;border-inline-end:1px solid var(--ws-line)}
 .iw950 .ws9-sidebar.is-open{display:flex}
 .iw950 .iw950-menu{display:grid}
 .iw950:has(.ws9-sidebar.is-open){overflow:hidden}
 .iw950 .ws9-sidebar>.ws9-nav{display:flex;flex-direction:column}
}
@media(max-width:559px){.iw950 .iw952-header-inner{flex-wrap:wrap}.iw950 .iw952-header-inner .ws92-tools{justify-content:flex-end;width:100%}.iw950 .iw967-header-links{flex-wrap:wrap;min-width:0}}
/* Dialogs keep a single scroll area and a reachable close control in short viewports. */
:where(.public-page,.besterra-os,.ws9-client) dialog{box-sizing:border-box;max-inline-size:calc(100vw - 24px);max-block-size:calc(var(--ui983-viewport) - 24px);overflow:auto;overscroll-behavior:contain}
.besterra-os.os945 .os944-dialog{max-height:calc(var(--ui983-viewport) - 24px)}
.besterra-os.os945 .os944-dialog>header{position:sticky;top:0;z-index:2;background:var(--os944-surface);min-width:0}
:where(.public-page,.besterra-os,.ws9-client) dialog :where(button[aria-label],button[data-close],button[data-os944-close]){min-width:44px;min-height:44px;flex-shrink:0}
@media(max-height:540px){.besterra-os.os945 .ux960-tabs,.besterra-os.os945 .ux960-save{position:static}.besterra-os.os945 .ux960-preview{position:static}}
@media(forced-colors:active){.besterra-os.os945 #adminSidebar .os981-nav{scrollbar-width:auto}.besterra-os.os945 #adminSidebar .os981-nav::-webkit-scrollbar{display:block;width:auto}}
@media print{.public-page .site-header,.besterra-os.os945 #adminSidebar,.besterra-os.os945 .os944-topbar{display:none}.ui983-table-scroll{overflow:visible}.public-page>main{padding-top:0}}

.besterra-os.os945[data-header-mode=hidden]{--os944-bar:0px}

.public-page .actions>:is(a,button){display:inline-flex;align-items:center;min-height:44px;max-width:100%;white-space:normal}
.besterra-os.os945 .nav982-children :is(a,summary){min-height:44px}
:where(.public-page,.besterra-os,.ws9-client) input:is([type=email],[type=url],[type=tel]){direction:ltr;text-align:start}
/* Quiet work links: one neutral treatment, no decorative frames or movement. */
.besterra-os.os945 .nav982-tools{display:flex;flex-wrap:wrap;align-items:stretch;flex:1 1 auto;gap:4px}
.besterra-os.os945 .nav982-tools .nav982-tool{flex:0 1 auto;min-height:44px;padding:8px 10px;font-size:13px;font-weight:500;line-height:1.4;gap:7px;border:0;border-radius:7px;background:transparent;color:var(--os944-text);box-shadow:none;outline:none;transform:none;transition:background-color 120ms ease,color 120ms ease}
.besterra-os.os945 .nav982-tools .nav982-tool:hover{background:var(--os944-subtle);color:var(--os944-text);box-shadow:none;outline:none;transform:none}
.besterra-os.os945 .nav982-tools .nav982-tool[aria-current=page]{background:transparent;color:var(--os944-purple);font-weight:600;outline:none}
.besterra-os.os945 .nav982-tools .nav982-tool[aria-current=page]:hover{background:var(--os944-subtle)}
.besterra-os.os945 .nav982-tools .nav982-tool:focus-visible{outline:2px solid var(--os944-focus);outline-offset:2px;background:var(--os944-subtle)}
.besterra-os.os945 .nav982-tools .nav982-tool svg{width:19px;height:19px;transform:none;transition:none}
@media(max-width:1200px){
 .besterra-os.os945 .nav982-tools{flex-basis:100%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%}
 .besterra-os.os945 .nav982-tools .nav982-tool{width:100%;padding:8px}
}
@media(max-width:600px){
 .besterra-os.os945 .nav982-tools{grid-template-columns:repeat(3,minmax(0,1fr))}
 .besterra-os.os945 .nav982-tools .nav982-tool{font-size:12px;min-height:58px;flex-direction:column;gap:4px;text-align:center;padding:6px}
}
/* A compact account panel with adjacent language and explicit appearance choices. */
.besterra-os.os945 #os944-user{width:min(340px,calc(100vw - 24px));font-size:14px;max-height:calc(var(--ui983-viewport) - 24px);overflow:auto}
.besterra-os.os945 #os944-user>header{padding:12px 16px}
.besterra-os.os945 #os944-user>header h2{font-size:16px;line-height:1.5}
.besterra-os.os945 #os944-user .os944-profile-summary{padding:12px 16px;gap:10px}
.besterra-os.os945 #os944-user .os944-menu-link{min-height:44px;padding:10px 16px;font-size:14px;line-height:1.5}
.besterra-os.os945 #os944-user .ui985-preferences{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:10px 12px;border-block:1px solid var(--os944-border)}
.besterra-os.os945 #os944-user .os944-languages{padding:0;border:0;gap:4px}
.besterra-os.os945 #os944-user .os944-languages a{font-size:14px;padding:6px;min-width:44px}
.ui985-themes{display:flex;gap:4px}
.besterra-os.os945 #os944-user [data-ui985-theme]{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid var(--os944-border);border-radius:10px;color:var(--os944-text);background:transparent}
.besterra-os.os945 #os944-user [data-ui985-theme] svg{width:20px;height:20px}
.besterra-os.os945 #os944-user [data-ui985-theme][aria-pressed=true]{background:var(--os944-selected);color:var(--os944-purple);border-color:var(--os944-purple)}
.besterra-os.os945 #os944-user [data-ui985-theme]:focus-visible{outline:2px solid var(--os944-focus);outline-offset:2px}
.r985-attachment{padding:12px 16px;border:1px solid var(--r982-border);border-radius:12px;background:var(--r982-soft);display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.r985-attachment p{margin:0;overflow-wrap:anywhere}
.r985-attachment img{width:120px;height:80px;object-fit:contain;border-radius:8px}
.r985-attachment a{overflow-wrap:anywhere;min-height:44px;display:inline-flex;align-items:center}
.r985-cover-preview{display:block;max-width:100%;max-height:320px;width:auto;height:auto;object-fit:contain;margin-block:16px;border-radius:12px}

/* STRATA Delegate: icon-only purple header action with an accessible name. */
.besterra-os.os945 .os944-top-actions .sd9813-agent-link{display:inline-flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;min-height:44px;flex:0 0 44px;padding:10px;border:0;border-radius:10px;background:#4b2e83;color:#fff;text-decoration:none;box-shadow:none}
.besterra-os.os945 .os944-top-actions .sd9813-agent-link[aria-current=page]{background:#62419a;color:#fff}
/* Keep orange hover visible on the currently open agent page as well. */
.besterra-os.os945 .os944-top-actions .sd9813-agent-link:hover{background:var(--os944-orange,#d28e3f);color:#251a32;box-shadow:none}
.besterra-os.os945 .os944-top-actions .sd9813-agent-link:focus-visible{outline:2px solid var(--os944-focus,#7851b7);outline-offset:3px}
.besterra-os.os945 .os944-top-actions .sd9813-agent-link svg{width:22px;height:22px;flex:0 0 22px;color:inherit}


/* V9.8.23 — equally compact public controls and a quiet assessment highlight. */
.public-page .site-header .controls{--ui9823-control-size:40px}
.public-page .site-header .controls #theme,
.public-page .site-header .controls>.button.ui988-workspace-icon,
.public-page .site-header .controls .ui983-languages>summary,
.public-page .site-header .controls .language-picker>a{
 box-sizing:border-box;width:var(--ui9823-control-size);height:var(--ui9823-control-size);
 min-width:var(--ui9823-control-size);min-height:var(--ui9823-control-size);
 min-block-size:var(--ui9823-control-size);flex:0 0 var(--ui9823-control-size);
 padding:0;border-radius:10px;font-size:13px;line-height:1;
}
.public-page .site-header .controls #theme .ui9822-control-icon,
.public-page .site-header .controls>.button.ui988-workspace-icon svg{width:16px;height:16px}
.public-page .site-header .controls .ui983-languages>summary{gap:2px}
.public-page .site-header .ui9822-assessment{
 --ui9823-shine-travel:450%;position:relative;isolation:isolate;overflow:hidden;
 box-shadow:inset 0 1px 0 #ffffff52,0 0 14px #9bf2f01a;
}
.public-page .site-header .ui9822-assessment:dir(rtl){--ui9823-shine-travel:-450%}
.public-page .site-header .ui9822-assessment>span{position:relative;z-index:1}
.public-page .site-header .ui9822-assessment>.ui9823-assessment-arrow{
 display:inline-flex;align-items:center;justify-content:center;flex:0 0 18px;
 width:18px;height:18px;line-height:1;pointer-events:none;
 transform:none;transition:transform 180ms ease;
}
.public-page .site-header .ui9822-assessment>.ui9823-assessment-arrow>svg{display:block;width:18px;height:18px;color:inherit}
.public-page .site-header .ui9822-assessment:dir(ltr)>.ui9823-assessment-arrow>svg{transform:scaleX(-1)}
.public-page .site-header .ui9822-assessment::after{
 content:"";position:absolute;inset-block-start:-50%;inset-inline-start:-45%;width:36%;height:200%;
 z-index:0;pointer-events:none;background:linear-gradient(90deg,transparent,#ffffffb3,transparent);
 transform:translateX(0) skewX(-18deg);opacity:0;animation:ui9823-assessment-shine 8s ease-in-out infinite;
}
@keyframes ui9823-assessment-shine{
 0%,65%{transform:translateX(0) skewX(-18deg);opacity:0}
 72%{opacity:.3}
 90%,100%{transform:translateX(var(--ui9823-shine-travel)) skewX(-18deg);opacity:0}
}
@media(hover:hover){
 .public-page .site-header .ui9822-assessment:hover{box-shadow:inset 0 1px 0 #ffffff66,0 0 18px #9bf2f030}
 .public-page .site-header .ui9822-assessment:hover>.ui9823-assessment-arrow{transform:translate(-2px,-2px)}
 .public-page .site-header .ui9822-assessment:dir(ltr):hover>.ui9823-assessment-arrow{transform:translate(2px,-2px)}
}
@media(prefers-reduced-motion:reduce){
 .public-page .site-header .ui9822-assessment::after{content:none;animation:none}
 .public-page .site-header .ui9822-assessment>.ui9823-assessment-arrow,
 .public-page .site-header .ui9822-assessment:is(:hover,:focus-visible)>.ui9823-assessment-arrow,
 .public-page .site-header .ui9822-assessment:dir(ltr):is(:hover,:focus-visible)>.ui9823-assessment-arrow{transition:none;transform:none}
}
@media(forced-colors:active),print{
 .public-page .site-header .ui9822-assessment,.public-page .site-header .ui9822-assessment:hover{box-shadow:none}
 .public-page .site-header .ui9822-assessment::after{content:none;animation:none}
}

/* Assessment CTA: compact brand colour flow; the native trailing arrow is unchanged. */
.public-page .site-header .ui9822-assessment{
 background:linear-gradient(115deg,#b9faf5 0%,#9bf2f0 32%,#c7bbf0 54%,#9bf2f0 76%,#b9faf5 100%);
 background-size:250% 100%;background-position:0 50%;color:#082e37;
 border-color:transparent;box-shadow:inset 0 1px 0 #ffffff80,0 2px 8px #9bf2f018;
 transition:background-position .7s ease,box-shadow .3s ease;
}
@media(hover:hover){
 .public-page .site-header .ui9822-assessment:hover{background-position:100% 50%;color:#082e37;animation:ui9825-brand-flow 3s ease-in-out infinite alternate}
}
.public-page .site-header .ui9822-assessment:focus-visible{background-position:100% 50%}
@keyframes ui9825-brand-flow{from{background-position:100% 50%}to{background-position:0 50%}}
@media(prefers-reduced-motion:reduce){.public-page .site-header .ui9822-assessment,.public-page .site-header .ui9822-assessment:hover{animation:none;transition:none}}

/* Mobile menu is controlled by one viewport contract and its explicit open state. */
@media(max-width:767px){.public-page .site-header{overflow:visible}.public-page .site-header #siteNav{position:absolute;inset-block-start:calc(100% + 8px);inset-block-end:auto;inset-inline-start:auto;inset-inline-end:var(--ui983-edge);z-index:101;display:none;touch-action:pan-y}.public-page .site-header #siteNav.is-open{display:flex;visibility:visible;opacity:1;pointer-events:auto}.public-page .site-header .nav-toggle{touch-action:manipulation}}

/* Visible, adjacent language links on phones. Keep every utility in the header row. */
@media(max-width:399px){
 .public-page .site-header{gap:4px;padding-inline:8px}
 .public-page .site-header .brand{width:clamp(64px,calc(100vw - 256px),96px);flex-basis:clamp(64px,calc(100vw - 256px),96px)}
 .public-page .site-header .brand img{width:100%;height:56px}
 .public-page .site-header .controls{gap:4px}
 .public-page .site-header .controls .language-picker>a{width:32px;min-width:32px;flex-basis:32px}
}