/* UX-06: 01 balanced shell, preserving the existing HUULICH navy/gold design tokens. */
.ux06-unified{--ux06-navy:#0A2448;--ux06-gold:#F3BA32;--ux06-bg:#F5F7FB}
.ux06-unified .ux06-sidebar,.ux06-unified .ux06-bottom-nav,.ux06-unified .ux06-sheet-shade{box-sizing:border-box;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.ux06-sidebar *,.ux06-bottom-nav *,.ux06-sheet *{box-sizing:border-box}
.ux06-sidebar{display:none}
.ux06-bottom-nav{display:none}
.ux06-sheet-shade[hidden]{display:none!important}
@media(min-width:1024px){
  body.ux06-unified:not(.ux06-focus){padding-left:248px}
  .ux06-unified:not(.ux06-focus) .ux06-sidebar{display:flex;position:fixed;inset:0 auto 0 0;width:248px;z-index:1050;flex-direction:column;padding:24px 13px 18px;background:#0A2448;color:#fff;box-shadow:3px 0 16px rgba(0,0,0,.12);overflow-y:auto}
  .ux06-brand{display:flex;flex-direction:column;gap:5px;padding:9px 12px 20px;color:#fff!important;text-decoration:none!important;font-size:1rem;font-weight:850;letter-spacing:.1em}
  .ux06-brand-caption{font-weight:500;letter-spacing:0;font-size:.77rem;color:#c7d0df}
  .ux06-links{display:grid;gap:4px}
  .ux06-link,.ux06-sub-link{display:block;color:#dfe8f4!important;text-decoration:none!important;border-radius:11px;padding:12px 14px;font-size:.91rem;font-weight:650;line-height:1.35}
  .ux06-link:hover,.ux06-sub-link:hover{background:rgba(255,255,255,.09)}
  .ux06-link[aria-current="page"]{color:#0A2448!important;background:#F3BA32}.ux06-link[data-parent-active]{background:rgba(255,255,255,.11);color:#fff!important}
  .ux06-subnav{display:grid;margin:-2px 0 6px 12px;border-left:1px solid rgba(255,255,255,.24);padding-left:8px}
  .ux06-sub-link{padding:8px 12px;font-size:.82rem;font-weight:500}
  .ux06-sub-link[aria-current="page"]{background:#F3BA32!important;color:#0A2448!important;font-weight:850}
  .ux06-collapse{margin:auto 8px 0;border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;border-radius:10px;padding:10px;cursor:pointer;font:inherit;font-size:.8rem}
  body.ux06-unified.ux06-collapsed:not(.ux06-focus){padding-left:76px}
  .ux06-unified.ux06-collapsed .ux06-sidebar{width:76px;padding-left:6px;padding-right:6px}
  .ux06-collapsed .ux06-brand{padding:8px 4px;font-size:.62rem;overflow-wrap:anywhere}
  .ux06-collapsed .ux06-brand-caption,.ux06-collapsed .ux06-subnav{display:none}
  .ux06-collapsed .ux06-link{font-size:.64rem;text-align:center;padding:12px 3px}
  .ux06-collapsed .ux06-collapse{font-size:.63rem;padding:8px 3px}
  .ux06-unified .huulich-section-nav__tabs{display:none!important}
  .ux06-unified .huulich-section-nav__actions{display:none}
  .ux06-unified .site-header .brand-lockup{display:none}
}
@media(min-width:768px) and (max-width:1023px){
  .ux06-unified .huulich-section-nav__tabs-inner{justify-content:center}
}
@media(max-width:767px){
  body.ux06-unified:not(.ux06-focus){padding-bottom:calc(68px + env(safe-area-inset-bottom,0px))}
  .ux06-unified:not(.ux06-focus) .ux06-bottom-nav{display:grid;position:fixed;left:0;right:0;bottom:0;z-index:950;grid-template-columns:repeat(4,minmax(0,1fr));min-height:calc(62px + env(safe-area-inset-bottom,0px));padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid #d9e1ea;box-shadow:0 -3px 16px rgba(16,28,45,.08)}
  .ux06-bottom-link{display:flex;align-items:center;justify-content:center;min-height:48px;padding:8px 4px;border:0;border-radius:10px;background:transparent;color:#34445a;text-align:center;text-decoration:none!important;font:inherit;font-size:.77rem;font-weight:700;line-height:1.2;cursor:pointer}
  .ux06-bottom-link[aria-current="page"],.ux06-bottom-link.ux06-active{background:#f0f4f9;color:#0A2448;box-shadow:inset 0 -3px #bd9349}
  .ux06-unified .huulich-section-nav__tabs{display:none!important}
  .ux06-unified.ux06-sheet-open{overflow:hidden}
  .ux06-sheet-shade{position:fixed;inset:0;z-index:1300;display:flex;align-items:flex-end;background:rgba(6,15,27,.62)}
  .ux06-sheet{background:#fff;border-radius:20px 20px 0 0;padding:20px 18px calc(24px + env(safe-area-inset-bottom,0px));width:100%;max-height:85vh;overflow-y:auto;color:#0A2448}
  .ux06-sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
  .ux06-sheet-close{border:1px solid #cdd7e2;border-radius:10px;background:#f5f7fa;color:#152338;padding:9px 12px;font:inherit;cursor:pointer}
  .ux06-sheet-link{display:block;text-decoration:none!important;color:#172b48!important;border-bottom:1px solid #e4e9ee;padding:16px 6px;font-weight:700}
  .ux06-unified .portal-intro h1{font-size:clamp(1.55rem,6vw,2.15rem);line-height:1.17}
}
.ux06-unified #serviceChooser:has(.returning-dashboard:not([hidden])) .portal-intro{display:none}
.ux06-unified .portal-intro{padding:18px 0 8px}
.ux06-unified .portal-intro h1{font-size:clamp(1.8rem,3.6vw,2.8rem);line-height:1.14}
.ux06-unified .portal-intro .lead{max-width:680px}
.ux06-unified .returning-dashboard:not([hidden]){border-color:#c4d4e5;background:#fff}
.ux06-unified a:focus-visible,.ux06-unified button:focus-visible{outline:3px solid #bf922e;outline-offset:3px}


/* Shared learner surfaces: same palette, focus style, card rhythm, and responsive behavior. */
.ux06-unified{--ux06-ink:#172b45;--ux06-border:#d9e2ed;--ux06-gold:#F3BA32}
.ux06-unified .huulich-section-nav__top{border-bottom:0}
.ux06-unified .huulich-section-nav__page{font-weight:800}
.ux06-unified .test-section,.ux06-unified .v2-card,.ux06-unified .case-card,.ux06-unified .legal-card{border:1px solid var(--ux06-border);border-radius:17px;box-shadow:0 8px 26px rgba(16,28,45,.05)}
.ux06-unified .test-intro h1,.ux06-unified .v2-title,.ux06-unified .case-hero h1{color:#172b45;letter-spacing:-.018em;line-height:1.19}
.ux06-unified .test-link-card,.ux06-unified .bank-card,.ux06-unified .v2-card a:focus-visible,.ux06-unified .case-entry{border-radius:12px}
.ux06-unified .primary-button,.ux06-unified .test-button.primary,.ux06-unified .v2-button:not(.secondary){background:#1454B5;color:#fff;border-color:#1454B5}
.ux06-unified .payment-modal,.ux06-unified .learning-hub-panel,.ux06-unified .dashboard-panel{border-radius:18px}
.ux06-unified .site-footer{border-top:1px solid #e0e7ef}
.ux06-unified .section-kicker,.ux06-unified .v2-eyebrow{letter-spacing:.08em}
.ux06-unified .ux06-link[data-parent-active]:hover{background:rgba(255,255,255,.16)}
/* Focus workspaces intentionally keep minimal navigation, not a marketing sidebar. */
body.ux06-focus-page .test-header,body.ux06-focus-page .case-header{background:#0A2448;color:#fff}
body.ux06-focus-page .test-header a,body.ux06-focus-page .case-header a{color:inherit}
body.ux06-focus-page button:focus-visible,body.ux06-focus-page a:focus-visible{outline:3px solid #bf922e;outline-offset:3px}
@media(max-width:767px){
 .ux06-unified .test-link-card,.ux06-unified .case-card{max-width:100%}
 .ux06-unified .test-section,.ux06-unified .v2-card,.ux06-unified .legal-card{border-radius:13px}
 .ux06-unified .huulich-section-nav__top{width:calc(100% - 24px)}
}

/* UX-03 canonical shell header, consistent across pages. */
.ux06-unified .ux06-topbar{display:flex;align-items:center;gap:16px;min-height:72px;padding:12px 28px;background:#FFFFFF;color:#0A2448;border-bottom:1px solid #dbe3ef;position:sticky;top:0;z-index:900}
.ux06-unified .ux06-topbar-brand{font-weight:850;letter-spacing:.09em;color:#0A2448;text-decoration:none}
.ux06-unified .ux06-topbar-page{font-size:.85rem;color:#345575}
.ux06-unified .ux06-topbar .header-actions{margin-left:auto;display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.ux06-unified .ux06-legacy-header{display:none!important}
@media(max-width:767px){.ux06-unified .ux06-topbar{padding:9px 12px;gap:8px;flex-wrap:wrap}.ux06-unified .ux06-topbar-page{display:none}.ux06-unified .ux06-topbar .header-actions{width:100%;justify-content:flex-end}}

/* Exactly one visible horizontal learner header; focused workspaces use section-nav instead. */
body.ux06-unified > header:not(.ux06-topbar){display:none!important}

/* UX-06: legible shared Bodlogo header. Original case/v2 header stays visually suppressed. */
.ux06-unified .ux06-topbar-page{color:#0A2448!important;font-size:1rem!important;font-weight:800!important}
.ux06-unified .ux06-topbar .ux06-case-auth{margin-left:auto;color:#0A2448!important;font-size:.875rem;font-weight:700;white-space:normal}
.ux06-unified .ux06-topbar .header-actions,.ux06-unified .ux06-topbar .header-actions *{color:#0A2448}
.ux06-unified .ux06-topbar .header-actions .access-badge{color:#064f35!important}