.radar{background:#f2f8f7;color:#132f30}
.radar-wrap{width:min(1300px,calc(100% - 36px));margin:auto}
.radar-hero{background:radial-gradient(ellipse at 16% 45%,#15554f,#0a302d 64%,#092825);color:white;padding:40px 0 72px}
.radar-hero .radar-wrap{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px}
.radar h1{font-size:clamp(34px,5vw,68px);line-height:1.2;margin:16px 0}
.radar h2{font-size:clamp(23px,3vw,36px);margin:0}
.radar-hero p{color:#cde4df;margin:10px 0 24px}
.radar-cta{padding:12px 18px;border-radius:12px;text-decoration:none}
.radar-plot{width:min(100%,390px);margin:auto;display:block}
.radar-stats{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid #d8e5e1;border-radius:20px;box-shadow:0 7px 20px #123d3012;position:relative;margin-top:-36px;padding:12px}
.radar-stats div{text-align:center;padding:10px;border-inline-end:1px solid #d8e5e1}
.radar-stats div:last-child{border:0}
.radar-stats strong{display:block;font-size:28px;color:#00695e}
.radar-content{padding:40px 0 52px;scroll-margin-top:85px}
.radar-controls{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}
.radar-filters{display:flex;flex-wrap:wrap;gap:8px}
.radar-filters button{appearance:none;font:inherit;font-size:13px;background:white;border:1px solid #c6dfda;color:#123c38;border-radius:12px;padding:8px 14px;cursor:pointer}
.radar-filters button[aria-pressed=true]{background:#00796b;color:white;border-color:#00796b}
.radar-row{display:grid;grid-template-columns:1.5fr .85fr .9fr .9fr;align-items:center;gap:14px;padding:16px 20px;background:white;border:1px solid #dae7e3;border-radius:18px;margin-bottom:10px}
.radar [hidden]{display:none}
.radar-label{display:block;color:#49625f;font-size:12px}
.radar-health{display:inline-block;justify-self:start;border-radius:99px;padding:4px 12px;background:#def5e7;color:#0f6343;font-weight:bold}
.radar-row[data-state=degraded] .radar-health{background:#fff0ce;color:#884a00}
@media(max-width:750px){.radar-hero .radar-wrap{grid-template-columns:1fr}.radar-plot{max-width:290px}.radar-stats{grid-template-columns:1fr 1fr}.radar-stats div:nth-child(2){border:0}.radar-row{grid-template-columns:1fr 1fr}}

.radar-cta{display:inline-block;background:#ffda8d;color:#302300;font-weight:bold}
.radar-row[data-state=unknown] .radar-health{background:#edf1f2;color:#435759}

.radar-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}
.radar-service-card,.radar-table-wrap{background:#fff;border:1px solid #dae7e3;border-radius:18px}
.radar-service-card{padding:16px 20px}
.radar-service-card h3{margin:0 0 10px}
.radar-service-line{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;border-top:1px solid #e4ece9;padding:11px 0}
.radar-table-wrap{overflow-x:auto}
.radar-table{width:100%;min-width:610px;border-collapse:collapse;text-align:right;font-size:14px}
.radar-table :is(th,td){padding:13px 16px;border-bottom:1px solid #e4ece9;white-space:nowrap}
.radar-table thead{background:#f6faf9}
.radar-table-note{margin:0;padding:12px 16px;color:#49625f}
.radar-table-note:empty{display:none}
@media(max-width:680px){.radar-service-grid{grid-template-columns:1fr}}
