/* SalesLogs help centre: all pages.
   Loaded from Template settings > Custom HTML > All pages header.
   Restyles HubSpot's built-in knowledge base theme (see theme/SETTINGS.md).

   Rules
   - Every selector is scoped under .kb-body-wrapper (or targets html/body only to set
     a page type). HubSpot can change KB markup without notice: all HubSpot class names
     used anywhere in the theme are listed in theme/SELECTORS.md. Re-check after releases.
   - Page types are detected from HubSpot's own markup with :has(), so layouts apply
     before any script runs (no layout shift):
       home      body.hs-knowledge-listing-page
       article   body:has(.knowledgebase-post)
       category  body:has(.hs-kb-category-listing)
       search    body:has(.hs-kb-search-results)
       404       body:has(div.hs-kb-content > h1)
   - html.slkb-js is set by the inline bootstrap in the header field. Space for injected
     blocks is only reserved when it is present, so the page still works with JS off.
   - No drop shadows. Hover changes colour only. */

/* ---------- Fonts ---------- */
@font-face{font-family:"Suisse Intl";font-weight:400;font-style:normal;font-display:swap;
  src:url("https://www.saleslogs.com/hubfs/CPQ/SuisseIntl-Regular.woff2") format("woff2"),url("https://www.saleslogs.com/hubfs/SuisseIntl-Regular.woff") format("woff")}
@font-face{font-family:"Suisse Intl";font-weight:500;font-style:normal;font-display:swap;
  src:url("https://www.saleslogs.com/hubfs/CPQ/SuisseIntl-Medium.woff2") format("woff2"),url("https://www.saleslogs.com/hubfs/SuisseIntl-Medium.woff") format("woff")}
@font-face{font-family:"Suisse Intl";font-weight:600;font-style:normal;font-display:swap;
  src:url("https://www.saleslogs.com/hubfs/CPQ/SuisseIntl-Semibold.woff2") format("woff2"),url("https://www.saleslogs.com/hubfs/SuisseIntl-Semibold.woff") format("woff")}

/* ---------- Tokens (SalesLogs Design System) ---------- */
:root{
  --sl-white:#FFFFFF;--sl-black:#212121;--sl-blue:#1D4FB9;--sl-navy:#112049;
  --sl-graphite:#50504D;--sl-stone:#75746F;--sl-mist:#C3C3BC;--sl-grey:#E0E0E0;
  --sl-light-grey:#F4F5F2;--sl-sand:#FAF2D5;--sl-cream:#F7F7EF;--sl-skywash:#D5EBFE;
  --sl-blue-water:#2A9BFE;--sl-ink:#404040;
  --font-sans:"Suisse Intl",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
  --container-max:1320px;--container-pad:60px;--section-pad:120px;--text-measure:680px;
  --radius-sm:8px;--radius-card:12px;--radius-input:14px;--radius-panel:16px;--radius-pill:999px;
  --ease:cubic-bezier(0.4,0,0.2,1);--d-fast:150ms;--d-base:250ms;--d-slow:400ms;
  --focus-ring:2px solid var(--sl-blue);
}
@media (max-width:1199px){:root{--container-pad:40px;--section-pad:96px}}
@media (max-width:767px){:root{--container-pad:20px;--section-pad:64px}}
@media (prefers-reduced-motion:reduce){:root{--d-fast:0ms;--d-base:0ms;--d-slow:0ms}}

/* ---------- Base ---------- */
body{background:var(--sl-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.kb-body-wrapper{background:var(--sl-white);color:var(--sl-black);font-family:var(--font-sans);font-size:18px;line-height:1.7;overflow-x:clip}
/* Full-bleed band: paints an element's background edge to edge without extra markup */
.slkb-bleed{box-shadow:0 0 0 100vmax var(--slkb-bleed,var(--sl-light-grey));clip-path:inset(0 -100vmax)}
.kb-body-wrapper :where(h1,h2,h3,h4,h5,h6){font-family:var(--font-sans);font-weight:400;color:var(--sl-black);margin:0}
.kb-body-wrapper :where(p){margin:0}
.kb-body-wrapper :where(a){color:var(--sl-blue);text-decoration:none;transition:color var(--d-base) var(--ease)}
.kb-body-wrapper :where(a:hover,a:focus-visible){color:var(--sl-blue-water)}
.kb-body-wrapper :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:var(--focus-ring);outline-offset:2px}
.kb-body-wrapper :where(strong,b){font-weight:500}
.kb-body-wrapper ::placeholder{color:var(--sl-stone);opacity:1}
#main-content{padding:0}
.kb-body-wrapper .show-for-sr,.slkb-sr{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;padding:0!important}

/* Shared helpers used by injected blocks */
.slkb-container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-pad);box-sizing:content-box}
.slkb-eyebrow{display:block;font:400 15px/1 var(--font-sans);color:var(--sl-blue)}
.slkb-label{font:400 12px/1.2 var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--sl-stone)}
.slkb-caption{font:400 14px/1.4 var(--font-sans);letter-spacing:.02em;color:var(--sl-stone)}
.slkb-h2{font:400 40px/1.15 var(--font-sans);margin:0}
.slkb-h2--m{font-size:32px;line-height:1.2}
@media (max-width:767px){.slkb-h2{font-size:32px;line-height:1.2}.slkb-h2--m{font-size:28px;line-height:1.25}}

/* ---------- Buttons ---------- */
.slkb-btn,.kb-body-wrapper .button,.kb-body-wrapper .hs-button{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;
  font:500 14px/1 var(--font-sans);padding:12px 20px;border:0;border-radius:var(--radius-pill);
  background:var(--sl-blue);color:#fff;box-shadow:inset 0 0 0 1px var(--sl-blue);cursor:pointer;
  white-space:nowrap;text-decoration:none;text-transform:none;letter-spacing:0;
  transition:background-color var(--d-base) var(--ease),color var(--d-base) var(--ease),box-shadow var(--d-base) var(--ease)}
.slkb-btn:hover,.kb-body-wrapper .button:hover,.kb-body-wrapper .hs-button:hover{background:var(--sl-blue-water);color:#fff;box-shadow:inset 0 0 0 1px var(--sl-blue-water)}
.slkb-btn--md{padding:14px 24px}
.slkb-btn--lg{font-size:16px;padding:20px 28px}
.slkb-btn--secondary{background:#fff;color:var(--sl-blue);box-shadow:inset 0 0 0 1px var(--sl-blue)}
.slkb-btn--secondary:hover{background:var(--sl-blue-water);color:#fff;box-shadow:inset 0 0 0 1px var(--sl-blue-water)}
.slkb-btn--outline{background:#fff;color:var(--sl-black);box-shadow:inset 0 0 0 1px var(--sl-grey)}
.slkb-btn--outline:hover{background:#fff;color:var(--sl-black);box-shadow:inset 0 0 0 1px var(--sl-black)}
.slkb-btn--ghost{background:transparent;color:var(--sl-black);box-shadow:none}
.slkb-btn--ghost:hover{background:transparent;color:var(--sl-black);box-shadow:none;text-decoration:underline}
.slkb-btn--light{background:#3F3F3F;color:#fff;box-shadow:none}
.slkb-btn--light:hover{background:#fff;color:var(--sl-black);box-shadow:none}

/* ---------- Header (marketing site header, "Help centre" active) ---------- */
.kb-body-wrapper .header{position:relative;z-index:20;background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--sl-grey);font-family:var(--font-sans)}
.kb-body-wrapper .header__container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-pad);box-sizing:content-box}
.kb-body-wrapper #hs_cos_wrapper_knowledgebase_header{height:auto!important}
.kb-body-wrapper .header__bottom,.kb-body-wrapper .header__container{background:transparent!important;background-image:none!important}
.kb-body-wrapper .header__bottom{padding:0!important}
/* One language only: hide the language switcher row */
.kb-body-wrapper .header__top{display:none}
.kb-body-wrapper .header__wrapper--bottom{display:flex;align-items:center;justify-content:space-between;gap:32px;height:80px;padding:0;max-width:none}
.kb-body-wrapper .header__logo-col{flex:0 0 auto}
.kb-body-wrapper .header__logo{margin:0}
.kb-body-wrapper .header__logo img,.kb-body-wrapper .header__logo-image{display:block;height:22px!important;width:auto!important;max-width:none;min-width:0!important;margin:0}
.kb-body-wrapper .header__menu-col{flex:1;display:flex;justify-content:center}
.kb-body-wrapper .header__menu--desktop .header__menu-wrapper{display:flex;align-items:center;gap:37px;margin:0;padding:0}
.kb-body-wrapper .header__menu-item{margin:0;padding:0;border:0}
.kb-body-wrapper .header__menu-link{font:500 14px/1 var(--font-sans);color:var(--sl-ink);padding:8px 0;text-decoration:none;transition:color var(--d-base) var(--ease)}
.kb-body-wrapper .header__menu-link:hover,.kb-body-wrapper .header__menu-link--active-link{color:#000}
.kb-body-wrapper .header__button-col{flex:0 0 auto}
.kb-body-wrapper .header__button{font:500 14px/1 var(--font-sans);padding:12px 20px;border-radius:var(--radius-pill)}
.kb-body-wrapper .header__menu-toggle svg{fill:var(--sl-black)}
@media (max-width:767px){
  .kb-body-wrapper .header__wrapper--bottom{height:64px}
  .kb-body-wrapper .header__menu-col{justify-content:flex-end}
  .kb-body-wrapper .header__menu-toggle{background:none;border:0;padding:8px;width:40px;height:40px}
  .kb-body-wrapper .header__menu-toggle svg{width:20px;height:20px}
  .kb-body-wrapper .header__menu--mobile{background:#fff;border-top:1px solid var(--sl-grey)}
  .kb-body-wrapper .header__menu--mobile .header__menu-link{display:block;padding:16px var(--container-pad);font-size:16px}
}
/* Pages whose first band is Light Grey (article, search, role view) */
body:has(.knowledgebase-post) .kb-body-wrapper .header,
body:has(.hs-kb-search-results) .kb-body-wrapper .header,
html.slkb-role-view .kb-body-wrapper .header{background:var(--sl-light-grey);border-bottom-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}

/* ---------- Search field (HubSpot module) ---------- */
.kb-body-wrapper .hs-kb-search-input-wrapper{background:transparent;background-image:none!important;padding:0;margin:0}
.kb-body-wrapper .hs-search-field__bar{max-width:none;min-height:0;padding:0;background:transparent}
.kb-body-wrapper .hs-search-field__form{display:flex;flex-wrap:wrap;align-items:stretch;gap:12px;padding:0;margin:0;background:transparent;border-radius:0}
.kb-body-wrapper .hs-search-field__label{flex-basis:100%;padding:0;margin:0;font:400 32px/1.2 var(--font-sans);color:var(--sl-black)}
.kb-body-wrapper .hs-search-field__input{flex:1 1 0;min-width:0;height:64px;box-sizing:border-box;margin:0;padding:0 24px;
  font:400 18px/1 var(--font-sans);color:var(--sl-black);background:#fff;border:1px solid var(--sl-mist);border-radius:var(--radius-input);
  box-shadow:none;-webkit-appearance:none;appearance:none;transition:border-color var(--d-base) var(--ease)}
.kb-body-wrapper .hs-search-field__input:focus{outline:2px solid var(--sl-blue);outline-offset:0;border-color:var(--sl-blue)}
.kb-body-wrapper .hs-search-field__input::-webkit-search-cancel-button{-webkit-appearance:none}
.kb-body-wrapper .hs-search-field__button,
.kb-body-wrapper .hs-kb-search-input-wrapper .hs-search-field__bar .hs-search-field__button{flex:0 0 auto;width:auto;min-width:max-content;height:64px;margin:0;padding:0 28px;border:0;border-radius:var(--radius-pill);
  background:var(--sl-blue);color:#fff;font:500 16px/1 var(--font-sans);cursor:pointer;display:inline-flex;align-items:center;gap:8px;
  box-shadow:inset 0 0 0 1px var(--sl-blue);transition:background-color var(--d-base) var(--ease),box-shadow var(--d-base) var(--ease)}
.kb-body-wrapper .hs-search-field__button:hover{background:var(--sl-blue-water);box-shadow:inset 0 0 0 1px var(--sl-blue-water)}
/* Icon-only button: show the word "Search" (set a button label in the theme editor to override) */
.kb-body-wrapper .hs-search-field__button:not(.hs-search-field__button--labelled) .hs_cos_wrapper_type_icon{display:none}
.kb-body-wrapper .hs-search-field__button:not(.hs-search-field__button--labelled)::after{content:"Search"}
.kb-body-wrapper .hs-search-field__button svg{fill:currentColor;height:14px}
/* Autocomplete */
.kb-body-wrapper .hs-search-field__suggestions-container{flex-basis:100%;order:5}
.kb-body-wrapper .hs-search-field--open .hs-search-field__suggestions{background:#fff;border:0;border-radius:var(--radius-card);box-shadow:inset 0 0 0 1px var(--sl-grey);margin-top:-4px;overflow:hidden;text-align:left;z-index:30}
.kb-body-wrapper .hs-search-field__suggestions .results-for{background:var(--sl-light-grey);font:400 12px/1.2 var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--sl-stone);padding:12px 20px}
.kb-body-wrapper .hs-search-field__suggestions a{padding:14px 20px;gap:4px;color:var(--sl-black);border-top:1px solid var(--sl-grey)}
.kb-body-wrapper .hs-search-field__suggestions a:hover,.kb-body-wrapper .hs-search-field__suggestions a:focus{background:var(--sl-light-grey)}
.kb-body-wrapper .autocomplete-result-title{font:400 16px/1.4 var(--font-sans);color:var(--sl-black)}
.kb-body-wrapper .autocomplete-result-category{font:400 14px/1.4 var(--font-sans);letter-spacing:.02em;color:var(--sl-stone)}
.kb-body-wrapper .hs-search-highlight{font-weight:inherit;background:var(--sl-skywash);color:var(--sl-black);padding:0 2px;border-radius:2px}
@media (max-width:767px){
  .kb-body-wrapper .hs-search-field__input,.kb-body-wrapper .hs-search-field__button{height:52px}
  .kb-body-wrapper .hs-search-field__button{padding:0 20px;font-size:14px}
}
/* Phones: full-width box, button underneath (after any suggestions) so the placeholder is not cut off */
@media (max-width:599px){
  .kb-body-wrapper .hs-search-field__input{flex-basis:100%;padding:0 16px;font-size:16px}
  .kb-body-wrapper .hs-search-field__button,
  .kb-body-wrapper .hs-kb-search-input-wrapper .hs-search-field__bar .hs-search-field__button{flex:1 1 100%;width:100%;justify-content:center;order:6}
}

/* ---------- Page frame ---------- */
.kb-body-wrapper .hs-kb-content-wrapper--responsive-spacing{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-pad);box-sizing:content-box}
.kb-body-wrapper .hs-kb-content-wrapper--sidebar{display:grid;grid-template-columns:240px minmax(0,1fr);column-gap:96px;align-items:start;flex-direction:initial}
.kb-body-wrapper .hs-kb-content{display:block;padding:0!important;margin:0;gap:0;min-width:0;grid-column:2;grid-row:1}
.kb-body-wrapper .hs-kb-sidebar{grid-column:1;grid-row:1;display:block;border:0!important;padding:0!important;min-width:0}
.kb-body-wrapper .hs-kb-sidebar>div+div{border:0;margin:0;padding:0}
@media (max-width:1199px){.kb-body-wrapper .hs-kb-content-wrapper--sidebar{column-gap:48px;grid-template-columns:200px minmax(0,1fr)}}
@media (max-width:767px){
  .kb-body-wrapper .hs-kb-content-wrapper--sidebar{display:flex;flex-direction:column;gap:40px}
  .kb-body-wrapper .hs-kb-sidebar{order:2}
}

/* ---------- Breadcrumbs ---------- */
.kb-body-wrapper .hs-kb-breadcrumb-container{max-width:none;margin:0;padding:48px 0 40px}
.kb-body-wrapper .hs-kb-breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0;padding:0;list-style:none;font:400 14px/1.4 var(--font-sans);letter-spacing:.02em;color:var(--sl-stone)}
.kb-body-wrapper .hs-kb-breadcrumb_item{margin:0;display:inline-flex;align-items:center;gap:10px}
.kb-body-wrapper .hs-kb-breadcrumb_item a,.kb-body-wrapper .hs-kb-breadcrumb_item span{padding:0;color:var(--sl-blue)}
.kb-body-wrapper .hs-kb-breadcrumb_item a:hover{color:var(--sl-blue-water)}
.kb-body-wrapper .hs-kb-breadcrumb_item:not(:last-child)::after{content:"/";padding:0;color:var(--sl-stone)}
.kb-body-wrapper .hs-kb-breadcrumb_item:last-child a,.kb-body-wrapper .hs-kb-breadcrumb_item:last-child span{color:var(--sl-black)}
.kb-body-wrapper .hs-kb-breadcrumb-container:empty{padding:0}

/* ---------- Topics navigation (HubSpot accordion menu) ---------- */
.kb-body-wrapper .hs-kb-category_accordion_nav_list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:2px}
.kb-body-wrapper .hs-kb-sidebar #hs_cos_wrapper_accordion-menu::before{content:"Topics";display:block;font:400 12px/1.2 var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--sl-stone);padding:0 12px 12px}
.kb-body-wrapper .hs-kb-category-accordion_link{display:block;padding:8px 12px!important;border-radius:var(--radius-sm);font:400 14px/1.4 var(--font-sans);color:var(--sl-graphite);background:transparent;transition:color var(--d-base) var(--ease)}
.kb-body-wrapper .hs-kb-category-accordion_link:hover{color:var(--sl-black)}
.kb-body-wrapper .hs-kb-category-accordion_link--active,
.kb-body-wrapper .hs-kb-category-accordion_link--active>.hs-kb-category-accordion_link,
.kb-body-wrapper .hs-kb-category-accordion_link--active>.hs-kb-anchor_toggle>.hs-kb-category-accordion_link,
.kb-body-wrapper .hs-kb-anchor_toggle--active>.hs-kb-category-accordion_link{background:var(--sl-light-grey);color:var(--sl-black);font-weight:500}
.kb-body-wrapper .hs-kb-category_accordion_nav_list_item.hs-kb-category-accordion_link--active{background:transparent;padding:0!important}
.kb-body-wrapper .hs-kb-category_accordion_nav_list .hs-kb-category_accordion_nav_list .hs-kb-category-accordion_link{padding-inline-start:28px!important;font-size:14px}
.kb-body-wrapper .hs-kb-anchor_toggle,.kb-body-wrapper .hs-kb-anchor_toggle--active{background:transparent!important;flex-direction:row!important}
.kb-body-wrapper .toggle_icon--arrow{padding:0!important;width:28px!important;display:flex!important;align-items:center;justify-content:center;align-self:stretch}
.kb-body-wrapper .toggle_icon--arrow::after{content:""!important;display:block!important;width:6px;height:6px;margin-top:-2px;border-right:1.5px solid var(--sl-stone);border-bottom:1.5px solid var(--sl-stone);transform:rotate(-45deg);transition:transform var(--d-base) var(--ease)!important}
.kb-body-wrapper .hs-kb-category_accordion_nav_list_item--has-children input[type=checkbox]:checked+.hs-kb-anchor_toggle .toggle_icon--arrow::after{transform:rotate(45deg)!important}
.kb-body-wrapper .hs-kb-category_accordion_nav_list_item--has-children input[type=checkbox]{left:auto!important;right:0!important;top:0!important;height:37px!important;width:28px!important}
.-sidebar-right .hs-kb-category_accordion_nav_list_item--has-children .hs-kb-category_accordion_nav_list .hs-kb-category-accordion_link{padding-inline-start:28px!important}

/* ---------- Footer ---------- */
.kb-body-wrapper .footer{background:var(--sl-black);color:#fff;font-family:var(--font-sans)}
.kb-body-wrapper .footer>*{max-width:var(--container-max);margin-left:auto;margin-right:auto;padding-left:var(--container-pad);padding-right:var(--container-pad);box-sizing:content-box}
.kb-body-wrapper .footer__menu{justify-content:flex-start;gap:12px 40px;padding:56px 0 40px;max-width:none}
.kb-body-wrapper .footer__menu-link{font:500 14px/1.4 var(--font-sans)!important;color:rgba(255,255,255,.7)!important;text-decoration:none}
.kb-body-wrapper .footer__menu-link:hover{color:#fff!important}
.kb-body-wrapper .footer__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:40px;padding-top:40px;padding-bottom:56px;border-top:1px solid rgba(255,255,255,.12)}
.kb-body-wrapper .footer__bottom--left{display:flex;flex-direction:column;gap:24px}
.kb-body-wrapper .footer__bottom--right{display:flex;flex-direction:column;align-items:flex-end;gap:16px}
.kb-body-wrapper .footer .widget-type-logo img{margin:0;height:38px!important;width:auto!important;filter:brightness(0) invert(1)}
.kb-body-wrapper .footer .widget-type-rich_text,.kb-body-wrapper .footer .widget-type-rich_text p{font:400 14px/18px var(--font-sans);color:rgba(255,255,255,.7);margin:0}
.kb-body-wrapper .footer .widget-type-rich_text a{color:rgba(255,255,255,.7)}
.kb-body-wrapper .footer .widget-type-rich_text a:hover{color:#fff}
.kb-body-wrapper .hs-kb-social_follow{display:flex;gap:12px}
.kb-body-wrapper .hs-kb-social_follow__link{width:32px;height:32px;border-radius:var(--radius-pill);background:transparent!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3);display:inline-flex;align-items:center;justify-content:center;transition:box-shadow var(--d-base) var(--ease)}
.kb-body-wrapper .hs-kb-social_follow__link:hover{box-shadow:inset 0 0 0 1px #fff}
.kb-body-wrapper .hs-kb-social_follow__icon svg{fill:#fff!important;width:14px;height:14px}
@media (max-width:767px){.kb-body-wrapper .footer__bottom--right{align-items:flex-start}}

/* ---------- Support CTA panel (injected; also used on 1j) ---------- */
.slkb-cta{background:var(--sl-black);color:#fff;border-radius:var(--radius-panel);padding:80px;display:flex;justify-content:space-between;align-items:flex-end;gap:48px}
.slkb-cta h2{color:#fff;font:400 40px/1.15 var(--font-sans);margin:0}
.slkb-cta p{color:rgba(255,255,255,.8);font:400 18px/1.7 var(--font-sans);max-width:480px;margin:16px 0 0}
.slkb-cta--bleed{border-radius:0;padding:80px 0;align-items:center}
@media (max-width:767px){.slkb-cta{padding:48px 24px;flex-direction:column;align-items:flex-start;gap:24px}.slkb-cta h2{font-size:32px}.slkb-cta--bleed{padding:56px 0}}

/* ---------- Role chips and role text (shared by listing, search and role view) ---------- */
.slkb-chips{display:flex;flex-wrap:wrap;gap:8px}
.slkb-chip{display:inline-flex;align-items:center;height:40px;padding:0 20px;border-radius:var(--radius-pill);box-shadow:inset 0 0 0 1px var(--sl-grey);background:transparent;color:var(--sl-ink);font:500 14px/1 var(--font-sans);cursor:pointer;border:0;text-decoration:none;transition:color var(--d-base) var(--ease),background-color var(--d-base) var(--ease)}
.slkb-chip:hover{color:#000}
.slkb-chip[aria-pressed=true],.slkb-chip[aria-current]{background:var(--sl-black);color:#fff;box-shadow:none}
.slkb-band .slkb-chip{background:#fff;box-shadow:inset 0 0 0 1px var(--sl-mist)}
.slkb-band .slkb-chip[aria-pressed=true],.slkb-band .slkb-chip[aria-current]{background:var(--sl-black);box-shadow:none}
.slkb-roles-text{font:400 14px/1.4 var(--font-sans);letter-spacing:.02em;color:var(--sl-stone)}
.slkb-badge{display:inline-flex;align-items:center;height:24px;padding:0 12px;border-radius:var(--radius-pill);box-shadow:inset 0 0 0 1px var(--sl-grey);font:500 13px/1 var(--font-sans);color:var(--sl-black);white-space:nowrap}

/* ---------- List rows (category, role view, search) ---------- */
.slkb-rows{border-top:1px solid var(--sl-grey);margin:0;padding:0;list-style:none}
.slkb-row{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px;padding:20px 0;border-bottom:1px solid var(--sl-grey);color:var(--sl-black)!important}
.slkb-row__main{display:flex;flex-direction:column;gap:4px}
.slkb-row__title{font:400 18px/1.4 var(--font-sans);color:var(--sl-black);transition:color var(--d-base) var(--ease)}
.slkb-row:hover .slkb-row__title{color:var(--sl-blue)}
.slkb-row__sum{font:400 16px/1.6 var(--font-sans);color:var(--sl-graphite)}
.slkb-row__aside{font:400 14px/1.6 var(--font-sans);letter-spacing:.02em;color:var(--sl-stone);text-align:right}
@media (max-width:767px){.slkb-row{grid-template-columns:1fr;gap:8px}.slkb-row__aside{text-align:left}}

/* =========================================================================
   SEARCH RESULTS (1g) and NO RESULTS (1j)
   Search pages only get the all-pages fields, so their styles live here.
   ========================================================================= */
body:has(.hs-kb-search-results) .hs-kb-search-input-wrapper{background:var(--sl-light-grey)!important;padding:40px 0 0}
body:has(.hs-kb-search-results) .hs-kb-search-input-wrapper .hs-search-field{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-pad);box-sizing:content-box;display:block}
body:has(.hs-kb-search-results) .hs-search-field__bar,body:has(.hs-kb-search-results) .hs-search-field__form{max-width:880px}
body:has(.hs-kb-search-results) .hs-search-field__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
body:has(.hs-kb-search-results) .hs-search-field__input{border-color:var(--sl-grey)}
/* Results heading (kb-common.js) continues the grey band */
body:has(.hs-kb-search-results) .hs-kb-breadcrumb-container{display:none}
.slkb-search-head{padding:24px 0 64px;background:var(--sl-light-grey);box-shadow:0 0 0 100vmax var(--sl-light-grey);clip-path:inset(0 -100vmax)}
.slkb-search-head h1{font:400 32px/1.2 var(--font-sans);margin:0;min-height:38px}
body:has(.hs-kb-search-results) .hs-kb-content-wrapper--sidebar{padding-top:64px}
.kb-body-wrapper .hs-kb-search-results h1:not(.slkb-search-head h1){display:none}
.kb-body-wrapper .hs-search-results__listing{margin:0;padding:0;list-style:none}
.kb-body-wrapper .slkb-results-meta{display:flex;justify-content:space-between;gap:24px;padding-bottom:16px;border-bottom:1px solid var(--sl-mist);font:400 14px/1.4 var(--font-sans);letter-spacing:.02em;color:var(--sl-stone)}
.kb-body-wrapper .slkb-results-meta button{background:none;border:0;padding:0;font:inherit;color:var(--sl-blue);cursor:pointer}
.kb-body-wrapper .slkb-results-meta button:hover{color:var(--sl-blue-water)}
.kb-body-wrapper .hs-search-results__listing>li{display:flex;flex-direction:column;gap:8px;padding:28px 0;margin:0;border-bottom:1px solid var(--sl-grey)}
.kb-body-wrapper .hs-search-results__listing>li[hidden]{display:none}
.kb-body-wrapper .hs-search-results__title{font:400 22px/1.3 var(--font-sans);color:var(--sl-blue);order:2}
.kb-body-wrapper .hs-search-results__title:hover{color:var(--sl-blue-water)}
.kb-body-wrapper .hs-search-results__title .hs-search-highlight{background:none;padding:0;color:inherit}
.kb-body-wrapper .hs-search-results__description{font:400 16px/1.6 var(--font-sans);color:var(--sl-graphite);max-width:720px;margin:0;order:3}
.kb-body-wrapper .slkb-result-path{order:1}
.kb-body-wrapper .slkb-result-roles{order:4}
.kb-body-wrapper .hs-search-results__pagination{display:flex;justify-content:space-between;align-items:center;padding-top:32px}
.kb-body-wrapper .hs-search-results__prev-page,.kb-body-wrapper .hs-search-results__next-page{float:none;display:inline-flex;align-items:center;font:500 14px/1 var(--font-sans);padding:12px 20px;border-radius:var(--radius-pill);color:var(--sl-black);box-shadow:inset 0 0 0 1px var(--sl-grey);transition:box-shadow var(--d-base) var(--ease)}
.kb-body-wrapper .hs-search-results__prev-page:hover,.kb-body-wrapper .hs-search-results__next-page:hover{color:var(--sl-black);box-shadow:inset 0 0 0 1px var(--sl-black)}
.kb-body-wrapper .hs-search-results__prev-page:empty,.kb-body-wrapper .hs-search-results__next-page:empty{display:none}
.kb-body-wrapper .hs-search-results__next-page{margin-left:auto}
/* Facets (injected into the sidebar; the topics menu is hidden on search pages when they load) */
.slkb-facets{display:flex;flex-direction:column;gap:40px}
.slkb-facet{display:flex;flex-direction:column;gap:12px;border:0;margin:0;padding:0;min-width:0}
.slkb-facet legend{padding:0 0 4px}
.slkb-check{display:flex;align-items:center;gap:12px;font:400 16px/1.4 var(--font-sans);color:var(--sl-black);cursor:pointer}
.slkb-check input{-webkit-appearance:none;appearance:none;width:18px;height:18px;margin:0;flex:none;border-radius:4px;box-shadow:inset 0 0 0 1px var(--sl-mist);background:#fff;cursor:pointer;display:grid;place-content:center;transition:background-color var(--d-fast) var(--ease)}
.slkb-check input:checked{background:var(--sl-blue);box-shadow:none}
.slkb-check input:checked::after{content:"";width:8px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translate(1px,-1px)}
.slkb-check span:first-of-type{flex:1}
.slkb-check .slkb-count{font-size:14px;color:var(--sl-stone)}
html.slkb-facets-ready body:has(.hs-kb-search-results) #hs_cos_wrapper_accordion-menu{display:none}
/* No results (1j) */
.kb-body-wrapper .hs-search__no-results{font:400 18px/1.7 var(--font-sans);color:var(--sl-graphite);padding:0}
.slkb-empty{display:grid;grid-template-columns:4fr 8fr;gap:24px;align-items:start;padding:16px 0 var(--section-pad)}
.slkb-empty__help{display:flex;flex-direction:column;gap:16px;padding-right:48px}
.slkb-empty__help h2{font:400 22px/1.3 var(--font-sans)}
.slkb-empty__help ul{margin:0;padding:0 0 0 20px;display:flex;flex-direction:column;gap:8px;font:400 16px/1.6 var(--font-sans);color:var(--sl-graphite)}
.slkb-empty__support{border-top:1px solid var(--sl-grey);margin-top:24px;padding-top:24px;display:flex;flex-direction:column;gap:12px;align-items:flex-start;font:400 16px/1.6 var(--font-sans)}
.slkb-empty__topics{display:flex;flex-direction:column;gap:24px}
.slkb-topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.slkb-topic-card{border-radius:var(--radius-card);padding:28px;box-shadow:inset 0 0 0 1px var(--sl-grey);display:flex;flex-direction:column;gap:8px;color:var(--sl-black)!important}
.slkb-topic-card strong{font:400 22px/1.3 var(--font-sans);transition:color var(--d-base) var(--ease)}
.slkb-topic-card:hover strong{color:var(--sl-blue)}
.slkb-topic-card span{font:400 16px/1.6 var(--font-sans);color:var(--sl-graphite)}
/* When there are no results, the empty state takes the full width */
html.slkb-no-results body:has(.hs-kb-search-results) .hs-kb-sidebar{display:none}
html.slkb-no-results body:has(.hs-kb-search-results) .hs-kb-content{grid-column:1/-1}
html.slkb-no-results .kb-body-wrapper .hs-search-results__pagination{display:none}
@media (max-width:1023px){.slkb-empty{grid-template-columns:1fr}.slkb-empty__help{padding-right:0}}
@media (max-width:767px){.slkb-topic-grid{grid-template-columns:1fr}}

/* =========================================================================
   404 (1i)
   ========================================================================= */
body:has(div.hs-kb-content>h1) .hs-kb-breadcrumb-container,
body:has(div.hs-kb-content>h1) .hs-kb-sidebar{display:none}
body:has(div.hs-kb-content>h1) .hs-kb-content-wrapper--sidebar{display:block}
body:has(div.hs-kb-content>h1) div.hs-kb-content{padding:160px 0!important;display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px}
body:has(div.hs-kb-content>h1) div.hs-kb-content>h1{font:400 56px/1.05 var(--font-sans);letter-spacing:-.03em;max-width:760px}
body:has(div.hs-kb-content>h1) div.hs-kb-content>p{font:400 18px/1.7 var(--font-sans);color:var(--sl-graphite);max-width:480px}
body:has(div.hs-kb-content>h1) div.hs-kb-content .hs-kb-search-input-wrapper{width:640px;max-width:100%;margin-top:24px}
body:has(div.hs-kb-content>h1) div.hs-kb-content .hs-search-field__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
/* Search band stays in place if the script has not moved it */
body:has(div.hs-kb-content>h1) .hs-kb-search-input-wrapper:not(#main-content *){padding:48px 0 0}
body:has(div.hs-kb-content>h1) .hs-kb-search-input-wrapper:not(#main-content *) .hs-search-field{max-width:640px;margin:0 auto;padding:0 var(--container-pad)}
@media (max-width:767px){body:has(div.hs-kb-content>h1) div.hs-kb-content{padding:80px 0!important}body:has(div.hs-kb-content>h1) div.hs-kb-content>h1{font-size:40px;line-height:1.1}}