/* Shared structure, with every color and surface supplied by the active theme. */
.es-kbpub [data-es-menu-item]{position:relative;display:inline-flex;align-items:center;gap:2px}
.es-kbpub .es-kb-submenu-toggle{border:0;background:transparent;color:inherit;padding:8px 3px;cursor:pointer;display:inline-grid;place-items:center;border-radius:5px;flex:0 0 auto}
.es-kbpub .es-kb-submenu-toggle svg{width:14px;height:14px}
.es-kbpub [data-es-submenu]{display:none!important;position:absolute;z-index:80;top:100%;left:0;min-width:240px;max-width:min(300px,calc(100vw - 40px));padding:10px;background:var(--kbe-paper,#fff);color:var(--kbe-ink,#16243c);border:1px solid var(--kbe-line,#e5e8ef);border-radius:var(--kbe-radius,12px);box-shadow:0 18px 48px #10224020;text-align:left;gap:2px}
.es-kbpub [data-es-submenu] [data-es-menu-item]{display:flex;width:100%;min-width:0}
.es-kbpub [data-es-submenu] a{flex:1;min-width:0;padding:10px 12px!important;color:inherit!important;white-space:normal;line-height:1.45;font-size:13px;text-decoration:none!important;border-radius:6px}
.es-kbpub [data-es-submenu] a:hover,.es-kbpub [data-es-submenu] a:focus-visible{background:var(--kbe-soft,#f2f5fa);color:var(--kbe-accent,#5049e8)!important}
.es-kbpub [data-es-submenu] [data-es-submenu]{top:-10px;left:100%}
.es-kbpub [data-es-submenu].opens-inward{left:auto;right:0}
.es-kbpub [data-es-submenu] [data-es-submenu].opens-inward{right:100%}
.es-kbpub [data-es-menu-item].is-submenu-open>[data-es-submenu]{display:grid!important}
.es-kbpub .es-kb-submenu-toggle:focus-visible{outline:2px solid var(--kbe-accent,#5049e8);outline-offset:2px}
@media(max-width:960px){.es-kbpub [data-es-menu-item]{flex-wrap:wrap}.es-kbpub [data-es-menu-item]>a{flex:1}.es-kbpub [data-es-submenu]{position:static;flex-basis:100%;min-width:0;max-width:100%;box-shadow:none;margin:4px 0;padding:6px 8px;border-radius:8px}.es-kbpub [data-es-submenu] [data-es-submenu]{margin-left:10px}.es-kbpub .es-kb-submenu-toggle{padding:12px}.es-kbpub [data-menu-depth="0"]>[data-es-submenu]{max-height:65vh;overflow-y:auto}}
.es-kbpub[data-kb-page="elements"] .es-kb-section{max-width:1240px;width:calc(100% - 48px);margin:24px auto;scroll-margin-top:150px}
.es-kbpub[data-kb-page="elements"]>[data-kb-region="header"]>[class*="__header-inner"],.es-kbpub[data-kb-page="elements"]>[data-kb-region="footer"]>[class*="__footer-grid"],.es-kbpub[data-kb-page="elements"]>[data-kb-region="footer"]>[class$="__legal"]{box-sizing:border-box;width:calc(100% - 48px);max-width:1240px;margin-inline:auto;padding-inline:28px}
.es-kbpub[data-kb-page="elements"]>[data-kb-region="header"] [class$="__nav"]{gap:18px}
.es-kbpub[data-kb-page="elements"]>[data-kb-region="header"] [class$="__headsearch"]{width:160px;flex:0 1 160px;min-width:0}
@media(max-width:760px){.es-kbpub[data-kb-page="elements"]>[data-kb-region="header"]>[class*="__header-inner"],.es-kbpub[data-kb-page="elements"]>[data-kb-region="footer"]>[class*="__footer-grid"],.es-kbpub[data-kb-page="elements"]>[data-kb-region="footer"]>[class$="__legal"]{width:calc(100% - 32px);padding-inline:20px}}
.es-kbpub[data-kb-page="elements"] .es-kb-section>.es-kb-grid{max-width:100%;padding:0!important;margin:0}
.es-kbpub[data-kb-page="elements"] [data-es-section^="elements-sample-"]{border:0;border-radius:0;overflow:visible;background:transparent}
.es-kbpub[data-kb-page="elements"] [data-es-section^="elements-sample-"] .es-kb-grid__col{gap:24px}
.es-kbpub[data-kb-page="elements"] [data-es-section^="elements-group-"]{padding-top:36px!important;border-top:1px solid var(--kbe-line,#e5e8ef)}
.es-kbpub[data-kb-page="elements"] [data-es-node^="elements-sample-"][data-es-kind="row"]{padding:28px 0;border:0;border-top:1px solid var(--kbe-line,#e5e8ef);border-radius:0;margin-top:24px;scroll-margin-top:150px;background:transparent}
.es-kbpub[data-kb-page="elements"] #elements-intro{padding-top:40px!important}
.es-kbpub[data-kb-page="elements"] [data-es-node="elements-intro-row"]{align-items:center;column-gap:28px}
.es-kbpub[data-kb-page="elements"] [data-es-node="elements-group-navigation-row"]{margin-top:36px}
.es-kbpub[data-kb-page="elements"] [data-es-node="elements-group-navigation-row"] [data-es-items="quick-links"]{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.es-kbpub[data-kb-page="elements"] [data-es-node="elements-group-navigation-row"] .es-kb-grid__item{padding:16px 18px;box-shadow:none}
.es-kbpub[data-kb-page="elements"] [data-es-node="elements-group-navigation-row"] .es-kb-grid__item a{font-size:14px}
.es-kbpub[data-kb-page="elements"] [data-es-node="elements-group-navigation-row"] .es-kb-grid__item p{font-size:12px;margin-top:4px}
.es-kbpub[data-kb-page="elements"] [data-es-node="elements-sample-icon-box-row"] .es-kb-grid__callout{padding:28px;border:0;background:var(--kbe-soft);height:100%}
.es-kbpub[data-kb-page="elements"] [data-es-node="elements-sample-icon-box-row"] .es-kb-grid__icon{width:auto;height:auto;padding:14px;margin-bottom:22px;border-radius:var(--kbe-radius)}
.es-kbpub[data-kb-page="elements"] [data-es-node="elements-sample-category-card-row"] [data-es-el="category-card"]{max-width:420px}
.es-kbpub[data-kb-page="elements"] [data-es-node="elements-sample-article-content-row"] [data-es-el="article-content"]{max-width:820px}
.es-kbpub[data-kb-page="elements"] [data-es-el="heading"]{margin-bottom:6px}
.es-kbpub[data-kb-page="elements"] [hidden]{display:none!important}
.es-element-discovery{display:grid;grid-template-columns:auto minmax(160px,1fr) auto;align-items:center;gap:20px;padding:20px 24px;background:var(--kbe-soft);border:1px solid var(--kbe-line);border-radius:var(--kbe-radius);margin-top:32px;color:var(--kbe-ink)}
.es-element-discovery label{font-size:14px;font-weight:650}
.es-element-discovery input{width:100%;min-width:0;border:1px solid var(--kbe-line);background:var(--kbe-paper);color:var(--kbe-ink);padding:12px 16px;border-radius:8px;font:inherit;font-size:14px}
.es-element-discovery output{font-size:12px;color:var(--kbe-muted);white-space:normal}
.es-element-discovery>*{min-width:0;max-width:100%;overflow-wrap:anywhere}
.es-element-option-control{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:12px;padding-bottom:16px;color:var(--kbe-muted);font-size:12px}
.es-element-option-control select{max-width:min(100%,320px);min-height:36px;padding:7px 30px 7px 12px;border:1px solid var(--kbe-line);border-radius:7px;color:var(--kbe-ink);background:var(--kbe-paper);font:inherit}
@media(max-width:760px){.es-element-discovery{grid-template-columns:minmax(0,1fr);gap:10px;padding:18px}.es-element-option-control{align-items:start;flex-direction:column}.es-element-option-control select{width:100%;max-width:100%}}
@media(max-width:760px){.es-kbpub[data-kb-page="elements"] [data-es-node="elements-group-navigation-row"] [data-es-items="quick-links"]{grid-template-columns:repeat(2,minmax(0,1fr))}.es-kbpub[data-kb-page="elements"] [data-es-node="elements-intro-row"]{row-gap:24px}}
.es-kbpub[data-kb-page="elements"] [data-es-section^="elements-layouts-"] .es-kb-grid__col{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.es-kbpub[data-kb-page="elements"] [data-es-section^="elements-layouts-"] [data-es-el="heading"],.es-kbpub[data-kb-page="elements"] [data-es-section^="elements-layouts-"] [data-es-el="quick-links"]{grid-column:1/-1}
.es-kbpub[data-kb-page="elements"] [data-es-section^="elements-layouts-"] [data-es-el="image"]{border:1px solid var(--kbe-line,#e5e8ef);border-radius:10px;overflow:hidden;background:var(--kbe-soft,#f2f5fa)}
.es-kbpub[data-kb-page="elements"] [class*="__container"],.es-kbpub[data-kb-page="elements"] [class*="__hero-inner"]{max-width:100%}
@media(max-width:760px){.es-kbpub[data-kb-page="elements"] .es-kb-section{width:calc(100% - 32px);padding:20px!important}.es-kbpub[data-kb-page="elements"] [data-es-section^="elements-layouts-"] .es-kb-grid__col{grid-template-columns:1fr}}

.es-kbpub[data-kb-page="elements"]>[data-kb-region="header"] [class$="__headsearch"] input{box-sizing:border-box;width:100%;min-width:0;max-width:100%}
.es-kbpub[data-kb-page="elements"] [data-es-node="elements-group-navigation-row"]{margin-top:0}

@media(max-width:760px){.es-kbpub[data-kb-page="elements"] [data-es-node="library-photo-intro"]{height:auto!important}.es-kbpub[data-kb-page="elements"] [data-es-node="library-photo-intro"] img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.es-kbpub[data-kb-page="elements"] [data-es-node="elements-intro-row"]{row-gap:24px}}
/* A deliberate navigation row is preferable to one orphaned item at laptop widths. */
@media(min-width:961px) and (max-width:1340px){
 .es-kbpub:is([data-es-header-layout="original"],[data-es-header-layout="utility"],[data-es-header-layout="floating"],[data-es-header-layout="compact"])>[data-kb-region="header"]>[class$="__header-inner"]{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:none;align-items:center;gap:8px 24px}
 .es-kbpub:is([data-es-header-layout="original"],[data-es-header-layout="utility"],[data-es-header-layout="floating"],[data-es-header-layout="compact"])>[data-kb-region="header"]>[class$="__header-inner"]>[class$="__brand"]{grid-column:1;grid-row:1}
 .es-kbpub:is([data-es-header-layout="original"],[data-es-header-layout="utility"],[data-es-header-layout="floating"],[data-es-header-layout="compact"])>[data-kb-region="header"]>[class$="__header-inner"]>[class$="__tools"]{grid-column:2;grid-row:1;margin-left:0}
 .es-kbpub:is([data-es-header-layout="original"],[data-es-header-layout="utility"],[data-es-header-layout="floating"],[data-es-header-layout="compact"])>[data-kb-region="header"]>[class$="__header-inner"]>[class$="__headsearch"]{display:none}
 .es-kbpub:is([data-es-header-layout="original"],[data-es-header-layout="utility"],[data-es-header-layout="floating"],[data-es-header-layout="compact"])>[data-kb-region="header"]>[class$="__header-inner"]>[class$="__nav"]{grid-column:1/-1;grid-row:2;flex-basis:auto;margin:0;flex-wrap:nowrap;justify-content:flex-start;gap:16px;width:100%}
 .es-kbpub:is([data-es-header-layout="original"],[data-es-header-layout="utility"],[data-es-header-layout="floating"])>[data-kb-region="header"]>[class$="__header-inner"]:has(>[class$="__headsearch"]){grid-template-columns:auto minmax(140px,1fr) auto}
 .es-kbpub:is([data-es-header-layout="original"],[data-es-header-layout="utility"],[data-es-header-layout="floating"])>[data-kb-region="header"]>[class$="__header-inner"]:has(>[class$="__headsearch"])>[class$="__tools"]{grid-column:3}
 .es-kbpub:is([data-es-header-layout="original"],[data-es-header-layout="utility"],[data-es-header-layout="floating"])>[data-kb-region="header"]>[class$="__header-inner"]>[class$="__headsearch"]{display:block;grid-column:2;grid-row:1;width:min(100%,320px);max-width:320px;min-width:0;justify-self:center;margin:0}
 .es-kbpub:is([data-es-header-layout="original"],[data-es-header-layout="utility"],[data-es-header-layout="floating"])>[data-kb-region="header"]>[class$="__header-inner"]>[class$="__headsearch"] input{width:100%;min-width:0;max-width:100%}
}

/* Native reference headers remain a single composed row when their content fits. */
@media(min-width:1000px) and (max-width:1340px){
.es-kbpub:is([data-kb-theme="corporate-blue"],[data-kb-theme="dark-knowledge"],[data-kb-theme="minimal-knowledge"],[data-kb-theme="soft-saas"],[data-kb-theme="gradient-hero"])[data-es-header-layout="original"]>[data-kb-region="header"]>.es-legacy__header-inner{grid-template-columns:auto minmax(0,1fr) auto auto;gap:12px;min-height:68px}
.es-kbpub:is([data-kb-theme="corporate-blue"],[data-kb-theme="dark-knowledge"],[data-kb-theme="minimal-knowledge"],[data-kb-theme="soft-saas"],[data-kb-theme="gradient-hero"])[data-es-header-layout="original"]>[data-kb-region="header"]>.es-legacy__header-inner>.es-legacy__nav{grid-column:2;grid-row:1;justify-content:center;gap:6px}
.es-kbpub:is([data-kb-theme="corporate-blue"],[data-kb-theme="dark-knowledge"],[data-kb-theme="minimal-knowledge"],[data-kb-theme="soft-saas"],[data-kb-theme="gradient-hero"])[data-es-header-layout="original"]>[data-kb-region="header"]>.es-legacy__header-inner>.es-legacy__tools{grid-column:4;grid-row:1;gap:8px}
.es-kbpub:is([data-kb-theme="corporate-blue"],[data-kb-theme="dark-knowledge"],[data-kb-theme="minimal-knowledge"],[data-kb-theme="soft-saas"],[data-kb-theme="gradient-hero"])[data-es-header-layout="original"] .es-legacy__searchicon{grid-column:3;grid-row:1}
.es-kbpub:is([data-kb-theme="corporate-blue"],[data-kb-theme="dark-knowledge"],[data-kb-theme="minimal-knowledge"],[data-kb-theme="soft-saas"],[data-kb-theme="gradient-hero"])[data-es-header-layout="original"] .es-legacy__brand{font-size:16px;white-space:nowrap}
.es-kbpub:is([data-kb-theme="corporate-blue"],[data-kb-theme="dark-knowledge"],[data-kb-theme="minimal-knowledge"],[data-kb-theme="soft-saas"],[data-kb-theme="gradient-hero"])[data-es-header-layout="original"] [data-menu-depth="0"]>a{font-size:11px;padding-inline:4px;white-space:nowrap}
.es-kbpub:is([data-kb-theme="corporate-blue"],[data-kb-theme="dark-knowledge"],[data-kb-theme="minimal-knowledge"],[data-kb-theme="soft-saas"],[data-kb-theme="gradient-hero"])[data-es-header-layout="original"] .es-legacy__tools .es-legacy__btn{font-size:12px;padding:10px}
}
/* Crop the sample artwork itself; allow its caption to take normal flow space. */
body.es-kbpub[data-kb-page="elements"] [data-es-el="image"][data-es-node^="library-image-"]{height:auto!important;overflow:visible!important}
body.es-kbpub[data-kb-page="elements"] [data-es-el="image"][data-es-node^="library-image-"] img{height:clamp(180px,30vw,360px);max-height:none;object-fit:cover;border-radius:inherit}