/* Marina Coast WD additions to the HSG portal design system */
.u-EA { --u: #2E2FA6; } .u-TM { --u: #0694a2; } .u-UM { --u: #c27803; }
.unit-dot { display:inline-block; width:10px; height:10px; border-radius:50%; background:var(--u); margin-right:6px; vertical-align:middle; }
.series { background:var(--card); border:1px solid var(--line); border-radius:14px; padding:20px 22px; margin-top:18px; min-width:0; }
.series h3 { font-size:18px; margin-bottom:4px; }
.series .snote { font-size:12.5px; color:var(--slate); margin:2px 0 6px; }
.step-row { display:grid; grid-template-columns: minmax(0,2.2fr) minmax(0,1fr) minmax(0,1fr) minmax(0,2fr); gap:10px; align-items:center; padding:9px 0; border-top:1px solid var(--line); font-size:14px; }
.step-row:first-of-type { border-top:none; }
.step-row .lbl { color:var(--slate); font-size:12px; }
.step-row .num { font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:17px; color:var(--royal); }
.step-row.flag .num.diff { color:var(--warn); }
.bar-track { position:relative; height:10px; background:#eef0f6; border-radius:6px; overflow:hidden; }
.bar-fill { position:absolute; left:0; top:0; bottom:0; background:var(--royal); border-radius:6px; }
.step-row.flag .bar-fill { background:var(--warn); }
table.data td.num { text-align:right; font-variant-numeric:tabular-nums; white-space:nowrap; }
.grid3 > .stat, .grid2 > .card, .grid3 > .card { min-width:0; }
.legend-row { display:flex; gap:18px; flex-wrap:wrap; font-size:13px; color:var(--slate); margin-top:8px; }
@media (max-width: 720px) {
  .step-row { grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
  .step-row > div:first-child { grid-column: 1 / -1; }
  .step-row .bar-track { grid-column: 1 / -1; }
  .nav-inner { flex-wrap: wrap; gap: 10px; }
  .nav-links { margin-left: 0; }
  .grid2, .grid3 { grid-template-columns: minmax(0,1fr); }
  .brand { white-space: normal; font-size: 14px; flex-wrap: wrap; }
  .controls > div { width: 100%; min-width: 0; }
  .controls select { width: 100%; min-width: 0; max-width: 100%; }
}
.controls select { max-width: 100%; }