.executive-card { min-height: 284px; background: linear-gradient(135deg,#102f3e,#154957); }
.executive-summary-body { display: grid; grid-template-columns: .58fr 1.42fr; gap: 30px; align-items: center; margin: 23px 0 18px; }
.executive-count { display: flex; align-items: center; gap: 15px; padding-right: 26px; border-right: 1px solid rgba(255,255,255,.2); }
.executive-alert { width: 50px; height: 50px; flex: 0 0 50px; display: grid; place-items: center; border: 2px solid #ff8a7f; border-radius: 50%; color: #ff8a7f; background: rgba(255,119,108,.08); font: italic 29px Georgia,serif; }
.executive-count strong { display: block; color: #fff; font: 500 18px Georgia,"Songti SC",serif; }
.executive-count strong b { color: #ff8a7f; font-size: 46px; font-style: italic; font-weight: 500; }
.executive-count p { margin: 3px 0 0; color: #d5e2e3; font-size: 11px; }
.executive-focus { display: grid; gap: 10px; }
.risk-chart-caption { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1px; }
.risk-chart-caption span { color: #fff; font-size: 10px; font-weight: 700; letter-spacing: .06em; }
.risk-chart-caption small { color: #a9c0c3; font-size: 8px; }
.risk-chart-row { padding: 9px 12px 8px; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.08); }
.risk-chart-head { display: grid; grid-template-columns: 26px minmax(0,1fr) 48px; gap: 8px; align-items: center; }
.risk-chart-head span { color: #89a8ad; font: italic 10px Georgia,serif; }
.risk-chart-head strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; font-size: 11px; }
.risk-chart-head em { color: #ff9a90; text-align: right; font: italic 12px Georgia,serif; }
.risk-chart-track { position: relative; height: 7px; margin: 7px 0 5px 34px; overflow: hidden; background: rgba(255,255,255,.2); border-radius: 8px; }
.risk-chart-track i { display: block; height: 100%; background: linear-gradient(90deg,#ff776c,#ff9a70); border-radius: inherit; }
.risk-chart-track b { position: absolute; top: -2px; right: 0; width: 2px; height: 11px; background: #fff; }
.risk-chart-meta { display: flex; justify-content: space-between; margin-left: 34px; color: #c4d6d8; font-size: 8px; }

@media (max-width: 900px) {
  .executive-summary-body { grid-template-columns: 1fr; gap: 18px; }
  .executive-count { padding: 0 0 18px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.2); }
}