/* =====================================================================
   EDOT Knowledge Base skin  ·  knowledge.haulhub.com
   Matches the EDOT / HaulHub websites and the EDOT Learning Portal theme.
   Loaded after HubSpot's theme CSS through the KB Site Header HTML, served from the GSM Content Hub
   (public/sites/kb/edot-kb.css). Edit here and push; live in about 5 minutes. No HubSpot upload, no ?v=.
   Targets HubSpot's own KB classes; re-check after HubSpot KB releases.
   v1 · Nov 2026 (v1.1 Nov 12: roadway linework on the footer, fading out, as on the websites)
   ===================================================================== */

/* ---------- 1. Tokens (also re-points HubSpot's theme variables) ---------- */
:root{
  --e-ink:#14142E;      /* dark ground */
  --e-ink-2:#1C1B3B;    /* raised panel on dark */
  --e-ink-3:#2A2852;    /* lines on dark */
  --e-lav:#B7ACE6;      /* eyebrow on dark */
  --e-violet:#8B5CF6;   /* interactive accent */
  --e-violet-d:#5B34C9; /* links on light */
  --e-steel:#A6A3C2;    /* muted on dark */
  --e-concrete:#EEEDF4; /* page ground */
  --e-concrete-2:#E1DFEB;
  --e-tint:#F6F5FA;
  --e-char:#1A1A2E;     /* text on light */
  --e-mute:#5E5B78;     /* muted on light */
  --e-line:#C9C5DA;
  --e-f-display:"Archivo","Arial Black",Arial,sans-serif;
  --e-f-body:Arial,"Helvetica Neue",Helvetica,sans-serif;
  --e-f-data:"IBM Plex Mono",ui-monospace,"Courier New",monospace;
  --e-shadow:0 1px 0 rgba(20,20,46,.06),0 8px 24px -12px rgba(20,20,46,.18);
  --e-lw:url(https://edot-stats.miguel-580.workers.dev/sites/edot/blueprint-tall.webp);

  /* HubSpot theme variables */
  --container-width:1200px;
  --primary-color:#8B5CF6;
  --secondary-color:#EEEDF4;
  --accent-color:#5B34C9;
  --body-bg-color:#EEEDF4;
  --primary-body-font-family:var(--e-f-body);
  --primary-body-font-color:#1A1A2E;
  --primary-body-font-size:17px;
  --primary-body-line-height:1.6;
  --secondary-header-font-family:var(--e-f-display);
  --secondary-header-font-color:#1A1A2E;
  --header-menu-font-color:#D9D5F0;
}

/* ---------- 2. Page base ---------- */
html body{background:var(--e-concrete)!important;color:var(--e-char);font-family:var(--e-f-body)!important;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
body .kb-body-wrapper{background:var(--e-concrete)!important;font-family:var(--e-f-body)!important;color:var(--e-char)}
body .kb-body-wrapper a{color:var(--e-violet-d)}
body .kb-body-wrapper :focus-visible{outline:3px solid var(--e-violet)!important;outline-offset:3px;border-radius:4px}
body .kb-body-wrapper h1,body .kb-body-wrapper h2,body .kb-body-wrapper h3{font-family:var(--e-f-display)!important;font-stretch:112%;font-weight:800!important;letter-spacing:-.015em;color:var(--e-char)}

/* ---------- 3. Header ---------- */
body header.header{background:var(--e-ink)!important;border-bottom:1px solid rgba(255,255,255,.08);position:relative;z-index:auto!important}
/* the search hero sits inside header.header: keep the header from stacking above the category cards */
body #hs_cos_wrapper_knowledgebase_header{position:relative;z-index:30}
body header.header .header__skip{background:var(--e-violet);color:#fff}
body #hs_cos_wrapper_knowledgebase_header .header__top{background:var(--e-ink)!important;border-bottom:1px solid rgba(255,255,255,.06)}
body #hs_cos_wrapper_knowledgebase_header .header__wrapper{max-width:1248px!important;box-sizing:border-box;margin:0 auto;padding-left:24px!important;padding-right:24px!important}
body #hs_cos_wrapper_knowledgebase_header .header__container,body #hs_cos_wrapper_knowledgebase_header .header__bottom,body #hs_cos_wrapper_knowledgebase_header .header__top{padding-left:0!important;padding-right:0!important}
body #hs_cos_wrapper_knowledgebase_header .header__wrapper--top{min-height:36px;padding-top:4px;padding-bottom:4px}
body #hs_cos_wrapper_knowledgebase_header .header__bottom{background:var(--e-ink)!important}
body #hs_cos_wrapper_knowledgebase_header .header__wrapper--bottom{min-height:72px;display:flex;align-items:center;gap:24px;padding-top:12px;padding-bottom:12px}
body #hs_cos_wrapper_knowledgebase_header .header__logo-link{display:flex;align-items:center;gap:14px;text-decoration:none}
body #hs_cos_wrapper_knowledgebase_header .header__logo-image{height:34px!important;width:auto!important;max-width:none}
body #hs_cos_wrapper_knowledgebase_header .header__logo-link::after{
  content:"Knowledge Base";font-family:var(--e-f-data);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;
  color:var(--e-lav);border-left:1px solid var(--e-ink-3);padding-left:14px;line-height:34px;white-space:nowrap}
html[lang^="es"] body #hs_cos_wrapper_knowledgebase_header .header__logo-link::after{content:"Base de conocimientos"}
/* language switcher */
body #hs_cos_wrapper_knowledgebase_header .header__language-switcher-current-label,
body #hs_cos_wrapper_knowledgebase_header .header__language-switcher-current-label>span{color:var(--e-steel)!important;font:600 13px var(--e-f-body)!important}
body #hs_cos_wrapper_knowledgebase_header .header__language-switcher-icon svg,
body #hs_cos_wrapper_knowledgebase_header .header__language-switcher-child-toggle svg{fill:var(--e-steel)!important}
body #hs_cos_wrapper_knowledgebase_header .lang_list_class{background:var(--e-ink-2)!important;border:1px solid var(--e-ink-3)!important;border-radius:8px;box-shadow:0 12px 32px -12px rgba(0,0,0,.5)}
body #hs_cos_wrapper_knowledgebase_header .lang_list_class li a{color:#fff!important;font:600 14px var(--e-f-body)!important;padding:10px 16px!important}
body #hs_cos_wrapper_knowledgebase_header .lang_list_class li a:hover{background:var(--e-ink-3)!important}
/* menu links (Configure > Header > menu) */
body #hs_cos_wrapper_knowledgebase_header .header__menu-link,
body #hs_cos_wrapper_knowledgebase_header .header__menu--desktop a{color:#D9D5F0!important;font:600 15px var(--e-f-body)!important;text-decoration:none}
body #hs_cos_wrapper_knowledgebase_header .header__menu--desktop a:hover{color:#fff!important}
/* header button: ghost, like Sign In on the websites */
body #hs_cos_wrapper_knowledgebase_header .header__button{
  display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 18px!important;border-radius:6px!important;border:0!important;
  background:rgba(255,255,255,.08)!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3);
  font-family:var(--e-f-display)!important;font-stretch:105%;font-weight:700!important;font-size:15px!important;text-decoration:none;transition:background .15s}
body #hs_cos_wrapper_knowledgebase_header .header__button:hover{background:rgba(255,255,255,.16)!important}
body #hs_cos_wrapper_knowledgebase_header .header__menu-toggle svg{fill:#fff!important}
body #hs_cos_wrapper_knowledgebase_header .header__menu--mobile{background:var(--e-ink)!important}
body #hs_cos_wrapper_knowledgebase_header .header__menu--mobile .header__menu-item{border-color:var(--e-ink-3)!important}

/* ---------- 4. Hero + search ---------- */
body section.hs-kb-search-input-wrapper{
  position:relative;background:var(--e-ink)!important;color:#fff;
  padding:64px 24px 132px!important;margin:0!important;max-width:none!important;
  background-image:
    linear-gradient(rgba(139,92,246,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(139,92,246,.06) 1px,transparent 1px)!important;
  background-size:48px 48px!important;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 56px),0 100%);box-sizing:border-box!important}
body section.hs-kb-search-input-wrapper::before{
  content:"EDOT Knowledge Base";display:block;max-width:1200px;margin:0 auto 18px;padding:0;
  font-family:var(--e-f-data);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--e-lav)}
html[lang^="es"] body section.hs-kb-search-input-wrapper::before{content:"Base de conocimientos EDOT"}
body #hs_cos_wrapper_hs_kb-search-input-module{max-width:1200px;margin:0 auto}
body #hs_cos_wrapper_hs_kb-search-input-module .hs-search-field{max-width:none;display:block!important}
body #hs_cos_wrapper_hs_kb-search-input-module .hs-search-field__bar{max-width:760px;margin:0!important}
body #hs_cos_wrapper_hs_kb-search-input-module .hs-search-field__bar>form{display:flex;flex-wrap:wrap;gap:0;border:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important}
body #hs_cos_wrapper_hs_kb-search-input-module .hs-search-field__label{
  flex:1 1 100%;display:block;margin:0 0 28px!important;padding:0;text-align:left!important;
  font-family:var(--e-f-display)!important;font-stretch:112%;font-weight:800!important;font-size:clamp(36px,5vw,60px)!important;
  line-height:1.04!important;letter-spacing:-.015em;color:#fff!important}
body #hs_cos_wrapper_hs_kb-search-input-module .hs-search-field__input{
  flex:1 1 0!important;width:auto!important;min-width:0;height:60px!important;min-height:60px;margin:0!important;padding:0 20px!important;
  background:#fff!important;color:var(--e-char)!important;border:0!important;border-radius:8px 0 0 8px!important;
  font:400 17px var(--e-f-body)!important;box-shadow:none!important}
body #hs_cos_wrapper_hs_kb-search-input-module .hs-search-field__input::placeholder{color:#76738F;opacity:1}
body #hs_cos_wrapper_hs_kb-search-input-module .hs-search-field__button{
  flex:0 0 auto;height:60px!important;min-width:64px;margin:0!important;padding:0 22px!important;border:0!important;
  border-radius:0 8px 8px 0!important;background:var(--e-violet)!important;cursor:pointer;transition:background .15s}
body #hs_cos_wrapper_hs_kb-search-input-module .hs-search-field__button:hover{background:#7C4DEB!important}
body #hs_cos_wrapper_hs_kb-search-input-module .hs-search-field__button svg{fill:#fff!important;width:20px;height:20px}
body #hs_cos_wrapper_hs_kb-search-input-module .hs-search-field__suggestions-container{flex:1 1 100%}
body #hs_cos_wrapper_hs_kb-search-input-module .hs-search-field__suggestions{background:#fff!important;border-radius:8px;box-shadow:var(--e-shadow);margin-top:8px!important;overflow:hidden}
body #hs_cos_wrapper_hs_kb-search-input-module .hs-search-field__suggestions li a{color:var(--e-char)!important;padding:12px 20px!important;display:block}
body #hs_cos_wrapper_hs_kb-search-input-module .hs-search-field__suggestions li a:hover{background:var(--e-tint)!important;color:var(--e-violet-d)!important}

/* compact hero on category, article and search pages (anything without the home category grid) */
body:not(:has(#hs_cos_wrapper_knowledgebase_category_listing)) section.hs-kb-search-input-wrapper{padding:28px 24px 32px!important;clip-path:none!important}
body:not(:has(#hs_cos_wrapper_knowledgebase_category_listing)) section.hs-kb-search-input-wrapper::before{display:none}
body:not(:has(#hs_cos_wrapper_knowledgebase_category_listing)) #hs_cos_wrapper_hs_kb-search-input-module .hs-search-field__label{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:0!important}
body:not(:has(#hs_cos_wrapper_knowledgebase_category_listing)) #hs_cos_wrapper_hs_kb-search-input-module .hs-search-field__input,
body:not(:has(#hs_cos_wrapper_knowledgebase_category_listing)) #hs_cos_wrapper_hs_kb-search-input-module .hs-search-field__button{height:52px!important;min-height:52px}
body .hs-kb-content-wrapper--responsive-spacing{max-width:1248px!important;box-sizing:border-box!important;margin:0 auto!important;padding:0 24px 88px!important}

/* ---------- 5. Home: category grid ---------- */
body main#main-content{position:relative;z-index:2}
body #hs_cos_wrapper_knowledgebase_category_listing{max-width:1248px!important;box-sizing:border-box!important;margin:-88px auto 0;padding:0 24px 96px}
body .hs-kb-home-list.hs-kb-home-list--classic{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px!important;counter-reset:kbcat;
  justify-content:stretch!important;max-width:none!important;width:100%!important;margin:0!important;padding:0!important}
body .hs-kb-home-list__category{
  counter-increment:kbcat;display:flex;flex-direction:column;
  width:auto!important;max-width:none!important;flex:none!important;margin:0!important;
  background:#fff!important;border:0!important;border-radius:10px!important;padding:28px 28px 24px!important;
  box-shadow:var(--e-shadow);text-align:left!important;transition:transform .15s ease,box-shadow .15s ease}
body .hs-kb-home-list__category:hover{transform:translateY(-2px);box-shadow:0 1px 0 rgba(20,20,46,.06),0 16px 32px -14px rgba(20,20,46,.28)}
body .hs-kb-home-list__category::before{
  content:counter(kbcat,decimal-leading-zero);display:block;margin-bottom:18px;
  font-family:var(--e-f-data);font-size:12px;font-weight:600;letter-spacing:.16em;color:var(--e-violet-d)}
body .hs-kb-home-list__category-link{text-decoration:none!important;color:inherit!important;display:block}
body .hs-kb-home-list__text{padding:0!important;margin:0!important}
body .hs-kb-home-list__text__category-title{
  margin:0 0 10px!important;font-family:var(--e-f-display)!important;font-stretch:112%;font-weight:800!important;
  font-size:24px!important;line-height:1.1!important;color:var(--e-char)!important;transition:color .15s}
body .hs-kb-home-list__category-link:hover .hs-kb-home-list__text__category-title{color:var(--e-violet-d)!important}
body .hs-kb-home-list__text__category-description{margin:0 0 20px!important;font-size:15px!important;line-height:1.55!important;color:var(--e-mute)!important}
body .hs-kb-home-list__category .hs-kb-category-article-list{list-style:none!important;margin:0 0 20px!important;padding:0!important;border-top:1px solid var(--e-concrete)}
body .hs-kb-home-list__category .hs-kb-category-article-list li{margin:0!important;padding:0!important;border-bottom:1px solid var(--e-concrete)}
body .hs-kb-home-list__category .hs-kb-category-article-list__link{
  display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0!important;min-height:44px;
  font:600 15px/1.4 var(--e-f-body)!important;color:var(--e-char)!important;text-decoration:none!important}
body .hs-kb-home-list__category .hs-kb-category-article-list__link::after{content:"→";color:var(--e-line);transition:color .15s,transform .15s}
body .hs-kb-home-list__category .hs-kb-category-article-list__link:hover{color:var(--e-violet-d)!important}
body .hs-kb-home-list__category .hs-kb-category-article-list__link:hover::after{color:var(--e-violet-d);transform:translateX(3px)}
body .hs-kb-home-list__text__category-link{
  margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:8px;min-height:44px;
  font-family:var(--e-f-display)!important;font-stretch:105%;font-weight:700!important;font-size:15px!important;
  color:var(--e-violet-d)!important;text-decoration:none!important}
body .hs-kb-home-list__text__category-link::after{content:"→"}

/* ---------- 6. Breadcrumbs ---------- */
body .hs-kb-breadcrumb-container{padding:32px 0 8px!important;margin:0!important}
body ol.hs-kb-breadcrumbs{display:flex;flex-wrap:wrap;gap:6px;margin:0!important;padding:0!important;list-style:none}
body .hs-kb-breadcrumb_item,body .hs-kb-breadcrumb_item a{font-family:var(--e-f-data)!important;font-size:12px!important;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--e-mute)!important;text-decoration:none!important}
body .hs-kb-breadcrumb_item a:hover{color:var(--e-violet-d)!important}
body .hs-kb-breadcrumb_item::after{color:var(--e-line)!important} /* HubSpot draws the ">" separator */

/* ---------- 7. Layout: content + sidebar ---------- */
body .hs-kb-content-wrapper--sidebar{display:flex!important;gap:40px;align-items:flex-start;padding-top:16px!important}
body .hs-kb-content-wrapper--sidebar .hs-kb-content{flex:1 1 0;min-width:0;max-width:none!important;padding:0!important}
body .hs-kb-content-wrapper--sidebar.-sidebar-left{flex-direction:row-reverse}
body aside.hs-kb-sidebar{flex:0 0 280px;width:280px!important;max-width:280px!important;position:sticky;top:24px;
  background:#fff;border-radius:10px;padding:16px 8px!important;box-shadow:var(--e-shadow);margin:0!important;border:0!important}
body aside.hs-kb-sidebar::before{content:"Browse";display:block;padding:4px 14px 10px;font-family:var(--e-f-data);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--e-mute)}
html[lang^="es"] body aside.hs-kb-sidebar::before{content:"Explorar"}
body .hs-kb-category_accordion_nav_list{list-style:none!important;margin:0!important;padding:0!important}
body .hs-kb-category_accordion_nav_list_item{margin:0!important;padding:0!important;border:0!important;background:transparent!important}
body .hs-kb-anchor_toggle{display:flex;align-items:center;justify-content:space-between;border-radius:6px}
body .hs-kb-anchor_toggle:hover{background:var(--e-tint)}
body .hs-kb-category-accordion_link{display:block;padding:10px 14px!important;font:600 15px/1.35 var(--e-f-body)!important;color:var(--e-char)!important;text-decoration:none!important;border-radius:6px}
body .hs-kb-anchor_toggle .hs-kb-category-accordion_link{font-family:var(--e-f-display)!important;font-stretch:105%;font-weight:700!important;background:transparent!important}
body .hs-kb-anchor_toggle--active{background:var(--e-concrete)!important}
body .hs-kb-category_accordion_nav_list .hs-kb-category_accordion_nav_list .hs-kb-category-accordion_link{font-weight:400!important;font-size:14px!important;padding:8px 14px 8px 24px!important;color:var(--e-mute)!important}
body .hs-kb-category_accordion_nav_list .hs-kb-category_accordion_nav_list .hs-kb-category-accordion_link:hover{color:var(--e-violet-d)!important;background:var(--e-tint)}
body .hs-kb-category_accordion_nav_list .hs-kb-category_accordion_nav_list .hs-kb-category-accordion_link--active{color:var(--e-violet-d)!important;font-weight:700!important;background:var(--e-concrete)}
body .hs-kb-anchor_toggle--active .hs-kb-category-accordion_link{color:var(--e-violet-d)!important}
body .toggle_icon--arrow{border-color:var(--e-mute)!important;margin-right:14px}

/* ---------- 8. Category page ---------- */
body section.hs-kb-category-listing{background:var(--e-ink);color:#fff;border-radius:10px;padding:36px 36px 40px!important;margin:0 0 20px!important;
  background-image:linear-gradient(rgba(139,92,246,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(139,92,246,.07) 1px,transparent 1px);background-size:40px 40px}
body section.hs-kb-category-listing::before{content:"Category";display:block;margin-bottom:12px;font-family:var(--e-f-data);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--e-lav)}
html[lang^="es"] body section.hs-kb-category-listing::before{content:"Categoría"}
body section.hs-kb-category-listing h1{margin:0 0 14px!important;font-size:clamp(32px,4vw,48px)!important;line-height:1.04!important;color:#fff!important}
body section.hs-kb-category-listing p{margin:0!important;font-size:18px!important;line-height:1.55;color:var(--e-steel)!important;max-width:62ch}
body section.hs-kb-subcategory-listing{background:#fff;border-radius:10px;box-shadow:var(--e-shadow);padding:0!important;margin:0 0 20px!important;overflow:hidden}
body section.hs-kb-subcategory-listing h2{margin:0!important;padding:18px 24px!important;background:var(--e-tint);border-bottom:1px solid var(--e-concrete);
  font-family:var(--e-f-data)!important;font-stretch:100%;font-size:12px!important;font-weight:600!important;letter-spacing:.16em!important;text-transform:uppercase;color:var(--e-mute)!important;line-height:1.4!important}
body .hs-kb-category-article-list--bordered{list-style:none!important;margin:0!important;padding:0!important;border:0!important}
body .hs-kb-category-article-list--bordered li{margin:0!important;padding:0!important;border:0!important;border-bottom:1px solid var(--e-concrete)!important}
body .hs-kb-category-article-list--bordered li:last-child{border-bottom:0!important}
body .hs-kb-category-article-list--bordered .hs-kb-category-article-list__link{
  display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px!important;min-height:52px;
  font:700 16px/1.4 var(--e-f-body)!important;color:var(--e-char)!important;text-decoration:none!important;transition:background .15s,color .15s}
body .hs-kb-category-article-list--bordered .hs-kb-category-article-list__link::after{content:"→";color:var(--e-violet-d);font-weight:700}
body .hs-kb-category-article-list--bordered .hs-kb-category-article-list__link:hover{background:var(--e-tint);color:var(--e-violet-d)!important}
body .hs-kb-category-article-list__toggle{margin:0;padding:14px 24px!important;font:700 15px var(--e-f-body)!important;color:var(--e-violet-d)!important;background:none!important;border:0!important}

/* ---------- 9. Article ---------- */
body .hs-kb-content article.knowledgebase-post{background:#fff;border-radius:10px;box-shadow:var(--e-shadow);padding:44px 48px 40px!important;margin:0 0 20px!important}
body article.knowledgebase-post .row-fluid-wrapper,body article.knowledgebase-post .row-fluid{margin:0!important;padding:0!important}
body article.knowledgebase-post h1{margin:0 0 16px!important;font-size:clamp(32px,4vw,46px)!important;line-height:1.05!important;color:var(--e-char)!important}
/* the intro line is authored as an h2 directly after the title: style it as a lede */
body article.knowledgebase-post h2.hs_cos_wrapper_type_inline_text_field{
  font-family:var(--e-f-body)!important;font-stretch:100%;font-weight:400!important;font-size:20px!important;line-height:1.5!important;
  letter-spacing:0;color:var(--e-mute)!important;margin:0 0 32px!important;padding-bottom:28px;border-bottom:1px solid var(--e-concrete);max-width:64ch}
body article.knowledgebase-post .hs_cos_wrapper_type_inline_richtext_field h2{font-size:28px!important;line-height:1.15!important;margin:40px 0 14px!important}
body article.knowledgebase-post .hs_cos_wrapper_type_inline_richtext_field h3{font-size:21px!important;line-height:1.2!important;margin:32px 0 10px!important}
body article.knowledgebase-post .hs_cos_wrapper_type_inline_richtext_field h4{font:700 13px var(--e-f-data)!important;letter-spacing:.14em;text-transform:uppercase;color:var(--e-mute)!important;margin:28px 0 8px!important}
body article.knowledgebase-post p,body article.knowledgebase-post li{font-size:17px!important;line-height:1.65!important;color:var(--e-char)!important;max-width:72ch}
body article.knowledgebase-post p{margin:0 0 16px!important}
body article.knowledgebase-post ul,body article.knowledgebase-post ol{padding-left:24px!important;margin:0 0 20px!important}
body article.knowledgebase-post li{margin:0 0 8px!important}
body article.knowledgebase-post li::marker{color:var(--e-violet)}
body article.knowledgebase-post a{color:var(--e-violet-d)!important;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
body article.knowledgebase-post a:hover{text-decoration-thickness:2px}
body article.knowledgebase-post strong{color:var(--e-char)}
body article.knowledgebase-post img{max-width:100%;height:auto;border-radius:8px;box-shadow:0 0 0 1px var(--e-concrete-2),0 12px 28px -16px rgba(20,20,46,.35)}
body article.knowledgebase-post blockquote{margin:24px 0!important;padding:18px 22px!important;background:var(--e-tint);border:0!important;border-radius:8px;color:var(--e-char)}
body article.knowledgebase-post code{font-family:var(--e-f-data);font-size:.88em;background:var(--e-concrete);padding:2px 6px;border-radius:4px}
body article.knowledgebase-post table{width:100%;border-collapse:collapse;margin:20px 0 24px;font-size:15px}
body article.knowledgebase-post th{background:var(--e-tint);font:600 12px var(--e-f-data);letter-spacing:.12em;text-transform:uppercase;color:var(--e-mute);text-align:left}
body article.knowledgebase-post th,body article.knowledgebase-post td{padding:12px 14px;border-bottom:1px solid var(--e-concrete)!important;border-left:0!important;border-right:0!important;border-top:0!important}
body article.knowledgebase-post .scribe-embed-wrapper,body article.knowledgebase-post .hs-embed-wrapper iframe,body article.knowledgebase-post iframe{border-radius:10px;overflow:hidden}
body article.knowledgebase-post .scribe-embed-wrapper{box-shadow:0 0 0 1px var(--e-concrete-2),0 16px 32px -18px rgba(20,20,46,.35)}

/* feedback + related */
body .hs-kb-feedback,body .hs-kb-related-articles{background:#fff;border-radius:10px;box-shadow:var(--e-shadow);padding:24px 28px!important;margin:0 0 20px!important}
body .hs-kb-feedback:empty,body .hs-kb-related-articles:empty{display:none}
body .hs-kb-feedback *:not(input){border-top:0!important;border-bottom:0!important}
body .hs-kb-feedback hr{display:none}
body #ka-feedback-form section{padding:0!important;margin:0!important}
body #ka-feedback-form,body #ka-feedback-form *{font-family:var(--e-f-body)!important}
body #ka-feedback-rating-input-wrapper{display:flex!important;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
body #ka-feedback-rating-question-text{font:700 17px var(--e-f-body)!important;color:var(--e-char)!important}
body .ka-feedback-rating-buttons{display:flex;gap:10px}
body button.ka-feedback-rating-button,body button.ka-feedback-submit-button{min-height:44px;min-width:88px;padding:10px 20px!important;margin:0!important;border:0!important;border-radius:6px!important;
  background:var(--e-concrete)!important;color:var(--e-char)!important;font:700 15px var(--e-f-display)!important;font-stretch:105%;cursor:pointer;transition:background .15s,color .15s}
body button.ka-feedback-rating-button:hover,body button.ka-feedback-submit-button{background:var(--e-violet)!important;color:#fff!important}
body #ka-feedback-email-input{min-height:48px;border:1px solid var(--e-line)!important;border-radius:8px!important;padding:12px 14px!important;font:16px var(--e-f-body)!important}
body #kb-related-articles h3{font:600 12px var(--e-f-data)!important;letter-spacing:.16em!important;text-transform:uppercase;color:var(--e-mute)!important;margin:0 0 8px!important}
body #kb-related-articles ul{list-style:none!important;margin:0!important;padding:0!important}
body #kb-related-articles li{margin:0!important;padding:0!important;border-bottom:1px solid var(--e-concrete)}
body #kb-related-articles li:last-child{border-bottom:0}
body #kb-related-articles li a{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:10px 0!important;font:700 16px var(--e-f-body)!important;color:var(--e-char)!important;text-decoration:none!important}
body #kb-related-articles li a::after{content:"→";color:var(--e-violet-d)}
body #kb-related-articles li a:hover{color:var(--e-violet-d)!important}

/* ---------- 10. Search results ---------- */
body .hs-search-results__listing{list-style:none!important;margin:0!important;padding:0!important;background:#fff;border-radius:10px;box-shadow:var(--e-shadow);overflow:hidden}
body .hs-search-results__listing li{margin:0!important;padding:20px 24px!important;border-bottom:1px solid var(--e-concrete)}
body .hs-search-results__listing li:last-child{border-bottom:0}
body .hs-search-results__title{font-family:var(--e-f-display)!important;font-stretch:105%;font-weight:700!important;font-size:19px!important;color:var(--e-char)!important;text-decoration:none!important}
body .hs-search-results__title:hover{color:var(--e-violet-d)!important}
body .hs-search-results__description{margin:6px 0 0!important;font-size:15px!important;color:var(--e-mute)!important}
body .hs-search-results__description .hs-search-highlight,body .hs-search-results__description strong{background:#EDE4F5;color:var(--e-char);font-weight:700;padding:0 2px;border-radius:2px}
body .hs-search-results__pagination{display:flex;gap:12px;margin-top:20px}
body .hs-search-results__pagination a{display:inline-flex;align-items:center;min-height:44px;padding:10px 18px;border-radius:6px;background:var(--e-char);color:#fff!important;font-family:var(--e-f-display);font-weight:700;text-decoration:none!important}

/* ---------- 11. Footer (roadway linework, fading out toward the bottom, as on the websites) ---------- */
body footer.footer{position:relative;isolation:isolate;overflow:hidden;background:var(--e-ink)!important;color:var(--e-steel)!important;padding:48px 24px!important;margin:0!important;border:0!important}
body footer.footer::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--e-lw) center top/max(1500px,100%) auto no-repeat;opacity:.2;
  -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 25%,transparent 75%);mask-image:linear-gradient(180deg,#000 0%,#000 25%,transparent 75%)}
body footer.footer .footer__bottom{max-width:1200px!important;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:0!important;border:0!important}
body footer.footer,body footer.footer *{font-family:var(--e-f-body);font-size:14px;color:var(--e-steel)}
body footer.footer a{color:var(--e-steel)!important;text-decoration:none}
body footer.footer a:hover{color:#fff!important}
body footer.footer img{height:30px!important;width:auto!important;vertical-align:middle}

/* ---------- 12. Responsive ---------- */
@media (max-width:1024px){
  body .hs-kb-home-list.hs-kb-home-list--classic{grid-template-columns:repeat(2,minmax(0,1fr))}
  body aside.hs-kb-sidebar{flex-basis:240px;width:240px!important}
}
@media (max-width:860px){
  body .hs-kb-content-wrapper--sidebar,body .hs-kb-content-wrapper--sidebar.-sidebar-left{flex-direction:column!important}
  body aside.hs-kb-sidebar{position:static;width:100%!important;max-width:none!important;flex-basis:auto}
  body .hs-kb-content article.knowledgebase-post{padding:28px 22px 24px!important}
}
@media (max-width:640px){
  body section.hs-kb-search-input-wrapper{padding:44px 16px 108px!important;clip-path:polygon(0 0,100% 0,100% calc(100% - 32px),0 100%)}
  body #hs_cos_wrapper_knowledgebase_category_listing{padding:0 16px 64px;margin-top:-72px}
  body .hs-kb-home-list.hs-kb-home-list--classic{grid-template-columns:minmax(0,1fr)}
  body .hs-kb-content-wrapper--responsive-spacing{padding:0 16px 64px!important}
  body #hs_cos_wrapper_knowledgebase_header .header__wrapper{padding-left:16px;padding-right:16px}
  body #hs_cos_wrapper_knowledgebase_header .header__logo-link::after{display:none}
  body section.hs-kb-category-listing{padding:28px 22px 30px!important}
}
@media (prefers-reduced-motion:reduce){body .kb-body-wrapper *{transition:none!important}}