/* Shipping Practice Lab — V64 Product Design & UX Layer
   Global visual consistency, contrast, navigation, mobile UX and micro-interactions. */
:root{
  --spl64-bg:#f5f8fa;
  --spl64-bg-elev:#ffffff;
  --spl64-bg-soft:#eef4f7;
  --spl64-bg-strong:#e5eef2;
  --spl64-text:#102b3c;
  --spl64-text-strong:#071d2c;
  --spl64-text-muted:#5d7482;
  --spl64-text-faint:#748b97;
  --spl64-border:#d7e2e7;
  --spl64-border-strong:#b9cad2;
  --spl64-accent:#0f7395;
  --spl64-accent-2:#37b9d3;
  --spl64-accent-soft:#e4f4f8;
  --spl64-success:#167457;
  --spl64-warning:#9b650d;
  --spl64-danger:#b7444c;
  --spl64-shadow:0 16px 48px rgba(8,38,56,.09);
  --spl64-shadow-lg:0 28px 86px rgba(5,27,42,.16);
  --spl64-r-xs:8px;
  --spl64-r-sm:12px;
  --spl64-r-md:18px;
  --spl64-r-lg:26px;
  --spl64-header-h:76px;
  --spl64-font:Aptos,"Aptos Display","Segoe UI Variable","Segoe UI",Arial,sans-serif;
  --spl64-weight-heading:720;
  --spl64-weight-subheading:700;
  --spl64-weight-control:720;
}
html[data-theme="dark"]{
  --spl64-bg:#06131d;
  --spl64-bg-elev:#0b1e2b;
  --spl64-bg-soft:#102734;
  --spl64-bg-strong:#173341;
  --spl64-text:#dce9ef;
  --spl64-text-strong:#f5f9fb;
  --spl64-text-muted:#a9bdc7;
  --spl64-text-faint:#8da5b1;
  --spl64-border:#2b4655;
  --spl64-border-strong:#416272;
  --spl64-accent:#73d0e6;
  --spl64-accent-2:#89dced;
  --spl64-accent-soft:#123746;
  --spl64-success:#74d7b0;
  --spl64-warning:#f1bd72;
  --spl64-danger:#ff989c;
  --spl64-shadow:0 18px 54px rgba(0,0,0,.24);
  --spl64-shadow-lg:0 32px 96px rgba(0,0,0,.38);
}

/* Baseline visual language */
html{background:var(--spl64-bg);scroll-padding-top:104px}
body{background-color:var(--spl64-bg);color:var(--spl64-text);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body,button,input,select,textarea{font-family:var(--spl64-font)!important}
body :is(h1,h2,h3,h4,h5,h6){font-family:var(--spl64-font)!important;text-wrap:balance}
body main h1{font-weight:var(--spl64-weight-heading)!important;line-height:1.06;letter-spacing:-.038em}
body main h2{font-weight:var(--spl64-weight-heading)!important;line-height:1.12;letter-spacing:-.03em}
body main h3{font-weight:var(--spl64-weight-subheading)!important;line-height:1.2;letter-spacing:-.018em}
body :is(p,li,dd){text-wrap:pretty}
body :is(button,.button,.btn,[class*="button"]){font-family:var(--spl64-font)!important;font-weight:var(--spl64-weight-control);letter-spacing:0}
body :is(.eyebrow,.kicker,.overline,.meta-label,.spl3-eyebrow,.spl3-kicker){line-height:1.35;letter-spacing:.11em}
body :is(.caption,.meta,small){line-height:1.45}
body a{transition:color .16s ease,border-color .16s ease,background-color .16s ease,opacity .16s ease,transform .16s ease}
body :is(button,[role="button"]){transition:color .16s ease,border-color .16s ease,background-color .16s ease,opacity .16s ease,transform .16s ease,box-shadow .16s ease}
body :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid color-mix(in srgb,var(--spl64-accent) 42%,transparent)!important;outline-offset:3px!important}
::selection{background:color-mix(in srgb,var(--spl64-accent) 28%,transparent);color:var(--spl64-text-strong)}

/* Dark-mode contrast pass — deliberately broad for legacy pages */
html[data-theme="dark"] body{background-color:var(--spl64-bg)!important;color:var(--spl64-text)!important}
html[data-theme="dark"] body :is(h1,h2,h3,h4,h5,h6,.title,.heading,.card-title,.section-title){color:var(--spl64-text-strong)!important}
html[data-theme="dark"] body :is(p,li,dd,.subtitle,.description,.muted,.secondary-text,.helper-text,.meta,.caption){color:var(--spl64-text-muted)!important}
html[data-theme="dark"] body :is(small,.label,.eyebrow,.kicker,.overline,.meta-label){color:var(--spl64-text-faint)!important}
html[data-theme="dark"] body :is(.card,.panel,.tile,.box,.module-card,.feature-card,.tool-card,.stat-card,.info-card,.content-card,.dashboard-card,.section-card){border-color:var(--spl64-border)!important}
html[data-theme="dark"] body :is(input:not([type="checkbox"]):not([type="radio"]),textarea,select){background:var(--spl64-bg-soft)!important;border-color:var(--spl64-border)!important;color:var(--spl64-text-strong)!important}
html[data-theme="dark"] body :is(input,textarea)::placeholder{color:#89a2ae!important;opacity:1!important}
html[data-theme="dark"] body :is(hr,.divider,[class*="divider"],[class*="separator"]){border-color:var(--spl64-border)!important}
html[data-theme="dark"] body :is(table,th,td){border-color:var(--spl64-border)!important}
html[data-theme="dark"] body th{color:var(--spl64-text-strong)!important}
html[data-theme="dark"] body td{color:var(--spl64-text)!important}
html[data-theme="dark"] body :is(a:not(.button):not(.btn):not([class*="button"])){text-decoration-color:color-mix(in srgb,var(--spl64-accent) 38%,transparent)}
html[data-theme="dark"] body :is([aria-disabled="true"],button:disabled,input:disabled,select:disabled,textarea:disabled){opacity:.56!important}

/* Theme-safe surfaces for common legacy structures */
html[data-theme="dark"] body :is(.module-row,.module-list,.content-section,.page-section,.dashboard-section,.settings-card,.form-card,.search-panel,.result-card,.detail-panel,.side-panel,.sidebar-card,.dialog-card){background-color:var(--spl64-bg-elev)!important;color:var(--spl64-text)!important;border-color:var(--spl64-border)!important}
html[data-theme="dark"] body :is(.tag,.badge,.pill,.status-pill,.skill-tags span,[class*="chip"]){background:var(--spl64-accent-soft)!important;color:var(--spl64-accent)!important;border-color:var(--spl64-border)!important}

/* Application-like universal header */
body .site-header.spl-universal-header{position:sticky!important;top:0!important;z-index:12000!important;background:color-mix(in srgb,var(--spl64-bg-elev) 96%,transparent)!important;border-bottom:1px solid var(--spl64-border)!important;box-shadow:0 1px 0 rgba(255,255,255,.03),0 8px 30px rgba(6,26,39,.04)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}
body .site-header.spl-universal-header .header-inner{min-height:var(--spl64-header-h)!important;width:min(1540px,calc(100% - 32px))!important;gap:18px!important}
body .site-header.spl-universal-header .brand-mark{background:var(--spl64-bg-soft)!important;border-color:var(--spl64-border)!important;color:var(--spl64-accent)!important}
body .site-header.spl-universal-header .brand-rule{background:var(--spl64-border)!important}
body .site-header.spl-universal-header .brand-name{color:var(--spl64-text-strong)!important}
body .site-header.spl-universal-header .brand-credit{color:var(--spl64-text-muted)!important}
body .site-header.spl-universal-header .desktop-nav{gap:10px!important}
body .site-header.spl-universal-header .desktop-nav>a{min-height:var(--spl64-header-h)!important;color:var(--spl64-text)!important;font-size:12px!important;font-weight:680!important}
body .site-header.spl-universal-header .desktop-nav>a:hover{color:var(--spl64-accent)!important}
body .site-header.spl-universal-header .desktop-nav>a[aria-current="page"]{color:var(--spl64-accent)!important}
body .site-header.spl-universal-header .desktop-nav>a[aria-current="page"]:after{bottom:14px!important;background:var(--spl64-accent)!important;height:2px!important}
body .site-header.spl-universal-header .desktop-nav .nav-cta{min-height:38px!important;padding:0 14px!important;border-radius:999px!important;background:var(--spl64-text-strong)!important;border-color:var(--spl64-text-strong)!important;color:var(--spl64-bg-elev)!important}
body .site-header.spl-universal-header .desktop-nav .spl-practice-cta{min-height:40px!important;padding:0 16px!important;border:1px solid #42b8cf!important;border-radius:999px!important;background:#0c3349!important;color:#f4fbfc!important;font-weight:840!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)!important}
body .site-header.spl-universal-header .desktop-nav .spl-practice-cta:hover,body .site-header.spl-universal-header .desktop-nav .spl-practice-cta[aria-current="page"]{border-color:#62cbe0!important;background:#55bfd4!important;color:#062333!important}
body .site-header.spl-universal-header .desktop-nav .spl-practice-cta:after{display:none!important}
body .site-header.spl-universal-header .account-link{padding-inline:4px!important}
body .site-header.spl-universal-header .spl-mobile-menu-trigger{background:var(--spl64-bg-elev)!important;border-color:var(--spl64-border-strong)!important}
body .site-header.spl-universal-header .spl-mobile-menu-trigger span{background:var(--spl64-text-strong)!important}

/* Compact More menu */
.spl-more-menu{position:relative;margin:0;padding:0}
.spl-more-menu>summary{list-style:none;min-height:38px;display:inline-flex;align-items:center;gap:7px;padding:0 11px;border:1px solid var(--spl64-border);border-radius:8px;background:var(--spl64-bg-elev);color:var(--spl64-text);font-size:12px;font-weight:700;cursor:pointer}
.spl-more-menu>summary::-webkit-details-marker{display:none}
.spl-more-menu>summary:hover,.spl-more-menu[open]>summary,.spl-more-menu.is-active>summary{background:var(--spl64-bg-soft);border-color:var(--spl64-border-strong);color:var(--spl64-accent)}
.spl-more-menu>summary span{font-size:10px;transition:transform .16s ease}.spl-more-menu[open]>summary span{transform:rotate(180deg)}
.spl-more-popover{position:absolute;right:0;top:calc(100% + 10px);z-index:20;width:min(600px,calc(100vw - 32px));padding:12px;border:1px solid var(--spl64-border);border-radius:14px;background:var(--spl64-bg-elev);box-shadow:var(--spl64-shadow);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.spl-more-group{min-width:0;padding:2px}
.spl-more-group h3{margin:0 0 7px;padding:0 9px;color:var(--spl64-text-faint);font-size:9px!important;font-weight:800!important;line-height:1.35!important;letter-spacing:.1em!important;text-transform:uppercase}
.spl-more-group>div{display:grid;gap:3px}
body .site-header.spl-universal-header .spl-more-group a{min-height:40px!important;padding:0 9px!important;border:1px solid transparent!important;border-radius:8px!important;color:var(--spl64-text)!important;background:transparent!important;font-size:11px!important;font-weight:680!important;text-decoration:none!important;display:flex!important;align-items:center!important;line-height:1.25!important}
body .site-header.spl-universal-header .spl-more-group a:hover,body .site-header.spl-universal-header .spl-more-group a[aria-current="page"]{background:var(--spl64-bg-soft)!important;border-color:var(--spl64-border)!important;color:var(--spl64-accent)!important}
body .site-header.spl-universal-header .spl-more-group a:after{display:none!important}

/* Global search trigger */
.spl-global-search-trigger{height:36px;min-width:142px;display:inline-flex;align-items:center;gap:8px;padding:0 10px;border:1px solid var(--spl64-border);border-radius:11px;background:var(--spl64-bg-soft);color:var(--spl64-text-muted);font-size:11px;cursor:pointer}
.spl-global-search-trigger:hover{border-color:var(--spl64-border-strong);color:var(--spl64-text-strong);background:var(--spl64-bg-elev)}
.spl-global-search-trigger>span:first-child{font-size:17px;line-height:1;color:var(--spl64-accent)}
.spl-global-search-trigger kbd{margin-left:auto;padding:3px 5px;border:1px solid var(--spl64-border);border-radius:6px;background:var(--spl64-bg-elev);color:var(--spl64-text-faint);font:9px/1 ui-monospace,SFMono-Regular,Menlo,monospace}

/* Context bar: orientation without visual noise */
.spl-context-bar{position:relative;z-index:150;width:min(1540px,calc(100% - 32px));min-height:46px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:7px 4px;border-bottom:1px solid color-mix(in srgb,var(--spl64-border) 78%,transparent);color:var(--spl64-text-muted)}
.spl-context-breadcrumb{display:flex;align-items:center;gap:7px;min-width:0;font-size:11px}
.spl-context-breadcrumb a{color:var(--spl64-text-muted);text-decoration:none}.spl-context-breadcrumb a:hover{color:var(--spl64-accent)}
.spl-context-breadcrumb b{max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--spl64-text-strong);font-weight:780}
.spl-context-breadcrumb i{font-style:normal;color:var(--spl64-text-faint)}
.spl-context-quick{display:flex;align-items:center;gap:6px;min-width:0}.spl-context-quick>span{font-size:9px;font-weight:850;letter-spacing:.11em;text-transform:uppercase;color:var(--spl64-text-faint)}
.spl-context-chip{max-width:150px;min-height:30px;padding:0 9px;display:inline-flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--spl64-border);border-radius:999px;background:var(--spl64-bg-elev);color:var(--spl64-text-muted);text-decoration:none;font-size:10px;font-weight:700}
.spl-context-chip:hover{border-color:var(--spl64-accent);color:var(--spl64-accent);transform:translateY(-1px)}

/* Command palette */
.spl-search-overlay[hidden]{display:none!important}.spl-search-overlay{position:fixed;z-index:2147483200;inset:0;display:grid;place-items:start center;padding:clamp(80px,12vh,140px) 16px 20px;background:rgba(2,12,20,.64);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.spl-search-dialog{width:min(760px,100%);max-height:min(720px,calc(100dvh - 120px));display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--spl64-border-strong);border-radius:22px;background:var(--spl64-bg-elev);box-shadow:0 42px 120px rgba(0,0,0,.34);color:var(--spl64-text)}
.spl-search-head{display:flex;align-items:center;gap:10px;padding:14px;border-bottom:1px solid var(--spl64-border)}
.spl-search-head>span{font-size:21px;color:var(--spl64-accent)}.spl-search-input{min-width:0;flex:1;height:46px;padding:0;border:0!important;outline:0!important;background:transparent!important;color:var(--spl64-text-strong)!important;font-size:16px!important;box-shadow:none!important}.spl-search-input::placeholder{color:var(--spl64-text-faint)!important}
.spl-search-close{width:34px;height:34px;border:1px solid var(--spl64-border);border-radius:50%;background:var(--spl64-bg-soft);color:var(--spl64-text-strong);font-size:19px;cursor:pointer}
.spl-search-body{overflow:auto;padding:10px}.spl-search-hint{padding:8px 10px;color:var(--spl64-text-faint);font-size:10px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}
.spl-search-results{display:grid;gap:4px}.spl-search-result{min-height:58px;display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;border:1px solid transparent;border-radius:12px;text-decoration:none;color:var(--spl64-text)}.spl-search-result:hover,.spl-search-result.active{background:var(--spl64-accent-soft);border-color:color-mix(in srgb,var(--spl64-accent) 24%,var(--spl64-border))}
.spl-search-result-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--spl64-bg-soft);color:var(--spl64-accent);font-size:15px}.spl-search-result strong{display:block;color:var(--spl64-text-strong);font-size:13px}.spl-search-result small{display:block;margin-top:3px;color:var(--spl64-text-muted);font-size:10px}.spl-search-result>span:last-child{color:var(--spl64-text-faint);font-size:15px}
.spl-search-empty{padding:28px 16px;text-align:center;color:var(--spl64-text-muted);font-size:13px}
html.spl-search-open,html.spl-search-open body{overflow:hidden}

/* Mobile bottom navigation — four clear identity shortcuts. */
.spl-mobile-bottom-nav{display:none}
@media(max-width:760px){
  body:not(.spl-auth-page){padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}
  .spl-mobile-bottom-nav{position:fixed;z-index:11950;left:10px;right:10px;bottom:max(8px,env(safe-area-inset-bottom,0px));height:64px;padding:5px;display:grid;grid-template-columns:repeat(4,1fr);gap:3px;border:1px solid var(--spl64-border);border-radius:17px;background:var(--spl64-bg-elev);box-shadow:0 12px 32px rgba(4,25,39,.16)}
  .spl-mobile-bottom-nav a,.spl-mobile-bottom-nav button{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:0;border-radius:11px;background:transparent;color:var(--spl64-text-muted);text-decoration:none;font-size:9px;font-weight:720;line-height:1;cursor:pointer}
  .spl-mobile-bottom-nav i{display:grid;place-items:center;font-style:normal;line-height:1}
  .spl-mobile-bottom-nav svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
  .spl-mobile-bottom-nav :is(a,button).active{background:var(--spl64-accent-soft);color:var(--spl64-accent)}
}

/* Mobile menu becomes a compact application drawer */
@media(max-width:980px){
  .spl-mobile-drawer{top:max(78px,calc(env(safe-area-inset-top,0px) + 66px))!important;border-radius:20px!important;background:var(--spl64-bg-elev)!important;border-color:var(--spl64-border)!important;color:var(--spl64-text)!important;box-shadow:var(--spl64-shadow-lg)!important}
  .spl-mobile-drawer-head{border-color:var(--spl64-border)!important}.spl-mobile-drawer-head>span{color:var(--spl64-text-strong)!important}.spl-mobile-drawer-close{background:var(--spl64-bg-soft)!important;color:var(--spl64-text-strong)!important;border-color:var(--spl64-border)!important}
  .spl-mobile-drawer .spl-mobile-group h3{color:var(--spl64-text-faint)!important}.spl-mobile-drawer a{background:var(--spl64-bg-soft)!important;color:var(--spl64-text)!important;border-color:var(--spl64-border)!important;border-radius:11px!important}.spl-mobile-drawer a[aria-current="page"]{background:var(--spl64-accent-soft)!important;color:var(--spl64-accent)!important;border-color:color-mix(in srgb,var(--spl64-accent) 42%,var(--spl64-border))!important}.spl-mobile-drawer a.nav-cta{background:var(--spl64-text-strong)!important;color:var(--spl64-bg-elev)!important;border-color:var(--spl64-text-strong)!important}
  .spl-mobile-drawer .spl-mobile-utility{border-color:var(--spl64-border)!important}
  .spl-mobile-drawer .spl-mobile-utility .spl-nav-logout{grid-column:1/-1;min-height:42px;width:100%;border-color:var(--spl64-border)!important;border-radius:11px!important;background:var(--spl64-text-strong)!important;color:var(--spl64-bg-elev)!important}
}

@media(hover:hover){
  body :is(.module-card,.feature-card,.tool-card,.job-card,.mg-card,.mcs-case-card,.ch-category,.ch-focus-card,.ch-panel,.cl-mini-card):hover{transform:translateY(-2px);box-shadow:var(--spl64-shadow)}
}

/* Chartering case visual identity — consistent system, no random imagery */
body.ch-hub-body .ch-case-system-card{position:relative;overflow:hidden;margin:0 0 12px;border:1px solid rgba(116,211,232,.2);border-radius:16px;background:#071c2b;isolation:isolate}
body.ch-hub-body .ch-case-system-visual{position:relative;aspect-ratio:16/5;min-height:150px;padding:18px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background-image:linear-gradient(90deg,rgba(4,19,31,.95) 0%,rgba(4,19,31,.72) 52%,rgba(4,19,31,.42) 100%),url('/vu-fleet-atlas-1.webp');background-size:cover;background-position:center 46%}
body.ch-hub-body .ch-case-system-visual:after{display:none}
.ch-case-system-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.ch-case-system-no{display:inline-flex;align-items:center;gap:8px;color:#83d9e8;font-size:10px;font-weight:900;letter-spacing:.13em}.ch-case-system-no:before{content:"";width:7px;height:7px;border-radius:50%;background:#68d2e7}.ch-case-system-badge{padding:6px 9px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:#0a2333;color:#b8d0da;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.ch-case-system-copy{max-width:72%}.ch-case-system-copy strong{display:block;color:#fff;font-size:clamp(20px,3vw,30px);letter-spacing:-.035em}.ch-case-system-copy span{display:block;margin-top:6px;color:#a9c0ca;font-size:11px;line-height:1.45}.ch-case-system-route{display:none}
body.ch-hub-body .ch-focus-section:has(.ch-case){padding:14px!important;background:linear-gradient(180deg,#0a2538,#081e30)!important}
body.ch-hub-body .ch-focus-section:has(.ch-case)>h2{margin:4px 4px 12px!important}
body.ch-hub-body .ch-case{border-radius:13px!important;background:rgba(255,255,255,.025)!important}

/* Generic case-study cards follow the same composition rules */
.mcs-case-card{overflow:hidden!important;border-radius:18px!important;border-color:var(--spl64-border)!important;box-shadow:none!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important}
.mcs-case-card :is(img,.mcs-case-image,.case-image){aspect-ratio:16/9!important;object-fit:cover!important;filter:saturate(.82) contrast(1.02)!important}
.mcs-case-card :is(.mcs-case-media,.case-media){position:relative!important;overflow:hidden!important}
.mcs-case-card :is(.mcs-case-media,.case-media):after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 35%,rgba(4,20,32,.68) 100%)}

/* Reduce visual density without deleting information */
@media(max-width:760px){
  .spl-context-bar{width:calc(100% - 22px);min-height:40px;padding:5px 0}.spl-context-quick{display:none}.spl-context-breadcrumb{font-size:10px}.spl-context-breadcrumb b{max-width:58vw}
  body .site-header.spl-universal-header .header-inner{width:calc(100% - 22px)!important;min-height:68px!important}.spl-global-search-trigger,.spl-more-menu{display:none!important}
  body :is(.section-heading,.cl-section-head,.ch-section-head,.page-heading){gap:10px!important}
  body :is(.section-heading,.cl-section-head,.ch-section-head,.page-heading)>p{max-width:100%!important}
  body :is(.module-card,.feature-card,.tool-card,.ch-category,.cl-mini-card){border-radius:16px!important}
  body.ch-hub-body .ch-case-system-visual{aspect-ratio:16/7;min-height:140px}.ch-case-system-copy{max-width:84%}
}

/* Performance-oriented paint containment on long pages */
main>section:not(:first-child),main>article:not(:first-child),.ch-workspace>.ch-focus-section,.mcs-case-card{content-visibility:auto;contain-intrinsic-size:1px 420px}

/* Accessibility */
@media(prefers-reduced-motion:reduce){.spl-more-menu>summary span{transition:none!important}}
@media(max-width:520px){
  body .site-header.spl-universal-header .brand-mark{display:grid!important;width:30px!important;height:30px!important;margin-right:9px!important}
  body .site-header.spl-universal-header .brand-rule{display:block!important;height:30px!important;margin-right:9px!important}
  body .site-header.spl-universal-header .brand-name{font-size:15px!important;letter-spacing:-.02em!important}
  body .site-header.spl-universal-header .brand-credit{display:block!important;font-size:6px!important;letter-spacing:.1em!important}
}

/* V64.1 visual/navigation repair — preserve the original information architecture. */
body .site-header.spl-universal-header .header-inner{
  display:grid!important;
  grid-template-columns:max-content minmax(0,1fr)!important;
  align-items:center!important;
}
body .site-header.spl-universal-header .brand{position:relative!important;z-index:2!important;min-width:0!important}
body .site-header.spl-universal-header .desktop-nav{min-width:0!important;overflow:visible!important}
body .site-header.spl-universal-header .spl-more-popover{
  width:min(600px,calc(100vw - 32px))!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:9px!important;
  padding:12px!important;
}

/* Compact controls before the header becomes a drawer; categories keep priority. */
@media(max-width:1460px) and (min-width:1241px){
  body .site-header.spl-universal-header .header-inner{width:calc(100% - 22px)!important;gap:12px!important}
  body .site-header.spl-universal-header .brand-mark{width:46px!important;height:44px!important;margin-right:11px!important}
  body .site-header.spl-universal-header .brand-star{left:17px!important;font-size:21px!important}
  body .site-header.spl-universal-header .brand-waves{font-size:36px!important}
  body .site-header.spl-universal-header .brand-rule{height:48px!important;margin-right:13px!important}
  body .site-header.spl-universal-header .brand-name{font-size:19px!important}
  body .site-header.spl-universal-header .brand-credit{font-size:7px!important}
  body .site-header.spl-universal-header .desktop-nav{gap:7px!important}
  body .site-header.spl-universal-header .desktop-nav>a{font-size:10.5px!important}
  body .site-header.spl-universal-header .spl-more-menu>summary{padding-inline:8px!important;font-size:10.5px!important}
  body .site-header.spl-universal-header .spl-global-search-trigger{width:38px!important;min-width:38px!important;padding:0!important;justify-content:center!important}
  body .site-header.spl-universal-header .spl-global-search-trigger>span:not(:first-child),
  body .site-header.spl-universal-header .spl-global-search-trigger kbd{display:none!important}
  body .site-header.spl-universal-header .account-link{font-size:10px!important}
}

/* Switch early to the complete drawer instead of letting navigation collide with the logo. */
@media(max-width:1240px){
  body .site-header.spl-universal-header .header-inner{display:flex!important;width:calc(100% - 24px)!important}
  body .site-header.spl-universal-header .desktop-nav{display:none!important}
  body .site-header.spl-universal-header .mobile-menu{display:block!important;margin-left:auto!important}
}

/* The original mark must remain readable in dark mode. */
html[data-theme="dark"] body .site-header.spl-universal-header .brand-star{color:#78cfe4!important}
html[data-theme="dark"] body .site-header.spl-universal-header .brand-waves{color:#edf6f9!important}
html[data-theme="dark"] body .site-header.spl-universal-header .brand-rule{background:#446474!important}
html[data-theme="dark"] body .site-header.spl-universal-header .spl-more-popover,
html[data-theme="dark"] body .site-header.spl-universal-header .spl-language-popover{background:var(--spl64-bg-elev)!important;border-color:var(--spl64-border)!important;color:var(--spl64-text)!important}

@media(max-width:620px){
  .spl-mobile-drawer .spl-mobile-links{grid-template-columns:1fr!important}
  .spl-mobile-drawer{max-height:calc(100dvh - 96px)!important}
}

/* V64.3 — DX64-style single-row navigation. Old category ribbons stay retired. */
body .site-header.spl-universal-header .spl-category-ribbon{display:none!important}
body .site-header.spl-universal-header .desktop-nav{flex-wrap:nowrap!important}

/* Homepage light/dark surfaces use one coherent theme instead of hard-coded light bands. */
body.spl-home-v3 .career-home-feature{
  width:100%;
  max-width:none;
  margin:0;
  padding:76px 20px 88px;
  background:#e9edeb;
}
body.spl-home-v3 .career-home-feature .career-home-card{
  width:min(100%,1200px);
  margin:0 auto;
}
html[data-theme="dark"] body.spl-home-v3,
html[data-theme="dark"] body.spl-home-v3 .spl3-main{
  color:#dce9ef!important;
  background:#06131d!important;
}
html[data-theme="dark"] body.spl-home-v3 .spl3-purpose{
  border-bottom-color:#284553!important;
  background:#0a1c28!important;
}
html[data-theme="dark"] body.spl-home-v3 .spl3-purpose-points,
html[data-theme="dark"] body.spl-home-v3 .spl3-purpose-points article,
html[data-theme="dark"] body.spl-home-v3 .spl3-section-head,
html[data-theme="dark"] body.spl-home-v3 .spl3-area-grid{
  border-color:#294653!important;
}
html[data-theme="dark"] body.spl-home-v3 .spl3-purpose-intro h2,
html[data-theme="dark"] body.spl-home-v3 .spl3-purpose-points h3,
html[data-theme="dark"] body.spl-home-v3 .spl3-section-head h2,
html[data-theme="dark"] body.spl-home-v3 .spl3-area-card h3{
  color:#f4f8fa!important;
}
html[data-theme="dark"] body.spl-home-v3 .spl3-purpose-intro>p:last-child,
html[data-theme="dark"] body.spl-home-v3 .spl3-purpose-points p,
html[data-theme="dark"] body.spl-home-v3 .spl3-section-head>p,
html[data-theme="dark"] body.spl-home-v3 .spl3-area-card p{
  color:#a9bdc7!important;
}
html[data-theme="dark"] body.spl-home-v3 .spl3-purpose-points article>span,
html[data-theme="dark"] body.spl-home-v3 .spl3-eyebrow,
html[data-theme="dark"] body.spl-home-v3 .spl3-area-card>span,
html[data-theme="dark"] body.spl-home-v3 .spl3-area-card>b{
  color:#78d4e6!important;
}
html[data-theme="dark"] body.spl-home-v3 .spl3-areas{
  background:#071721!important;
}
html[data-theme="dark"] body.spl-home-v3 .spl3-area-card{
  border-color:#294653!important;
  color:#e5f0f4!important;
  background:#0b202d!important;
}
html[data-theme="dark"] body.spl-home-v3 .spl3-area-card:hover{
  background:#102a38!important;
  box-shadow:0 10px 24px rgba(0,0,0,.16)!important;
}
html[data-theme="dark"] body.spl-home-v3 .spl3-area-featured,
html[data-theme="dark"] body.spl-home-v3 .spl3-area-featured:hover{
  background:#0a2a3d!important;
}
html[data-theme="dark"] body.spl-home-v3 .career-home-feature{background:#06131d!important}

/* Exported glossary detail cards did not inherit the theme variables. */
html[data-theme="dark"] body .t-main{background:var(--spl64-bg)!important;color:var(--spl64-text)!important}
html[data-theme="dark"] body .t-card{background:var(--spl64-bg-elev)!important;border-color:var(--spl64-border)!important;box-shadow:var(--spl64-shadow)!important}
html[data-theme="dark"] body .t-card :is(h1,h2,.lead){color:var(--spl64-text-strong)!important}
html[data-theme="dark"] body .t-card :is(.explain,.box p){color:var(--spl64-text-muted)!important}
html[data-theme="dark"] body .t-card .box{background:var(--spl64-bg-soft)!important}
html[data-theme="dark"] body .t-card .related a{border-color:var(--spl64-border)!important;color:var(--spl64-text)!important}

/* Keep fixed learning tools usable without covering the end of Chartering content. */
body.ch-hub-body main{padding-bottom:max(88px,env(safe-area-inset-bottom,0px))}

/* About / Founder — simple, human and editorial. */
.spl-founder-page{margin:0;background:var(--spl64-bg)!important;color:var(--spl64-text)!important}
.founder-main{width:min(1120px,calc(100% - 44px));margin:0 auto;padding:72px 0 92px}
.founder-profile{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:clamp(42px,7vw,86px);align-items:start}
.founder-photo-wrap{margin:0}
.founder-photo-wrap img{width:100%;aspect-ratio:4/5;display:block;object-fit:cover;object-position:center 24%;border:1px solid var(--spl64-border);border-radius:8px;background:var(--spl64-bg-soft)}
.founder-photo-wrap figcaption{margin:12px 0 0;color:var(--spl64-text-faint);font-size:11px;font-weight:700;line-height:1.45}
.founder-story{min-width:0;padding:5px 0 0}
.founder-eyebrow{margin:0;color:var(--spl64-accent);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.founder-story h1{margin:10px 0 0;color:var(--spl64-text-strong);font-size:clamp(40px,5vw,58px);font-weight:720!important;line-height:1.02!important;letter-spacing:-.045em!important}
.founder-role{margin:12px 0 0;color:var(--spl64-text-muted);font-size:13px;line-height:1.55}
.founder-rule{width:100%;height:1px;margin:31px 0;border:0;background:var(--spl64-border)}
.founder-story h2{margin:0;color:var(--spl64-text-strong);font-size:clamp(28px,3.4vw,38px);font-weight:700!important;line-height:1.1!important;letter-spacing:-.032em!important}
.founder-story-copy{max-width:700px;margin-top:24px}
.founder-story-copy p{margin:0;color:var(--spl64-text-muted);font-size:15.5px;line-height:1.76}
.founder-story-copy p+p{margin-top:19px}
.founder-story-copy .founder-closing{margin-top:28px;color:var(--spl64-text-strong)}
.founder-closing strong{font-weight:720}
.founder-linkedin{display:inline-flex;align-items:center;margin-top:28px;padding:0 0 4px;border-bottom:1px solid var(--spl64-border-strong);color:var(--spl64-text-strong);font-size:13px;font-weight:720;text-decoration:none}
.founder-linkedin:hover{border-color:var(--spl64-accent);color:var(--spl64-accent)}
.founder-footer{width:min(1120px,calc(100% - 44px));min-height:76px;margin:0 auto;display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid var(--spl64-border);color:var(--spl64-text-faint);font-size:10px;font-weight:700}
@media(max-width:820px){
  .founder-main{width:calc(100% - 32px);padding:46px 0 72px}
  .founder-profile{grid-template-columns:1fr;gap:36px}
  .founder-photo-wrap{max-width:360px}
  .founder-footer{width:calc(100% - 32px);flex-direction:column;align-items:flex-start;justify-content:center;padding:20px 0}
}
@media(max-width:520px){.founder-main{padding-top:34px}.founder-story h1{font-size:38px}.founder-story-copy p{font-size:15px}.founder-photo-wrap{max-width:300px}}

/* V65.2.1 — collision-safe desktop navigation and readable platform directory. */
body .site-header.spl-universal-header .header-inner{
  width:min(1880px,calc(100% - 40px))!important;
  min-height:82px!important;
  display:grid!important;
  grid-template-columns:max-content minmax(0,1fr) max-content!important;
  grid-template-areas:"brand navigation account"!important;
  column-gap:24px!important;
  row-gap:0!important;
}
body .site-header.spl-universal-header .brand{grid-area:brand!important;align-self:center!important}
body .site-header.spl-universal-header .desktop-nav{
  grid-area:navigation!important;
  width:100%!important;
  min-width:0!important;
  display:flex!important;
  justify-content:center!important;
  gap:clamp(12px,1vw,20px)!important;
  overflow:visible!important;
}
body .site-header.spl-universal-header .desktop-nav>a{
  min-height:82px!important;
  font-size:13px!important;
  font-weight:720!important;
}
body .site-header.spl-universal-header .desktop-nav>a[aria-current="page"]:after{bottom:17px!important}
body .site-header.spl-universal-header .spl-header-account-tools{
  grid-area:account!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:9px!important;
  white-space:nowrap!important;
}
body .site-header.spl-universal-header .spl-header-account-tools>.account-link{
  max-width:190px!important;
  min-height:36px!important;
  display:inline-flex!important;
  align-items:center!important;
  overflow:hidden!important;
  color:var(--spl64-text-strong)!important;
  font-size:11px!important;
  font-weight:790!important;
  text-decoration:none!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body .site-header.spl-universal-header .spl-header-account-tools>.spl-nav-logout{
  min-height:36px!important;
  flex:0 0 auto!important;
  border-color:var(--spl64-border)!important;
  color:var(--spl64-text-muted)!important;
  background:transparent!important;
  font-size:10px!important;
}

body .site-header.spl-universal-header .spl-more-menu>summary{
  min-height:40px!important;
  padding:0 14px!important;
  border-radius:10px!important;
  font-size:12px!important;
  font-weight:790!important;
}
body .site-header.spl-universal-header .spl-more-popover{
  right:0!important;
  top:calc(100% + 12px)!important;
  width:min(920px,calc(100vw - 40px))!important;
  max-height:calc(100dvh - 120px)!important;
  display:block!important;
  overflow:auto!important;
  padding:0!important;
  border-radius:18px!important;
  background:var(--spl64-bg-elev)!important;
  box-shadow:0 26px 70px rgba(3,20,31,.2)!important;
}
.spl-more-heading{display:grid!important;gap:5px!important;padding:22px 24px 19px!important;border-bottom:1px solid var(--spl64-border)!important}
.spl-more-heading>span{color:var(--spl64-accent)!important;font-size:9px!important;font-weight:850!important;letter-spacing:.14em!important;text-transform:uppercase!important}
.spl-more-heading>strong{color:var(--spl64-text-strong)!important;font-size:21px!important;font-weight:760!important;line-height:1.15!important;letter-spacing:-.025em!important}
.spl-more-heading>p{max-width:660px!important;margin:2px 0 0!important;color:var(--spl64-text-muted)!important;font-size:12px!important;line-height:1.55!important}
.spl-more-directory{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important}
body .site-header.spl-universal-header .spl-more-group{min-width:0!important;padding:20px 16px 18px!important;border-right:1px solid var(--spl64-border)!important}
body .site-header.spl-universal-header .spl-more-group:last-child{border-right:0!important}
body .site-header.spl-universal-header .spl-more-group>.spl-more-group-head{display:flex!important;grid-template-columns:none!important;align-items:flex-start!important;gap:10px!important;min-height:55px!important;margin:0 4px 12px!important}
.spl-more-group-head>span{min-width:27px!important;height:27px!important;display:grid!important;place-items:center!important;border:1px solid var(--spl64-border-strong)!important;border-radius:7px!important;color:var(--spl64-accent)!important;background:var(--spl64-bg-soft)!important;font-size:9px!important;font-weight:850!important}
body .site-header.spl-universal-header .spl-more-group-head h3{margin:0!important;padding:0!important;color:var(--spl64-text-strong)!important;font-size:12.5px!important;font-weight:820!important;line-height:1.25!important;letter-spacing:.02em!important;text-transform:none!important}
.spl-more-group-head p{margin:4px 0 0!important;color:var(--spl64-text-faint)!important;font-size:10.5px!important;line-height:1.45!important}
body .site-header.spl-universal-header .spl-more-group>div:last-child{display:grid!important;gap:7px!important}
body .site-header.spl-universal-header .spl-more-group a.spl-directory-link{
  min-height:66px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:9px!important;
  padding:10px 11px!important;
  border:1px solid var(--spl64-border)!important;
  border-radius:11px!important;
  color:var(--spl64-text)!important;
  background:var(--spl64-bg-soft)!important;
  text-decoration:none!important;
}
body .site-header.spl-universal-header .spl-more-group a.spl-directory-link:hover,
body .site-header.spl-universal-header .spl-more-group a.spl-directory-link[aria-current="page"]{
  border-color:color-mix(in srgb,var(--spl64-accent) 48%,var(--spl64-border))!important;
  color:var(--spl64-text-strong)!important;
  background:var(--spl64-accent-soft)!important;
  transform:translateY(-1px)!important;
}
.spl-directory-link strong{display:block!important;color:var(--spl64-text-strong)!important;font-size:13.5px!important;font-weight:780!important;line-height:1.25!important}
.spl-directory-link small{display:block!important;margin-top:5px!important;color:var(--spl64-text-muted)!important;font-size:11px!important;font-weight:520!important;line-height:1.4!important}
.spl-directory-link>b{color:var(--spl64-accent)!important;font-size:13px!important;font-weight:700!important}
body .site-header.spl-universal-header .spl-more-popover>footer{min-height:46px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;padding:0 24px!important;border-top:1px solid var(--spl64-border)!important;color:var(--spl64-text-faint)!important;background:color-mix(in srgb,var(--spl64-bg-soft) 64%,var(--spl64-bg-elev))!important}
.spl-more-popover>footer span{color:var(--spl64-text)!important;font-size:11px!important;font-weight:780!important}.spl-more-popover>footer small{font-size:10.5px!important}

/* Standard desktop/laptop widths use two calm rows; no navigation can overflow into the brand. */
@media(min-width:1241px) and (max-width:1879px){
  body .site-header.spl-universal-header{min-height:126px!important}
  body .site-header.spl-universal-header .header-inner{
    width:calc(100% - 34px)!important;
    min-height:126px!important;
    grid-template-columns:minmax(0,1fr) max-content!important;
    grid-template-rows:72px 54px!important;
    grid-template-areas:"brand account" "navigation navigation"!important;
    column-gap:20px!important;
  }
  body .site-header.spl-universal-header .desktop-nav{
    align-self:stretch!important;
    justify-content:flex-start!important;
    gap:clamp(16px,1.7vw,27px)!important;
    border-top:1px solid var(--spl64-border)!important;
  }
  body .site-header.spl-universal-header .desktop-nav>a{min-height:53px!important;font-size:13.5px!important}
  body .site-header.spl-universal-header .desktop-nav>a[aria-current="page"]:after{bottom:7px!important}
  body .site-header.spl-universal-header .desktop-nav .spl-practice-cta{min-height:38px!important;align-self:center!important}
  body .site-header.spl-universal-header .spl-more-menu{align-self:center!important}
  body .site-header.spl-universal-header .spl-more-menu>summary{font-size:13.5px!important}
  body .site-header.spl-universal-header .spl-more-popover{position:fixed!important;right:17px!important;left:17px!important;top:126px!important;width:auto!important;max-height:calc(100dvh - 150px)!important}
}

/* Preserve the approved mobile navigation exactly below the existing drawer breakpoint. */
@media(max-width:1240px){
  body .site-header.spl-universal-header{min-height:92px!important}
  body .site-header.spl-universal-header .header-inner{width:calc(100% - 24px)!important;min-height:92px!important;display:flex!important}
  body .site-header.spl-universal-header .desktop-nav,
  body .site-header.spl-universal-header .spl-header-account-tools{display:none!important}
  body .site-header.spl-universal-header .mobile-menu{display:block!important;margin-left:auto!important}
}

@media(prefers-reduced-motion:reduce){body .site-header.spl-universal-header .spl-more-group a.spl-directory-link{transform:none!important}}