/* EXECUTIVE SUMMARY DESIGN LOCK — 2026-09-28-v1
   Owner-approved baseline. Do not alter this block without explicit product-owner approval. */
.executive-summary{max-width:920px;margin:18px auto 28px;padding:18px;background:#F8FAFC;border:1px solid #E2E8F0;border-radius:20px}
.es-topbar{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin:0 2px 16px}.es-brand{font-size:1.08rem;letter-spacing:-.02em;white-space:nowrap;display:flex;align-items:center;gap:8px}.es-brand-icon{width:30px;height:30px;display:block;flex:0 0 auto}.es-brand span{display:inline-flex;align-items:baseline}.es-brand strong{font-weight:800}.es-brand em{font-style:italic;color:#2563EB}.es-meta{font-size:.68rem;color:#64748B;text-align:right}
.es-hero,.es-card{background:#fff;border:1px solid #E2E8F0;border-radius:18px;box-shadow:0 7px 24px rgba(15,23,42,.035)}.es-hero{padding:18px;margin-bottom:16px;background:linear-gradient(135deg,#fff,#f5f8ff)}.es-eyebrow{font-size:.67rem;color:#2563EB;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:7px}.es-hero h2{font-size:1.62rem;line-height:1.08;margin:0 0 8px;letter-spacing:-.035em}.es-lead{margin:0;color:#64748B;font-size:.9rem}
.es-summary-grid,.es-metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:15px}.es-metric{background:#fbfdff;border:1px solid #E2E8F0;border-radius:13px;padding:12px;min-width:0}.es-metric span{display:block;font-size:.64rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#64748B}.es-metric strong{display:block;font-size:1.18rem;font-weight:800;letter-spacing:-.03em;margin-top:4px}.es-metric small{display:block;font-size:.7rem;color:#64748B;margin-top:2px}
.es-section-title{margin:24px 2px 9px;font-size:.71rem;color:#2563EB;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.es-card{padding:16px;margin-bottom:14px}.es-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:15px}.es-card h3{margin:0;font-size:1.05rem;letter-spacing:-.02em}.es-pill{font-size:.64rem;color:#1E3A8A;background:#DBEAFE;border-radius:999px;padding:5px 8px;font-weight:700;white-space:nowrap}
.es-big-row{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap}.es-big-row strong{font-size:2.12rem;font-weight:850;letter-spacing:-.055em;line-height:1}.es-big-row span{font-size:.8rem;color:#64748B;padding-bottom:4px}.es-bar-label{display:flex;justify-content:space-between;gap:10px;font-size:.72rem;color:#64748B;margin:14px 0 7px}.es-bar{height:9px;background:#E2E8F0;border-radius:999px;overflow:hidden}.es-bar>span{display:block;height:100%;background:#2563EB;border-radius:999px}
.es-what{width:100%;margin-top:16px;background:#f7fbff;border:1px solid #cfe0ff;border-left:4px solid #2563EB;border-radius:12px;padding:14px 15px}.es-what b{display:block;font-size:.67rem;color:#1E3A8A;font-weight:800;letter-spacing:.07em;text-transform:uppercase;margin-bottom:6px}.es-what p{margin:0;color:#243247;font-size:.88rem}
.es-matrix-shell{display:grid;grid-template-columns:24px 1fr;grid-template-rows:22px 1fr;gap:4px;align-items:stretch}.es-matrix-x-title{grid-column:2;grid-row:1;text-align:center;font-size:.64rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#64748B}.es-matrix-y-title{grid-column:1;grid-row:2;display:flex;align-items:center;justify-content:center}.es-matrix-y-title span{display:block;transform:rotate(-90deg);white-space:nowrap;font-size:.64rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#64748B}
.es-matrix{grid-column:2;grid-row:2;display:grid;grid-template-columns:34px repeat(3,minmax(72px,1fr));gap:6px;min-width:286px;overflow-x:auto}.es-axis{font-size:.66rem;color:#64748B;font-weight:850;display:flex;align-items:center;justify-content:center;text-align:center}.es-mcell{min-height:66px;border:1px solid #E2E8F0;background:#fbfdff;border-radius:11px;padding:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:4px}.es-mcell strong{font-size:.92rem}.es-mcell span{font-size:.62rem;color:#64748B;line-height:1.25}.es-mcell.active{background:#2563EB;border-color:#2563EB;color:#fff}.es-mcell.active span{color:#dbeafe}
.es-margin-counts{display:grid;gap:9px;margin-top:14px}.es-margin-counts details{border:1px solid #E2E8F0;border-radius:13px;background:#fbfdff}.es-margin-counts summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px 14px}.es-margin-counts summary::-webkit-details-marker{display:none}.es-margin-counts summary span{font-size:.82rem}.es-margin-counts summary span b{font-size:1.18rem;margin-right:5px}.es-margin-counts summary em{font-style:normal;font-size:.7rem;color:#2563EB;font-weight:800}.es-margin-counts details>p{margin:0;padding:0 14px 10px;color:#64748B;font-size:.74rem}
.es-expand-table-wrap{overflow-x:auto;padding:0 10px 12px}.es-expand-table{width:100%;border-collapse:collapse;font-size:.72rem;min-width:520px}.es-expand-table th,.es-expand-table td{padding:8px;border-top:1px solid #eef2f7;text-align:right}.es-expand-table th:first-child,.es-expand-table td:first-child{text-align:left}.es-expand-table th{color:#64748B;font-size:.64rem;text-transform:uppercase;letter-spacing:.04em}
.es-compare-head{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:6px;margin-bottom:7px;align-items:end}.es-compare-head div{font-size:.68rem;font-weight:800;color:#64748B;text-align:right;line-height:1.2}.es-compare-head div:first-child{text-align:left}.es-compare-table{border:1px solid #E2E8F0;border-radius:13px;overflow:hidden}.es-compare-table>div{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:6px;align-items:center;padding:10px 11px;border-top:1px solid #eef2f7;font-size:.79rem}.es-compare-table>div:first-child{border-top:0}.es-compare-table span{color:#64748B}.es-compare-table strong{text-align:right}.es-compare-table .avg{color:#1E3A8A}.es-compare-note{font-size:.72rem;color:#64748B;margin-top:9px}.es-footer{padding:20px 0 4px;color:#64748B;font-size:.71rem;text-align:center}.executive-detail-heading{scroll-margin-top:90px}
@media(min-width:600px){.executive-summary{padding:20px}.es-hero,.es-card{padding:20px}.es-summary-grid,.es-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:900px){.executive-summary{padding:26px}.es-summary-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:520px){.executive-summary{margin:12px 0 22px;padding:12px;border-radius:16px}.es-card,.es-hero{padding:14px}.es-card-head{gap:7px}.es-pill{white-space:normal;text-align:right}.es-compare-head,.es-compare-table>div{grid-template-columns:1fr .8fr .8fr}.es-compare-head div,.es-compare-table>div{font-size:.68rem}}
/* Dependency metrics use both columns without changing the established card structure. */
@media(min-width:600px){.es-dependency-card .es-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:599px){.es-dependency-card .es-summary-grid{grid-template-columns:1fr}}
/* END EXECUTIVE SUMMARY DESIGN LOCK */
