/* =========================================================
   Breaking Barriers Training Unified Platform Theme
   Matches the main website palette and typography.
   Applies to LMS, 360 Feedback, Roleplay, Sales OS and assessments.
   ========================================================= */
:root{
  --bbt-ink:#172033;
  --bbt-ink-strong:#101b2d;
  --bbt-muted:#637084;
  --bbt-line:#e5eaf1;
  --bbt-soft:#f5f7fb;
  --bbt-soft-2:#eef4f8;
  --bbt-brand:#123d56;
  --bbt-brand-2:#0a6a7f;
  --bbt-accent:#c68a33;
  --bbt-accent-2:#f1c579;
  --bbt-dark:#0b1724;
  --bbt-white:#ffffff;
  --bbt-success:#15803d;
  --bbt-warning:#b45309;
  --bbt-danger:#b91c1c;
  --bbt-shadow:0 24px 70px rgba(19,36,55,.14);
  --bbt-shadow-soft:0 10px 35px rgba(23,32,51,.07);
  --bbt-radius:24px;
  --bbt-radius-sm:14px;

  /* Map common platform variables to the official theme. */
  --ink:var(--bbt-ink);
  --muted:var(--bbt-muted);
  --line:var(--bbt-line);
  --soft:var(--bbt-soft);
  --tint:var(--bbt-soft-2);
  --bg:var(--bbt-soft);
  --paper:var(--bbt-white);
  --panel:var(--bbt-white);
  --cream:var(--bbt-soft);
  --navy:var(--bbt-brand);
  --blue:var(--bbt-brand-2);
  --teal:var(--bbt-brand-2);
  --primary:var(--bbt-brand);
  --primary-dark:#0b2f43;
  --accent:var(--bbt-accent);
  --gold:var(--bbt-accent);
  --accent-soft:#fff4df;
  --charcoal:var(--bbt-dark);
  --radius:var(--bbt-radius-sm);
  --radius-lg:var(--bbt-radius);
  --shadow:var(--bbt-shadow-soft);
}
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;scroll-padding-top:88px;-webkit-text-size-adjust:100%;text-size-adjust:100%;}
body{
  margin:0;
  color:var(--bbt-ink)!important;
  background:linear-gradient(180deg,#ffffff 0%,#f7fbfd 46%,#f5f7fb 100%)!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  line-height:1.6;
  overflow-x:hidden;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--bbt-brand)!important;text-decoration:none;}
a:hover{color:var(--bbt-brand-2)!important;}
img,svg,video,canvas,iframe{max-width:100%;height:auto;}
input,textarea,select,button{font:inherit;}
[hidden]{display:none!important;}
.container{width:min(1180px,calc(100% - 40px));max-width:1180px;margin-inline:auto;}

/* Global master header */
.bbt-main-header{
  position:sticky;top:0;z-index:10000;
  background:rgba(255,255,255,.94);
  border-bottom:1px solid rgba(229,234,241,.92);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  box-shadow:0 10px 28px rgba(11,23,36,.055);
}
.bbt-header-inner{width:min(1180px,calc(100% - 40px));min-height:74px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px;}
.bbt-main-logo{display:flex;align-items:center;gap:11px;min-width:0;color:var(--bbt-ink-strong)!important;text-decoration:none!important;}
.bbt-main-logo img{width:34px!important;height:26px!important;max-width:34px!important;max-height:26px!important;object-fit:contain!important;flex:0 0 34px;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;}
.bbt-main-logo strong{display:block;font-size:1rem;line-height:1.05;font-weight:900;letter-spacing:-.03em;color:var(--bbt-ink-strong);white-space:nowrap;}
.bbt-main-logo small{display:block;margin-top:2px;font-size:.74rem;line-height:1.15;font-weight:700;color:var(--bbt-muted);white-space:nowrap;}
.bbt-main-nav{display:flex;align-items:center;justify-content:flex-end;gap:4px;min-width:0;}
.bbt-main-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 12px;border-radius:999px;color:#334155!important;text-decoration:none!important;font-weight:780;font-size:.91rem;line-height:1.1;white-space:nowrap;border:1px solid transparent;}
.bbt-main-nav a:hover,.bbt-main-nav a:focus-visible{background:#f0f5f8;color:var(--bbt-brand)!important;outline:none;}
.bbt-main-nav .bbt-header-cta{background:var(--bbt-brand)!important;color:#fff!important;padding-inline:15px;box-shadow:0 12px 28px rgba(18,61,86,.22);}
.bbt-main-nav .bbt-header-cta:hover{background:#0b2f43!important;color:#fff!important;transform:translateY(-1px);box-shadow:0 16px 34px rgba(18,61,86,.26);}
.bbt-main-nav-toggle{display:none;align-items:center;justify-content:center;min-height:42px;padding:9px 13px;border-radius:999px;background:#fff;color:var(--bbt-ink-strong);border:1px solid var(--bbt-line);font-weight:850;box-shadow:0 8px 20px rgba(23,32,51,.08);cursor:pointer;}
.bbt-main-header + .site-header,.bbt-main-header + .topbar,.bbt-main-header ~ .site-header,.bbt-main-header ~ .topbar{top:74px;z-index:9990;}
.bbt-main-header + header.site-header,.bbt-main-header + header.topbar,.bbt-main-header ~ header.site-header,.bbt-main-header ~ header.topbar{border-top:0;}

/* Secondary app headers */
.site-header,.topbar,header.site-header,header.topbar{
  position:sticky;
  background:rgba(255,255,255,.90)!important;
  border-bottom:1px solid var(--bbt-line)!important;
  color:var(--bbt-ink)!important;
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  box-shadow:0 8px 24px rgba(23,32,51,.035)!important;
}
.site-header.admin,.site-header.learner{border-top:4px solid var(--bbt-accent)!important;background:rgba(255,255,255,.91)!important;}
.nav,.nav-wrap,.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px;}
.brand,.logo{display:inline-flex;align-items:center;gap:11px;color:var(--bbt-ink-strong)!important;text-decoration:none!important;font-weight:900!important;letter-spacing:-.025em!important;min-width:0;}
.brand strong,.logo strong{color:var(--bbt-ink-strong)!important;font-weight:900!important;letter-spacing:-.025em!important;text-transform:none!important;}
.brand small,.logo small{color:var(--bbt-muted)!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important;}
.brand-mark,.logo-mark,.category-icon,.module-index,.step-num{
  background:linear-gradient(135deg,var(--bbt-brand),var(--bbt-brand-2))!important;
  color:#fff!important;
  border:0!important;
  border-radius:14px!important;
  box-shadow:0 12px 28px rgba(18,61,86,.18)!important;
}
.brand-logo{width:30px!important;height:22px!important;max-width:30px!important;max-height:22px!important;object-fit:contain!important;display:block!important;flex:0 0 30px!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;}
nav,.nav-links,.main-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
nav a,.nav-links a,.main-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;border-radius:999px!important;padding:9px 12px!important;color:#334155!important;font-weight:750!important;background:transparent!important;border:1px solid transparent!important;text-transform:none!important;letter-spacing:0!important;text-decoration:none!important;}
nav a:hover,.nav-links a:hover,.main-nav a:hover{background:#f0f5f8!important;color:var(--bbt-brand)!important;text-decoration:none!important;}

/* Type scale */
h1,h2,h3,h4{color:var(--bbt-ink-strong)!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;letter-spacing:-.035em!important;}
h1{font-size:clamp(2.35rem,5vw,4.5rem)!important;line-height:1.0!important;margin-bottom:1rem!important;}
h2{font-size:clamp(1.6rem,3.1vw,2.9rem)!important;line-height:1.06!important;margin-bottom:.8rem!important;}
h3{line-height:1.18!important;}
p,.lead,.muted,.small,.hint,.help,.hero-copy{color:var(--bbt-muted)!important;}
.eyebrow,.kicker,.label,.card-kicker{
  display:inline-flex!important;align-items:center;gap:8px;width:max-content;max-width:100%;
  background:#fff!important;border:1px solid #d9e5ec!important;border-radius:999px!important;
  box-shadow:0 8px 24px rgba(23,32,51,.05)!important;
  color:var(--bbt-brand-2)!important;font-size:.75rem!important;font-weight:900!important;
  letter-spacing:.08em!important;line-height:1!important;margin:0 0 16px!important;padding:8px 13px!important;
  text-transform:uppercase!important;
}

/* Buttons and controls */
.btn,.button,button,input[type=submit],.link-button,.nav-cta{touch-action:manipulation;}
.btn,.button,button[type=submit],input[type=submit],.link-button:not(.inline-form .link-button){
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  min-height:44px!important;border-radius:999px!important;padding:11px 18px!important;
  background:var(--bbt-brand)!important;border:1px solid var(--bbt-brand)!important;color:#fff!important;
  font-weight:850!important;letter-spacing:0!important;text-transform:none!important;text-decoration:none!important;
  box-shadow:0 12px 30px rgba(18,61,86,.20)!important;cursor:pointer;
}
.btn:hover,.button:hover,button[type=submit]:hover,input[type=submit]:hover{background:#0b2f43!important;border-color:#0b2f43!important;color:#fff!important;transform:translateY(-1px);text-decoration:none!important;}
.btn-secondary,.button-secondary,.btn.secondary,.button.secondary,.btn.ghost,.button.ghost,.btn-outline{
  background:#fff!important;color:var(--bbt-brand)!important;border-color:#cddce5!important;box-shadow:0 10px 24px rgba(23,32,51,.06)!important;
}
.btn-secondary:hover,.button-secondary:hover,.btn.secondary:hover,.button.secondary:hover,.btn.ghost:hover,.button.ghost:hover,.btn-outline:hover{background:#f0f5f8!important;color:var(--bbt-brand)!important;border-color:var(--bbt-brand)!important;}
.button.danger,.btn.danger,.btn-danger{background:var(--bbt-danger)!important;border-color:var(--bbt-danger)!important;color:#fff!important;}
.inline-form .link-button{background:transparent!important;border:0!important;box-shadow:none!important;color:var(--bbt-brand)!important;padding:0!important;min-height:0!important;}

input,textarea,select,.form-control{width:100%;border:1px solid #d8e3ea!important;border-radius:14px!important;padding:12px 13px!important;background:#fff!important;color:var(--bbt-ink)!important;font-family:inherit!important;box-shadow:none!important;}
input:focus,textarea:focus,select:focus,.form-control:focus{outline:3px solid rgba(10,106,127,.16)!important;border-color:var(--bbt-brand-2)!important;}
textarea{line-height:1.5;resize:vertical;}
label{font-weight:800;color:#243147!important;}

/* Cards, panels and sections */
.hero,.bbt-hero,.page-banner,.dashboard-hero{
  position:relative;overflow:hidden;padding:70px 0 54px!important;
  background:linear-gradient(135deg,#f7fbfd 0%,#fff 46%,#f3efe8 100%)!important;
  border-bottom:1px solid var(--bbt-line)!important;color:var(--bbt-ink)!important;
}
.hero:before,.bbt-hero:before,.page-banner:before,.dashboard-hero:before{content:"";position:absolute;inset:-22% -12% auto auto;width:52vw;height:52vw;background:radial-gradient(circle,rgba(10,106,127,.14),rgba(10,106,127,0) 62%);pointer-events:none;}
.hero-grid,.grid.two,.grid.three,.grid-2,.grid-3,.grid-4,.card-grid,.category-grid,.simulation-grid,.feature-grid,.feature-list{gap:22px!important;}
.card,.panel,.report-card,.hero-panel,.hero-card,.brief-card,.start-card,.prompt-card,.score-panel,.category-card,.simulation-card,.metric,.stat,.question,.concept-block,.case-block,.takeaway-box,.chosen-answer,.correct-answer-box,.mini-card,.process-step,.form-card,.admin-side,.help-box,.brand-strip{
  background:#fff!important;border:1px solid var(--bbt-line)!important;border-radius:var(--bbt-radius)!important;box-shadow:var(--bbt-shadow-soft)!important;color:var(--bbt-ink)!important;
}
.card,.panel,.report-card,.hero-panel,.hero-card,.brief-card,.start-card,.prompt-card,.score-panel,.form-card{padding:24px!important;}
.card:hover,.category-card:hover,.simulation-card:hover{box-shadow:var(--bbt-shadow)!important;transform:translateY(-2px);transition:.22s ease;}
.card-dark,.split-band{background:linear-gradient(135deg,var(--bbt-dark),var(--bbt-brand))!important;color:#fff!important;border-color:rgba(255,255,255,.08)!important;}
.card-dark h2,.card-dark h3,.split-band h2,.split-band h3{color:#fff!important;}
.card-dark p,.card-dark li,.split-band p,.split-band li{color:#d7e5f0!important;}
.section,.section-tint{padding:64px 0!important;}
.section-tint{background:linear-gradient(180deg,#f7fbfd,#fff)!important;border-block:1px solid var(--bbt-line)!important;}

/* Status, scoring and tables */
.badge,.pill,.level,.emotion{display:inline-flex;align-items:center;border-radius:999px!important;background:#e8f2f5!important;color:var(--bbt-brand)!important;font-weight:850!important;border:1px solid #d6e7ed!important;padding:5px 10px!important;}
.alert{border-radius:16px!important;padding:13px 15px!important;border:1px solid var(--bbt-line)!important;}
.alert-success,.alert.success{background:#dcfce7!important;color:#14532d!important;border-color:#86efac!important;}
.alert-error,.alert.error{background:#fee2e2!important;color:#7f1d1d!important;border-color:#fecaca!important;}
.alert-warning,.alert.warning{background:#ffedd5!important;color:#7c2d12!important;border-color:#fed7aa!important;}
.score-circle,.progress-fill,.bar span{background:linear-gradient(135deg,var(--bbt-brand-2),var(--bbt-accent))!important;color:#fff!important;}
.table-wrap,.table-responsive,.admin-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--bbt-line)!important;border-radius:20px!important;background:#fff!important;}
table{border-collapse:collapse;width:100%;max-width:100%;background:#fff!important;}
th,td{vertical-align:top;border-bottom:1px solid var(--bbt-line)!important;padding:13px!important;}
th{background:#f0f5f8!important;color:var(--bbt-muted)!important;font-size:.78rem!important;letter-spacing:.08em!important;text-transform:uppercase!important;font-weight:900!important;}
tr:last-child td{border-bottom:0!important;}

/* Certificate and media */
.certificate{background:#fff!important;border-color:#eadcc4!important;border-radius:20px!important;}
.certificate:before{color:var(--bbt-accent)!important;}
.certificate-logo{width:86px!important;height:auto!important;max-width:86px!important;object-fit:contain!important;margin-bottom:12px!important;}
.profileThumb,.avatar,.cover,.media-preview,.concept-image{object-fit:cover;border-radius:18px!important;}

/* Mobile */
@media(max-width:1100px){
  .bbt-header-inner{width:min(1180px,calc(100% - 28px));min-height:66px;}
  .bbt-main-logo strong{font-size:.95rem;}
  .bbt-main-logo small{display:none;}
  .bbt-main-nav-toggle{display:inline-flex;flex:0 0 auto;}
  .bbt-main-nav{display:none;position:fixed;top:76px;left:14px;right:14px;max-height:calc(100dvh - 92px);overflow:auto;flex-direction:column;align-items:stretch;gap:7px;padding:14px;background:rgba(255,255,255,.98);border:1px solid var(--bbt-line);border-radius:22px;box-shadow:var(--bbt-shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);}
  .bbt-main-nav.is-open{display:flex;}
  .bbt-main-nav a{justify-content:flex-start;width:100%;min-height:44px;white-space:normal;padding:11px 13px;}
  .bbt-main-nav .bbt-header-cta{justify-content:center;}
  .bbt-main-header + .site-header,.bbt-main-header + .topbar,.bbt-main-header ~ .site-header,.bbt-main-header ~ .topbar{top:66px;}
}
@media(max-width:900px){
  .hero-grid,.grid.two,.grid.three,.grid-2,.grid-3,.grid-4,.card-grid,.category-grid,.simulation-grid,.feature-grid,.feature-list,.split-layout,.admin-shell,.footer-grid,.logo-strip{grid-template-columns:1fr!important;}
  .nav,.nav-wrap,.header-inner{align-items:flex-start;flex-direction:column;padding:12px 0!important;gap:10px!important;min-height:auto;}
  nav,.nav-links,.main-nav{width:100%;display:flex;flex-wrap:nowrap!important;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:8px!important;padding-bottom:6px;scrollbar-width:none;}
  nav::-webkit-scrollbar,.nav-links::-webkit-scrollbar,.main-nav::-webkit-scrollbar{display:none;}
  nav a,.nav-links a,.main-nav a{flex:0 0 auto;white-space:nowrap;background:#fff!important;border:1px solid var(--bbt-line)!important;font-size:13px!important;}
  .nav-toggle{display:none!important;}
  .container{width:min(100% - 28px,1180px)!important;}
  .hero,.bbt-hero,.page-banner,.dashboard-hero{padding:48px 0 36px!important;}
  h1{font-size:clamp(2rem,11vw,3.2rem)!important;line-height:1.04!important;}
  h2{font-size:clamp(1.45rem,7vw,2.2rem)!important;}
  .card,.panel,.report-card,.hero-panel,.hero-card{padding:20px!important;border-radius:22px!important;}
  .table-wrap:before{content:'Swipe sideways to view the full table';display:block;padding:8px 10px;font-size:12px;color:var(--bbt-muted);background:#fff8ed;border-bottom:1px solid var(--bbt-line);}
}
@media(max-width:700px){
  html{scroll-padding-top:76px;}
  .bbt-header-inner{width:min(100% - 22px,1180px);min-height:62px;gap:10px;}
  .bbt-main-logo{gap:8px;}
  .bbt-main-logo img{width:30px!important;height:22px!important;flex-basis:30px;}
  .bbt-main-logo strong{font-size:.88rem;white-space:normal;line-height:1.08;}
  .bbt-main-nav{top:68px;left:10px;right:10px;border-radius:18px;}
  .bbt-main-header + .site-header,.bbt-main-header + .topbar,.bbt-main-header ~ .site-header,.bbt-main-header ~ .topbar{top:62px;}
  .brand-logo{width:28px!important;height:20px!important;max-width:28px!important;max-height:20px!important;flex-basis:28px!important;}
  .btn,.button,button[type=submit],input[type=submit]{width:100%;}
  .actions,.hero-actions,.btn-row{width:100%;}
  .actions .btn,.hero-actions .button,.btn-row .btn{width:100%;}
}
@media(max-width:560px){
  .container{width:min(100% - 22px,1180px)!important;}
  .card,.panel,.report-card,.question{border-radius:18px!important;padding:16px!important;}
  input,textarea,select{font-size:16px!important;}
}
@media(print){.bbt-main-header{display:none!important}.table-wrap:before{display:none!important}.site-header,.topbar{position:static!important}}

/* =========================================================
   UI QA Correction Patch - June 2026
   Purpose: correct header wrapping, mobile menu bleed, platform
   hero overflow and inconsistent app chrome while preserving logic.
   ========================================================= */
.bbt-main-header{min-height:64px!important;}
.bbt-main-header .bbt-header-inner{min-height:64px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;flex-wrap:nowrap!important;}
.bbt-main-header .bbt-main-logo{flex:0 1 auto!important;min-width:0!important;max-width:360px!important;}
.bbt-main-header .bbt-main-logo img{width:32px!important;height:24px!important;max-width:32px!important;max-height:24px!important;object-fit:contain!important;}
.bbt-main-header .bbt-main-logo strong{font-size:.98rem!important;line-height:1.05!important;white-space:nowrap!important;}
.bbt-main-header .bbt-main-logo small{font-size:.70rem!important;line-height:1.1!important;white-space:nowrap!important;color:var(--bbt-muted)!important;}
.bbt-main-header .bbt-main-nav{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:4px!important;flex:0 0 auto!important;position:static!important;inset:auto!important;max-height:none!important;overflow:visible!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;}
.bbt-main-header .bbt-main-nav a{min-height:38px!important;padding:8px 11px!important;border-radius:999px!important;font-size:.90rem!important;font-weight:800!important;line-height:1!important;white-space:nowrap!important;color:#334155!important;background:transparent!important;border:1px solid transparent!important;box-shadow:none!important;width:auto!important;}
.bbt-main-header .bbt-main-nav a:hover{background:#f0f5f8!important;color:var(--bbt-brand)!important;}
.bbt-main-header .bbt-main-nav .bbt-header-cta{background:var(--bbt-brand)!important;color:#fff!important;border-color:var(--bbt-brand)!important;box-shadow:0 10px 24px rgba(18,61,86,.18)!important;padding-inline:14px!important;}
.bbt-main-header .bbt-main-nav-toggle{display:none!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:auto!important;max-width:max-content!important;min-height:40px!important;height:40px!important;padding:8px 13px!important;border-radius:999px!important;background:#fff!important;color:var(--bbt-ink-strong)!important;border:1px solid var(--bbt-line)!important;box-shadow:0 8px 20px rgba(23,32,51,.08)!important;font-weight:850!important;line-height:1!important;letter-spacing:0!important;text-transform:none!important;filter:none!important;transform:none!important;}
.bbt-main-header .bbt-main-nav-toggle:hover{background:#f0f5f8!important;color:var(--bbt-brand)!important;border-color:#cddce5!important;box-shadow:0 10px 24px rgba(23,32,51,.10)!important;}
.bbt-main-header + .site-header,.bbt-main-header + .topbar,.bbt-main-header ~ .site-header,.bbt-main-header ~ .topbar{top:64px!important;}

/* Keep platform hero grids inside the viewport on narrow screens. */
@media(max-width:900px){
  .hero,.bbt-hero{grid-template-columns:1fr!important;max-width:100%!important;}
  .hero > *, .bbt-hero > *{min-width:0!important;max-width:100%!important;}
  .hero h1,.bbt-hero h1{max-width:100%!important;overflow-wrap:normal!important;word-break:normal!important;}
  .hero p,.bbt-hero p,.lead{max-width:100%!important;}
  .eyebrow,.kicker,.label,.card-kicker{width:auto!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;}
  .actions{max-width:100%!important;}
}

/* Mobile master navigation: prevent platform CSS from restyling the global Menu button. */
@media(max-width:1100px){
  .bbt-main-header .bbt-header-inner{width:min(1180px,calc(100% - 24px))!important;min-height:62px!important;}
  .bbt-main-header .bbt-main-logo{max-width:calc(100% - 96px)!important;}
  .bbt-main-header .bbt-main-logo img{width:30px!important;height:22px!important;}
  .bbt-main-header .bbt-main-logo strong{font-size:.92rem!important;white-space:normal!important;}
  .bbt-main-header .bbt-main-logo small{display:none!important;}
  .bbt-main-header .bbt-main-nav-toggle{display:inline-flex!important;flex:0 0 auto!important;}
  .bbt-main-header .bbt-main-nav{display:none!important;position:fixed!important;top:70px!important;left:12px!important;right:12px!important;max-height:calc(100dvh - 86px)!important;overflow:auto!important;flex-direction:column!important;align-items:stretch!important;gap:7px!important;padding:14px!important;background:rgba(255,255,255,.98)!important;border:1px solid var(--bbt-line)!important;border-radius:22px!important;box-shadow:var(--bbt-shadow)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;z-index:10001!important;}
  .bbt-main-header .bbt-main-nav.is-open{display:flex!important;}
  .bbt-main-header .bbt-main-nav a{justify-content:flex-start!important;width:100%!important;min-height:44px!important;white-space:normal!important;padding:11px 13px!important;font-size:.95rem!important;}
  .bbt-main-header .bbt-main-nav .bbt-header-cta{justify-content:center!important;}
  .bbt-main-header + .site-header,.bbt-main-header + .topbar,.bbt-main-header ~ .site-header,.bbt-main-header ~ .topbar{top:62px!important;}
}

/* On phones, let the platform-level header scroll away; the master header remains sticky. */
@media(max-width:900px){
  .bbt-main-header + .site-header,.bbt-main-header + .topbar,.bbt-main-header ~ .site-header,.bbt-main-header ~ .topbar{position:relative!important;top:auto!important;z-index:20!important;}
  .site-header .nav,.site-header .nav-wrap,.topbar .nav,.topbar .nav-wrap,.header-inner{max-width:100%!important;}
  .site-header nav,.site-header .nav-links,.site-header .main-nav,.topbar nav,.topbar .nav-links{max-width:100%!important;}
}

/* B2B Sales OS uses its own #menu/#nav mobile controller. Avoid global .nav rules forcing it open. */
@media(max-width:960px){
  .topbar > #nav.nav:not(.open){display:none!important;}
  .topbar > #nav.nav.open{display:flex!important;position:absolute!important;top:calc(100% + 8px)!important;left:14px!important;right:14px!important;width:auto!important;max-width:none!important;flex-direction:column!important;align-items:stretch!important;padding:12px!important;border:1px solid var(--bbt-line)!important;background:#fff!important;border-radius:20px!important;box-shadow:var(--bbt-shadow)!important;overflow:visible!important;z-index:50!important;}
  .topbar > #nav.nav.open a{width:100%!important;justify-content:center!important;}
  .topbar #menu.menu{display:inline-flex!important;width:auto!important;min-width:auto!important;max-width:max-content!important;min-height:42px!important;padding:9px 13px!important;background:#fff!important;color:var(--bbt-brand)!important;border:1px solid var(--bbt-line)!important;box-shadow:0 8px 20px rgba(23,32,51,.08)!important;}
}

/* Reduce visual clutter in platform headers without removing app navigation. */
.site-header .brand,.topbar .brand{min-width:0!important;}
.site-header .brand img,.topbar .brand img{flex:0 0 auto!important;}
.site-header nav a,.topbar nav a,.site-header .nav-links a,.topbar .nav-links a{min-height:40px!important;}

/* Button/link accessibility on cards and footers. */
.card a:not(.btn):not(.button),.panel a:not(.btn):not(.button),.footer a,.site-footer a{font-weight:800!important;}
@media(max-width:700px){
  .footer a,.site-footer a,.card a:not(.btn):not(.button),.panel a:not(.btn):not(.button){min-height:36px!important;display:inline-flex!important;align-items:center!important;}
}

/* B2B Sales OS page keeps its own full-width sections; restore safe side gutters after global hero rules. */
main#home > .hero, main#home > .section, main#home > .footer{
  padding-left:22px!important;
  padding-right:22px!important;
}
main#home > .hero{max-width:1180px!important;margin-left:auto!important;margin-right:auto!important;}
main#home > .section.alt{padding-left:0!important;padding-right:0!important;}
main#home > .section.alt > *{padding-left:22px!important;padding-right:22px!important;}
@media(max-width:620px){
  main#home > .hero, main#home > .section, main#home > .footer{padding-left:16px!important;padding-right:16px!important;}
  main#home > .section.alt{padding-left:0!important;padding-right:0!important;}
  main#home > .section.alt > *{padding-left:16px!important;padding-right:16px!important;}
}

/* =========================================================
   Form Alignment + Platform Header De-branding Patch
   Fixes: radio/checkbox controls inheriting width:100%, which pushed
   Leadership Assessment options into two misaligned columns.
   ========================================================= */
.bbt-main-header .bbt-main-home-link{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:38px!important;padding:8px 13px!important;border:1px solid var(--bbt-line)!important;
  border-radius:999px!important;background:#fff!important;color:var(--bbt-brand)!important;
  font-weight:850!important;text-decoration:none!important;white-space:nowrap!important;
  box-shadow:0 8px 20px rgba(23,32,51,.06)!important;
}
.bbt-main-header .bbt-main-home-link:hover{background:#f0f5f8!important;color:var(--bbt-brand-2)!important;text-decoration:none!important;}
.site-header .brand.app-title,.topbar .brand.app-title{gap:0!important;min-width:0!important;}
.site-header .brand.app-title span,.topbar .brand.app-title span{display:block!important;}
.site-header .brand.app-title strong,.topbar .brand.app-title strong{font-size:1rem!important;}
.site-header .brand.app-title small,.topbar .brand.app-title small{display:block!important;margin-top:2px!important;font-size:.76rem!important;}

input[type="radio"],input[type="checkbox"]{
  width:auto!important;min-width:18px!important;max-width:18px!important;height:18px!important;
  padding:0!important;margin:2px 0 0!important;border-radius:999px!important;
  flex:0 0 18px!important;box-shadow:none!important;accent-color:var(--bbt-brand)!important;
}
.option,.choice,.answer-option,.question-option{
  display:flex!important;align-items:flex-start!important;justify-content:flex-start!important;
  gap:12px!important;width:100%!important;text-align:left!important;
}
.option input[type="radio"],.option input[type="checkbox"],
.choice input[type="radio"],.choice input[type="checkbox"],
.answer-option input[type="radio"],.answer-option input[type="checkbox"],
.question-option input[type="radio"],.question-option input[type="checkbox"]{
  flex:0 0 18px!important;margin-top:4px!important;
}
.option span,.choice span,.answer-option span,.question-option span{
  display:block!important;flex:1 1 auto!important;min-width:0!important;color:var(--bbt-ink)!important;
  font-weight:650!important;line-height:1.55!important;overflow-wrap:break-word!important;
}
.option strong,.choice strong,.answer-option strong,.question-option strong{font-weight:900!important;color:var(--bbt-ink-strong)!important;}
.options{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;width:100%!important;}
.likert input[type="radio"]{margin:0 0 6px!important;}
.likert label{display:grid!important;justify-items:center!important;align-items:center!important;gap:4px!important;}
@media(max-width:700px){
  .bbt-main-header .bbt-main-home-link{font-size:.88rem!important;padding:8px 11px!important;}
  .option,.choice,.answer-option,.question-option{padding:13px!important;gap:10px!important;}
}



/* =========================================================
   Header Brand Restore Patch
   Restores the Breaking Barriers Training lockup in platform
   top headers and keeps the hidden Platforms page out of nav.
   ========================================================= */
.bbt-main-header .bbt-main-logo{
  display:inline-flex!important;align-items:center!important;gap:10px!important;
  min-height:44px!important;min-width:0!important;max-width:360px!important;
  color:var(--bbt-ink-strong)!important;text-decoration:none!important;
  padding:4px 0!important;border:0!important;background:transparent!important;box-shadow:none!important;
}
.bbt-main-header .bbt-main-logo img{
  width:38px!important;height:28px!important;max-width:38px!important;max-height:28px!important;
  object-fit:contain!important;flex:0 0 38px!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;
}
.bbt-main-header .bbt-main-logo span{display:block!important;min-width:0!important;}
.bbt-main-header .bbt-main-logo strong{
  display:block!important;font-size:1rem!important;line-height:1.05!important;font-weight:900!important;
  letter-spacing:-.025em!important;color:var(--bbt-ink-strong)!important;white-space:nowrap!important;
}
.bbt-main-header .bbt-main-logo small{
  display:block!important;margin-top:3px!important;font-size:.74rem!important;line-height:1.1!important;
  font-weight:700!important;color:var(--bbt-muted)!important;white-space:nowrap!important;
}
@media(max-width:1100px){
  .bbt-main-header .bbt-main-logo{max-width:calc(100% - 94px)!important;}
  .bbt-main-header .bbt-main-logo img{width:34px!important;height:25px!important;flex-basis:34px!important;}
  .bbt-main-header .bbt-main-logo strong{font-size:.94rem!important;white-space:nowrap!important;}
  .bbt-main-header .bbt-main-logo small{display:block!important;font-size:.70rem!important;}
}
@media(max-width:460px){
  .bbt-main-header .bbt-main-logo{gap:8px!important;}
  .bbt-main-header .bbt-main-logo img{width:32px!important;height:23px!important;flex-basis:32px!important;}
  .bbt-main-header .bbt-main-logo strong{font-size:.88rem!important;}
  .bbt-main-header .bbt-main-logo small{display:none!important;}
}