.esm-kb { --kb-navy:#0a3d62; --kb-blue:#2b5797; --kb-muted:#607387; --kb-line:#d9e6ef; max-width:1040px; margin:0 auto; padding:28px 20px 72px; color:#172b3a; font-size:16px; line-height:1.65; }
.esm-kb * { box-sizing:border-box; }
.esm-kb-breadcrumbs { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:24px; color:var(--kb-muted); font-size:.84rem; }
.esm-kb-breadcrumbs a { color:var(--kb-blue); }
.esm-kb-article { max-width:780px; margin:0 auto; }
.esm-kb-article > header { padding-bottom:28px; border-bottom:1px solid var(--kb-line); }
.esm-kb-badges { display:flex; flex-wrap:wrap; gap:8px; }
.esm-kb-badges span { padding:4px 9px; border-radius:999px; background:#eaf4fb; color:var(--kb-navy); font-size:.72rem; font-weight:800; }
.esm-kb h1 { margin:16px 0 12px; color:#12304a; font-size:clamp(2rem,5vw,3rem); line-height:1.1; }
.esm-kb header > p { color:var(--kb-muted); font-size:1.08rem; }
.esm-kb header > small { color:var(--kb-muted); }
.esm-kb section { padding-top:34px; }
.esm-kb h2 { margin:0 0 12px; color:var(--kb-navy); font-size:1.55rem; }
.esm-kb h3 { margin:30px 0 8px; color:#12304a; font-size:1.18rem; }
.esm-kb li { margin:8px 0; }
.esm-kb-media { margin:24px 0 0; }
.esm-kb-media-display { overflow:hidden; max-width:100%; margin-inline:auto; border:1px solid var(--kb-line); border-radius:14px; background:#f8fbfd; }
.esm-kb-media-image { display:block; width:100%; height:auto; }
.esm-kb-media-placeholder { min-height:240px; display:grid; place-content:center; justify-items:center; gap:5px; padding:28px; border:2px dashed #aac7da; border-radius:14px; background:linear-gradient(135deg,#f8fbfd,#edf5fa); color:var(--kb-muted); text-align:center; }
.esm-kb-media-placeholder > span { padding:4px 9px; border-radius:999px; background:var(--kb-navy); color:white; font-size:.7rem; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }
.esm-kb-media-placeholder strong { margin-top:8px; color:var(--kb-navy); }
.esm-kb-media figcaption { margin-top:8px; color:var(--kb-muted); font-size:.82rem; }
.esm-kb-media-admin { display:flex; align-items:center; flex-wrap:wrap; gap:8px 14px; margin-top:10px; padding:10px 12px; border:1px solid #bad7e9; border-radius:9px; background:#f4f9fd; font-size:.85rem; }
.esm-kb-admin-label { padding:2px 7px; border-radius:999px; background:var(--kb-navy); color:white; font-size:.68rem; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }
.esm-kb-media-admin button { padding:0; border:0; background:transparent; color:var(--kb-blue); cursor:pointer; font:inherit; font-weight:800; text-decoration:underline; }
.esm-kb-media-admin .button-link-delete { color:#a12622; }
.esm-kb-media-admin button[hidden] { display:none; }
.esm-kb-media-size { display:flex; align-items:center; gap:7px; margin-left:auto; color:#43596b; font-weight:700; }
.esm-kb-media-size input { width:120px; accent-color:var(--kb-blue); cursor:pointer; }
.esm-kb-media-size output { min-width:38px; color:var(--kb-navy); font-variant-numeric:tabular-nums; }
.esm-kb-media-status { margin-left:auto; color:#25734b; }
.esm-kb-media-status.is-error { color:#a12622; }
.esm-kb-callout { margin-top:28px; padding:17px 19px; border:1px solid; border-radius:12px; }
.esm-kb-callout strong { display:block; margin-bottom:3px; }
.esm-kb-callout p { margin:0; color:#43596b; font-size:.9rem; }
.esm-kb-callout--important { border-color:#efb6b2; background:#fff5f4; }
.esm-kb-callout--important strong { color:#9b241f; }
.esm-kb-callout--note { border-color:#b7dac6; background:#f0f9f3; }
.esm-kb-check-list { list-style:none; padding-left:0 !important; }
.esm-kb-check-list li { position:relative; padding-left:30px; }
.esm-kb-check-list li::before { content:"✓"; position:absolute; left:0; top:1px; display:grid; place-items:center; width:20px; height:20px; border-radius:50%; background:#e5f4eb; color:#25734b; font-size:.72rem; font-weight:900; }
.esm-kb-home,.esm-kb { margin-top:-72px; }
.esm-kb-shell { width:min(1180px,calc(100% - 40px)); margin-inline:auto; }
.esm-kb-search-band { margin-inline:calc(50% - 50vw); background:linear-gradient(135deg,#0a3d62 0%,#134f78 64%,#1c6b91 100%); color:white; }
.esm-kb-search-inner { padding-block:62px 68px; text-align:center; }
.esm-kb-eyebrow { margin:0 0 8px; color:#4280ad; font-size:.76rem; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.esm-kb-search-band .esm-kb-eyebrow { color:#b9def4; }
.esm-kb-search-band h1 { max-width:720px; margin:0 auto; color:white; font-size:clamp(2rem,5vw,3.25rem); line-height:1.08; letter-spacing:-.035em; }
.esm-kb-search-inner > p:not(.esm-kb-eyebrow) { margin:14px auto 28px; color:#d9edf8; font-size:1.05rem; }
.esm-kb-search-box { width:min(720px,100%); min-height:60px; margin:auto; display:flex; align-items:center; gap:12px; padding:0 16px; border:2px solid rgba(255,255,255,.25); border-radius:14px; background:white; box-shadow:0 16px 40px rgba(0,0,0,.2); }
.esm-kb-search-box > span[aria-hidden] { color:#607387; font-size:1.55rem; }
.esm-kb-search-box input { min-width:0; flex:1; border:0; outline:0; background:white; color:#172b3a; font:inherit; }
.esm-kb-search-box kbd { padding:3px 8px; border:1px solid #d4e0e8; border-radius:6px; color:#607387; background:#f5f8fa; }
.esm-kb-search-status { min-height:24px; margin-top:10px; color:#d9edf8; font-size:.85rem; }
.esm-kb-home-layout { display:grid; grid-template-columns:250px minmax(0,1fr); gap:42px; padding-block:48px 76px; }
.esm-kb-role-panel { align-self:start; position:sticky; top:104px; }
.esm-kb-role-panel h2 { margin:0 0 14px; color:#0a3d62; font-size:1rem; }
.esm-kb-role-buttons { display:grid; gap:7px; }
.esm-kb-role-button { width:100%; padding:10px 12px; border:1px solid transparent; border-radius:9px; background:transparent; color:#607387; text-align:left; cursor:pointer; }
.esm-kb-role-button:hover,.esm-kb-role-button.is-active { border-color:#bad5e7; background:#eaf4fb; color:#0a3d62; }
.esm-kb-role-button.is-active { font-weight:800; }
.esm-kb-support-card { display:flex; gap:12px; margin-top:28px; padding:17px; border:1px solid #d9e6ef; border-radius:13px; background:white; }
.esm-kb-support-card > span { flex:0 0 auto; display:grid; place-items:center; width:30px; height:30px; border-radius:50%; background:#0a3d62; color:white; font-weight:900; }
.esm-kb-support-card p { margin:4px 0 7px; color:#607387; font-size:.82rem; line-height:1.5; }
.esm-kb-support-card a { font-size:.82rem; font-weight:800; }
.esm-kb-section-heading { display:flex; align-items:end; justify-content:space-between; gap:18px; margin-bottom:20px; }
.esm-kb-section-heading h2 { margin:0; color:#0a3d62; font-size:1.65rem; }
.esm-kb-section-heading > span { color:#607387; font-size:.82rem; }
.esm-kb-category-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.esm-kb-category-card { display:grid; gap:14px; align-content:start; padding:23px; border:1px solid #d9e6ef; border-radius:16px; background:white; box-shadow:0 1px 2px rgba(10,61,98,.03); }
.esm-kb-category-card:hover { border-color:#b8d3e5; box-shadow:0 12px 34px rgba(10,61,98,.09); }
.esm-kb-category-card[hidden] { display:none; }
.esm-kb-category-card h3 { margin:0; color:#0a3d62; font-size:1.08rem; }
.esm-kb-category-card div p,.esm-kb-coming-soon { margin:4px 0 0; color:#607387; font-size:.85rem; line-height:1.5; }
.esm-kb-category-card ul { margin:2px 0; padding:0; list-style:none; }
.esm-kb-category-card li { border-top:1px solid #edf2f6; }
.esm-kb-category-card li[hidden] { display:none; }
.esm-kb-category-card li a { display:block; padding:9px 0; color:#172b3a; font-size:.88rem; }
.esm-kb-no-results { padding:34px; border:1px dashed #aac7da; border-radius:16px; background:white; text-align:center; }
.esm-kb-no-results p { color:#607387; }
.esm-kb-no-results button { border:0; background:transparent; color:#2b5797; cursor:pointer; font-weight:800; text-decoration:underline; }
@media (max-width:900px) { .esm-kb-home-layout { grid-template-columns:1fr; gap:28px; } .esm-kb-role-panel { position:static; } .esm-kb-role-buttons { grid-template-columns:repeat(2,1fr); } .esm-kb-support-card { display:none; } }
@media (max-width:600px) { .esm-kb { padding-inline:14px; } .esm-kb-media-display { width:100% !important; } .esm-kb-media-placeholder { min-height:190px; } .esm-kb-media-size { width:100%; margin-left:0; } .esm-kb-media-status { width:100%; margin-left:0; } }
@media (max-width:680px) { .esm-kb-shell { width:min(100% - 28px,1180px); } .esm-kb-search-inner { padding-block:42px 48px; } .esm-kb-search-box { min-height:54px; } .esm-kb-search-box kbd { display:none; } .esm-kb-home-layout { padding-block:32px 56px; } .esm-kb-category-grid { grid-template-columns:1fr; } .esm-kb-section-heading { align-items:start; flex-direction:column; } }