/* Edupstairs Outcome Tracker */
.eot-wrap { border: 1px solid rgba(0,0,0,.08); padding: 14px; border-radius: 12px; margin: 18px 0; }
.eot-header { margin-bottom: 10px; }
.eot-title { margin: 0 0 6px 0; font-size: 1.06em; line-height: 1.3; }
.eot-note { margin: 0; opacity: .85; font-size: .95em; }

.eot-block { padding: 14px; border-radius: 12px; background: rgba(0,0,0,.02); margin: 12px 0; }
.eot-question { margin: 0 0 10px 0; }

.eot-options { display: grid; grid-template-columns: 1fr; gap: 8px; }
@media (min-width: 680px){ .eot-options { grid-template-columns: 1fr 1fr; } }

.eot-btn { display:flex; align-items:center; justify-content:space-between; gap: 10px;
  width: 100%; padding: 10px 12px; border-radius: 10px; border: 1px solid rgba(0,0,0,.10);
  background: #fff; cursor:pointer; text-align:left;
}
.eot-btn:hover { border-color: rgba(0,0,0,.18); }
.eot-label { font-weight: 700; }
.eot-metrics { display:flex; gap: 8px; align-items:center; }
.eot-count { font-variant-numeric: tabular-nums; background: rgba(0,0,0,.06); padding: 3px 8px; border-radius: 999px; min-width: 38px; text-align:center; }
.eot-pct { opacity: .9; font-weight: 700; }

.eot-meta { margin-top: 10px; opacity: .9; }
.eot-live { margin-top: 10px; display:flex; flex-wrap:wrap; gap: 10px; align-items:center; opacity: .92; }
.eot-live-label { font-weight: 800; }
.eot-live-item { background: rgba(0,0,0,.05); padding: 4px 10px; border-radius: 999px; }

.eot-loading { opacity: .75; transition: opacity .12s ease; }