.ec-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ec-card{border:1px solid #e2e8f0;border-radius:12px;padding:16px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.ec-module{max-width:780px}
.ec-h2{margin:0 0 8px 0}
.ec-row{display:flex;gap:12px;align-items:center;margin:10px 0}
.ec-row label{flex:0 0 170px;font-weight:600}
.ec-row input,.ec-row select{flex:1;padding:8px 10px;border:1px solid #cbd5e1;border-radius:8px}
.ec-actions{display:flex;gap:8px;margin:8px 0 6px}
.ec-btn{padding:8px 12px;border-radius:8px;border:1px solid #0ea5e9;background:#0ea5e9;color:#fff;cursor:pointer}
.ec-btn.outline{background:#f8fafc;color:#0f172a;border-color:#cbd5e1}
.ec-results{margin-top:8px;padding-top:8px;border-top:1px dashed #e2e8f0;font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}
.ec-line{margin:6px 0}

.ec-grid-res{display:grid;grid-template-columns:repeat(3, minmax(0,1fr));gap:12px;margin:8px 0}
.ec-field label{display:block;font-weight:600;margin-bottom:4px}
.ec-color{width:100%;padding:8px 10px;border:1px solid #cbd5e1;border-radius:8px}

.ec-res-svg{margin-top:12px; max-width:780px; display:block}
.ec-band-label{display:none} /* option B: hide labels */
.ec-res-svg rect[fill="#FFFFFF"], .ec-res-svg rect[fill="#FFD200"], .ec-res-svg rect[fill="#D4AF37"], .ec-res-svg rect[fill="#C0C0C0"]{
  stroke: rgba(0,0,0,.45);
  stroke-width: 1.25;
}

@media (max-width: 900px){
  .ec-grid{grid-template-columns:1fr}
  .ec-grid-res{grid-template-columns:repeat(2, minmax(0,1fr))}
}