.platform-overview-page { padding: 28px 0 72px; color: #18263e; }
.platform-overview-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 16px; }
.platform-overview-heading h1 { margin: 8px 0 10px; font-size: clamp(28px, 3vw, 38px); line-height: 1.15; }
.platform-overview-heading p:last-child { margin: 0; color: #5a6a82; }
.platform-overview-updated { color: #66758c; font-size: 13px; margin: 0 0 28px; }
.platform-overview-banner { padding: 16px 18px; border: 1px solid #d7e2f2; border-radius: 12px; background: #fff; color: #41546f; }
.platform-overview-section { margin: 0 0 34px; }
.platform-overview-section-heading { margin-bottom: 14px; }
.platform-overview-section-heading h2 { margin: 0 0 4px; font-size: 20px; }
.platform-overview-section-heading p { margin: 0; color: #66758c; font-size: 13px; }
.platform-overview-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.platform-overview-metric { min-width: 0; display: flex; flex-direction: column; gap: 10px; padding: 18px; border: 1px solid #dbe4f0; border-top: 3px solid #315dec; border-radius: 14px; background: #fff; box-shadow: 0 4px 18px rgba(21, 48, 85, .04); }
.platform-overview-metric-top { display: flex; justify-content: space-between; gap: 10px; align-items: start; }
.platform-overview-metric h3 { font-size: 14px; line-height: 1.4; margin: 0; }
.platform-overview-state { white-space: nowrap; font-size: 11px; color: #4b668b; }
.platform-overview-value { font-size: 32px; line-height: 1; font-variant-numeric: tabular-nums; }
.platform-overview-metric p { min-height: 40px; font-size: 12px; line-height: 1.55; color: #596a81; margin: 0; }
.platform-overview-metric dl { margin: 0; border-top: 1px solid #eef2f8; padding-top: 9px; color: #6b7a8e; font-size: 11px; line-height: 1.6; }
.platform-overview-metric dl div { display: flex; justify-content: space-between; gap: 8px; }
.platform-overview-metric dd { margin: 0; text-align: right; }
.platform-overview-link { align-self: flex-start; margin-top: auto; padding: 0; background: none; border: 0; color: #315dec; cursor: pointer; font: inherit; font-size: 12px; font-weight: 700; }
.platform-overview-link:hover { text-decoration: underline; }
.platform-overview-denied, .platform-overview-error, .platform-overview-unavailable { border-top-color: #a9b5c8; }
.platform-overview-denied .platform-overview-value, .platform-overview-error .platform-overview-value, .platform-overview-unavailable .platform-overview-value { font-size: 19px; color: #5f6f86; }
@media (max-width: 1100px) { .platform-overview-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 620px) { .platform-overview-page { padding-top: 18px; } .platform-overview-heading { flex-direction: column; } .platform-overview-grid { grid-template-columns: 1fr; } .platform-overview-metric p { min-height: 0; } }