.bio-builder {padding:clamp(20px,4vw,44px);max-width:1000px;margin:auto}
.bio-builder h1 {font-size:clamp(30px,4vw,46px);margin:12px 0}
.bio-builder h2 {font-size:26px;margin:22px 0 10px}
.bio-builder p {line-height:1.65;max-width:760px}
.bio-builder [hidden] {display:none!important}
.bio-builder .bio-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.bio-builder label {display:block;font-weight:700;margin:14px 0 7px}
.bio-builder input:not([type=checkbox]),.bio-builder select,.bio-builder textarea {width:100%;min-width:0;box-sizing:border-box;padding:12px;border:1px solid #999;border-radius:10px;background:var(--panel-bg,#fff);color:inherit;font:inherit}
.bio-builder textarea {resize:vertical;line-height:1.55}
.bio-builder details {border:1px solid #aaa;border-radius:12px;padding:16px;margin:12px 0}
.bio-builder summary {cursor:pointer;font-weight:700;line-height:1.5}
.bio-builder details label {font-weight:400;font-size:14px;line-height:1.5}
.bio-builder .bio-note {padding:16px;border-left:4px solid #b40101;background:rgba(180,1,1,.05);border-radius:6px}
.bio-builder .bio-actions {display:flex;gap:12px;flex-wrap:wrap;margin-top:24px;align-items:center}
.bio-builder button {cursor:pointer;min-height:44px}
.bio-builder :focus-visible {outline:3px solid #b40101;outline-offset:3px}
.bio-builder h2:focus {outline:none}
.bio-builder #bio-progress,.bio-builder #bio-count {font-weight:700;color:#a00000}
.bio-builder #bio-prompt {min-height:380px}
.bio-builder #bio-status {min-height:26px}
body.portal-beta-shell .page-content > .portal-home-bio-highlight {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding:clamp(22px,3vw,32px);border-left:5px solid var(--kw-red,#b40101)}
.portal-home-bio-highlight > div {min-width:0}
.portal-home-bio-highlight h2 {margin:8px 0 12px;font-size:clamp(24px,3vw,32px);line-height:1.2}
.portal-home-bio-highlight p {margin:0;line-height:1.6;max-width:720px}
body.portal-beta-shell .portal-home-bio-highlight > .button {width:auto;min-width:0;max-width:100%;justify-self:start;white-space:normal}
.brand-learning-hub .bio-launch {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;padding:24px;margin-bottom:24px;border:1px solid #ccc;border-radius:14px}
.bio-launch > div {min-width:0}
.logo-picker {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;border:1px solid #ccc;border-radius:14px;overflow:hidden;padding:24px}
.logo-picker-copy {min-width:0}.logo-picker-copy > #logo-picker-controls > label{display:block;font-weight:700;margin:16px 0 8px}
.logo-picker-copy select{display:block;width:100%;padding:12px;margin-bottom:18px;font:inherit;color:inherit;background:var(--kw-white);border:1px solid #999;border-radius:8px}
.logo-picker .asset-preview{min-height:240px;display:flex;align-items:center;justify-content:center;padding:24px;border-radius:10px}.logo-picker img{max-width:100%;max-height:200px;object-fit:contain}
.logo-picker [hidden]{display:none!important}
.logo-picker-figure{margin:0;align-self:center;min-width:0}
.logo-picker-figure figcaption{margin-top:12px;text-align:center;font-size:14px;line-height:1.5}
.logo-picker-copy h3{margin-top:0}
.logo-picker-copy select{min-height:48px;box-sizing:border-box}
.logo-background-options{border:0;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;min-width:0}
.logo-background-options legend{font-weight:700;padding:0;margin-bottom:10px}
.logo-background-options label{display:flex;gap:10px;align-items:center;margin:0;padding:12px;border:1px solid #999;border-radius:8px;cursor:pointer;line-height:1.35}
.logo-background-options input{accent-color:var(--kw-red);width:18px;height:18px;flex-shrink:0}
.logo-background-options small{display:block;font-size:13px;margin-top:4px}
.logo-background-options label:has(:checked){border:2px solid var(--kw-red);padding:11px}
.logo-background-options label:has(:disabled){opacity:.45;cursor:default}
.logo-picker-copy :is(#logo-picker-hint,.logo-format-hint){font-size:14px;line-height:1.5;margin:12px 0 18px}
.logo-picker-copy .button{width:100%;box-sizing:border-box}
.logo-picker :focus-visible{outline:3px solid var(--kw-red);outline-offset:3px}
/* Compact section navigation stays beneath the portal toolbar. */
body.portal-beta-subpage-shell .page-content:has(> .brand-learning-hub){padding-top:0}
.brand-learning-hub{--brand-section-nav-height:64px}
.brand-learning-hub > .brand-section-nav{position:sticky;top:0;z-index:30;padding:8px clamp(22px,4vw,56px);background:#faf8f5;border-bottom:1px solid #a7a19a;box-shadow:0 5px 12px #00000018}
.brand-learning-hub .brand-resource-tab-panel{scroll-margin-top:calc(var(--brand-section-nav-height) + 16px)}
.brand-learning-hub > .brand-hub-hero{grid-template-columns:1fr;padding:24px clamp(22px,4vw,56px);min-height:0;gap:0}
.brand-learning-hub .brand-hub-hero h1{font-size:clamp(28px,3.6vw,42px);max-width:none;margin:8px 0 12px;line-height:1.1}
.brand-learning-hub .brand-hub-hero .training-hub-hero__copy > p:last-child{max-width:850px}
.brand-learning-hub .brand-resource-tabs{gap:24px;scroll-margin-top:80px}
#brand-overview{scroll-margin-top:96px}
.brand-learning-hub .brand-resource-tablist{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:0;background:transparent;border:0;border-radius:0;overflow:visible;margin:0;box-shadow:none}
.brand-learning-hub .brand-resource-tablist button{display:flex;align-items:center;justify-content:center;min-height:48px;min-width:0;width:100%;padding:10px 12px;border:1px solid #aaa39c;border-radius:5px;background:#fff;color:#262321;cursor:pointer;text-align:center;white-space:normal;box-shadow:none}
.brand-learning-hub .brand-resource-tablist button:last-child{border-right:1px solid #aaa39c}
.brand-learning-hub .brand-resource-tablist .brand-resource-tab-label{font-size:17px;line-height:1.3;text-transform:none}
.brand-learning-hub .brand-resource-tablist button[aria-selected="true"]{background:var(--kw-red);color:#fff;border-color:var(--kw-red);box-shadow:inset 0 -3px 0 #720000}
.brand-learning-hub .brand-resource-tablist button[aria-selected="true"] .brand-resource-tab-label{color:#fff}
.brand-learning-hub .brand-resource-tablist button[aria-selected="true"] .brand-resource-tab-label{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px}
.brand-learning-hub .brand-resource-tablist button:not([aria-selected="true"]):hover{background:#f5e4e2;border-color:var(--kw-red);color:#720000}
.brand-learning-hub .brand-resource-tablist button:focus-visible{outline:3px solid var(--kw-red);outline-offset:2px}
body.portal-beta-shell.portal-shell-theme-dark .page-content .brand-section-nav{background:#211f1e;border-color:#8d8883}
body.portal-beta-shell.portal-shell-theme-dark .page-content .brand-resource-tablist{background:transparent;border:0}
body.portal-beta-shell.portal-shell-theme-dark .page-content .brand-resource-tablist button{background:#353230;border-color:#89827d;color:#fffaf5}
body.portal-beta-shell.portal-shell-theme-dark .page-content .brand-resource-tablist button[aria-selected="true"]{background:var(--kw-red);border-color:var(--kw-red);color:#fff}
body.portal-beta-shell.portal-shell-theme-dark .page-content .brand-resource-tablist button:not([aria-selected="true"]):hover{background:#51423f;border-color:#ff958a;color:#fff}
body.portal-beta-shell.portal-shell-theme-dark .brand-resource-tablist button:focus-visible{outline-color:#ff958a}
.brand-learning-hub .bio-launch{margin-top:36px;margin-bottom:0}
/* Product links take priority over repeated marketing introductions. */
.brand-learning-hub #agent-marketing{gap:16px}
.brand-learning-hub #agent-marketing .brand-tab-panel-intro{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:0 0 16px}
.brand-learning-hub #agent-marketing .brand-tab-panel-intro h2{font-size:26px;line-height:1.2;text-transform:none;margin:0}
.brand-learning-hub #agent-marketing .brand-tab-panel-intro p{font-size:15px;line-height:1.5;margin:8px 0 0}
.brand-learning-hub #agent-marketing .brand-tab-panel-actions .button{padding:10px 16px;min-height:44px;width:auto;min-width:0}
.brand-learning-hub #agent-marketing .agent-marketing-grid{gap:10px}
.brand-learning-hub #agent-marketing .agent-marketing-card{grid-template-columns:minmax(0,1fr) auto;gap:10px;min-height:96px;padding:14px;border-top-width:1px;background:#fff;transform:none;box-shadow:none}
.brand-learning-hub #agent-marketing .agent-marketing-card h3{font-size:18px;line-height:1.25;text-transform:none}
.brand-learning-hub #agent-marketing .agent-marketing-card p{font-size:14px;line-height:1.4;margin:6px 0 0}
.brand-learning-hub #agent-marketing .agent-marketing-card:focus-visible{outline:3px solid var(--kw-red);outline-offset:2px}
body.portal-beta-shell.portal-shell-theme-dark .brand-learning-hub #agent-marketing .agent-marketing-card{background:#292624}
.brand-learning-hub:has(#agent-marketing:not([hidden])) .bio-launch{padding:16px;gap:16px;margin-top:24px}
.brand-learning-hub:has(#agent-marketing:not([hidden])) .bio-launch .eyebrow{display:none}
.brand-learning-hub:has(#agent-marketing:not([hidden])) .bio-launch h2{font-size:20px;margin:0 0 6px}
.brand-learning-hub:has(#agent-marketing:not([hidden])) .bio-launch p{font-size:14px;line-height:1.5}
@media(max-width:700px){.brand-learning-hub #agent-marketing .brand-tab-panel-intro{grid-template-columns:1fr;gap:10px}.brand-learning-hub #agent-marketing .brand-tab-panel-actions{width:auto}.brand-learning-hub #agent-marketing .brand-tab-panel-intro h2{font-size:24px}.brand-learning-hub #agent-marketing .agent-marketing-card{min-height:76px}}
.logo-style-choices{grid-column:1/-1;min-width:0;border:0;padding:0;margin:0 0 6px}
.logo-style-choices legend{font-size:22px;font-weight:700;padding:0;margin-bottom:14px}
.logo-style-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.logo-style-card{display:flex;flex-direction:column;gap:10px;padding:12px;min-width:0;border:1px solid #999;border-radius:8px;cursor:pointer;background:#fff;color:#262321}
.logo-style-card:has(:checked){border:2px solid var(--kw-red);padding:11px;background:#fff6f4}
.logo-style-card:hover{border-color:var(--kw-red)}
.logo-style-swatch{display:flex;align-items:center;justify-content:center;min-height:88px;padding:12px;background:#fff;border:1px solid #ddd;border-radius:4px}
.logo-style-swatch[data-background="dark"]{background:#262321;border-color:#524c47}
.logo-picker .logo-style-swatch img{width:100%;height:66px;max-height:66px;object-fit:contain}
.logo-style-name{display:flex;gap:8px;align-items:center;font-size:16px;line-height:1.3}
.logo-style-name input{accent-color:var(--kw-red);margin:0;width:18px;height:18px;flex-shrink:0}
.logo-style-card small{font-size:13px;line-height:1.4}
body.portal-beta-shell.portal-shell-theme-dark .logo-style-card{background:#292624;color:#fffaf5;border-color:#8e8780}
body.portal-beta-shell.portal-shell-theme-dark .logo-style-card:has(:checked){border-color:#ff958a;background:#3d2b28}
body.portal-beta-shell.portal-shell-theme-dark .logo-background-options label:has(:checked){border-color:#ff958a}
body.portal-beta-shell.portal-shell-theme-dark .logo-picker :focus-visible{outline-color:#ff958a}
@media(max-width:1000px){.logo-style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.logo-picker{grid-template-columns:minmax(0,1fr)}}
@media(max-width:900px){
  body.portal-beta-shell[data-portal-beta-page="brand"]{overflow:visible;height:auto;max-height:none}
  .brand-learning-hub > .brand-section-nav{top:var(--portal-beta-mobile-header-height,126px);padding:6px 12px}
  .brand-learning-hub .brand-resource-tab-panel{scroll-margin-top:calc(var(--portal-beta-mobile-header-height,126px) + var(--brand-section-nav-height) + 12px)}
  .brand-learning-hub .brand-section-nav .brand-resource-tablist button{min-height:48px;padding:8px 4px}
  .brand-learning-hub .brand-section-nav .brand-resource-tab-label{font-size:14px;line-height:1.2}
}
@media(max-width:650px){.logo-background-options{grid-template-columns:1fr}.logo-style-grid{gap:8px}.logo-style-card{padding:9px}.logo-style-card:has(:checked){padding:8px}.logo-style-name{font-size:14px;gap:6px}.logo-style-swatch{min-height:66px;padding:6px}.logo-picker .logo-style-swatch img{height:52px}.logo-style-card small{font-size:12px}}
.bio-modal{width:min(1050px,94vw);height:90vh;height:90dvh;max-height:90dvh;padding:12px;border:0;border-radius:16px;background:var(--kw-white);overflow:hidden}
.bio-modal::backdrop{background:rgba(0,0,0,.65)}
.bio-modal[open]{display:flex;flex-direction:column;gap:10px}.bio-modal>button{align-self:flex-end;flex-shrink:0}.bio-modal iframe{width:100%;flex:1;border:0;min-height:0}
body.portal-beta-shell.portal-shell-theme-dark .bio-modal {background:#161514;color:#fffaf5;color-scheme:dark}
body.portal-beta-shell.portal-shell-theme-dark .bio-modal > .button.secondary {background:#262321;border-color:#8e8780;color:#fffaf5}
body.portal-beta-shell.portal-shell-theme-dark .bio-modal > .button.secondary:hover,
body.portal-beta-shell.portal-shell-theme-dark .bio-modal > .button.secondary:focus-visible {background:#3a312d;border-color:#ff958a;outline-color:#ff958a}
body.portal-beta-shell.portal-shell-theme-dark .bio-builder :is(input:not([type=checkbox]),select,textarea),
body.portal-beta-shell.portal-shell-theme-dark .logo-picker-copy select {background:#262321;border-color:#8e8780;color:#fffaf5;color-scheme:dark}
body.portal-beta-shell.portal-shell-theme-dark .bio-builder :is(input,textarea)::placeholder {color:#bdb7b2;opacity:1}
body.portal-beta-shell.portal-shell-theme-dark .bio-builder :is(input[type=checkbox],select) {accent-color:#ff958a}
body.portal-beta-shell.portal-shell-theme-dark .bio-builder details {background:rgba(255,255,255,.03);border-color:#8e8780}
body.portal-beta-shell.portal-shell-theme-dark .bio-builder .bio-note {background:rgba(255,149,138,.08);border-color:#ff958a}
body.portal-beta-shell.portal-shell-theme-dark .page-content > .panel.bio-builder :is(#bio-progress,#bio-count) {color:#ff958a}
body.portal-beta-shell.portal-shell-theme-dark .page-content > .panel.bio-builder > .eyebrow {background:transparent;color:#ff958a}
body.portal-beta-shell.portal-shell-theme-dark :is(.bio-builder,.bio-modal) :focus-visible {outline-color:#ff958a}
body.portal-beta-shell.portal-shell-theme-dark.bio-modal-content {color-scheme:dark;background:#161514}
body.portal-beta-shell.portal-shell-theme-light.bio-modal-content {color-scheme:light}
html:has(body.bio-modal-content.portal-shell-theme-dark) {color-scheme:dark}
html:has(body.bio-modal-content.portal-shell-theme-light) {color-scheme:light}
body.bio-modal-content .portal-beta-topbar,body.bio-modal-content .portal-beta-sidebar,body.bio-modal-content .portal-sidebar,body.bio-modal-content .mobile-sidebar-menus,body.bio-modal-content footer,body.bio-modal-content .top-rail{display:none!important}
html:has(body.bio-modal-content){height:auto!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-y:contain}
body.bio-modal-content{height:auto!important;min-height:100%;overflow:visible!important}
body.bio-modal-content .site-shell,body.bio-modal-content .portal-frame,body.bio-modal-content .portal-content,body.bio-modal-content .page-content{display:block!important;margin:0!important;padding:0!important;width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;overflow:visible!important}
body.bio-modal-content .bio-builder>a{display:none}
.brand-learning-hub .brand-hub-body {margin-top:0;padding-top:24px}
body.portal-beta-shell .portal-beta-tools .content-strip-row--search {width:100%;max-width:100%;min-width:0}
@media(min-width:901px){body.portal-beta-shell:is([data-portal-beta-page="brand"],[data-portal-public-shell="true"]) .portal-beta-topbar .content-strip{display:flex;gap:10px}body.portal-beta-shell:is([data-portal-beta-page="brand"],[data-portal-public-shell="true"]) .portal-beta-tools .content-strip-row--links{flex:0 1 auto}body.portal-beta-shell:is([data-portal-beta-page="brand"],[data-portal-public-shell="true"]) .portal-beta-tools .content-strip-row--search{flex:1 1 0;width:0}}
.bio-launch h2 {margin:0 0 8px}.bio-launch p {margin:0;line-height:1.6}
.brand-learning-hub .bio-launch > .button {width:auto;min-width:0;max-width:100%;justify-self:start;white-space:normal}
@media(max-width:800px){.brand-learning-hub .bio-launch{grid-template-columns:minmax(0,1fr)}}
@media(max-width:800px){body.portal-beta-shell .page-content > .portal-home-bio-highlight{grid-template-columns:minmax(0,1fr);gap:18px}}
@media(max-width:650px){.logo-picker{grid-template-columns:minmax(0,1fr);padding:16px}}
@media(max-width:650px){.bio-builder .bio-grid{grid-template-columns:1fr}.bio-builder .bio-actions .button{flex:1}.bio-builder{padding:20px}}