/* All selectors are scoped to avoid affecting the WordPress theme. */
.ier-root {
  --ier-bg: rgba(15, 23, 34, .9);
  --ier-panel: #1d2b3c;
  --ier-panel-top: #24354a;
  --ier-text: #f4f7fb;
  --ier-muted: #b7c7d8;
  --ier-line: rgba(225, 235, 244, .17);
  --ier-track: rgba(7, 14, 22, .64);
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto 32px;
  padding: clamp(18px, 3.2vw, 42px);
  color: var(--ier-text);
  background: var(--ier-bg);
  border: 1px solid rgba(255,255,255,.35);
  border-radius: 14px;
  box-shadow: 0 18px 55px rgba(0,0,0,.22);
  font-family: Commissioner, system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 14px;
  line-height: 1.45;
}
.ier-root *, .ier-root *::before, .ier-root *::after { box-sizing: border-box; }
.ier-root.ier-theme-light {
  --ier-bg: #f3f7fb;
  --ier-panel: #fff;
  --ier-panel-top: #fff;
  --ier-text: #17283c;
  --ier-muted: #526476;
  --ier-line: rgba(28, 44, 61, .14);
  --ier-track: #dfebf2;
  border-color: #d6e0e9;
}
.ier-root .ier-header { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom: 32px; }
.ier-root .ier-eyebrow { margin:0 0 6px; color:#75c4d5; text-transform:uppercase; letter-spacing:.18em; font-size:11px; font-weight:800; }
.ier-root .ier-page-title { color:var(--ier-text); font-size:clamp(26px, 3.5vw, 38px); line-height:1.13; font-weight:800; letter-spacing:-.025em; margin:0; padding:0; }
.ier-root .ier-page-note { color:var(--ier-muted); font-size:14px; margin:10px 0 0; }
.ier-root .ier-meta { display:flex; flex-direction:column; align-items:flex-end; gap:3px; color:var(--ier-muted); white-space:nowrap; font-size:12px; }
.ier-root .ier-updated::before { content:""; display:inline-block; width:7px; height:7px; background:#68d4a2; border-radius:50%; margin-right:7px; vertical-align:middle; }
.ier-root .ier-section { margin-bottom:33px; }
.ier-root .ier-section:last-child { margin-bottom: 18px; }
.ier-root .ier-section-title { margin:0 0 15px; padding:0 0 11px; color:var(--ier-text); border-bottom:1px solid var(--ier-line); font-size:18px; font-weight:800; line-height:1.25; letter-spacing:.01em; text-transform:uppercase; }
.ier-root .ier-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(min(100%, 244px), 1fr)); gap:15px; }
.ier-root .ier-section--featured .ier-grid { grid-template-columns: minmax(0,1fr); }
.ier-root .ier-card { display:flex; flex-direction:column; border:1px solid var(--ier-line); border-radius:11px; padding:12px 13px 10px; min-width:0; background:linear-gradient(145deg, var(--ier-panel-top), var(--ier-panel)); box-shadow:0 6px 16px rgba(0,0,0,.11); }
.ier-root .ier-card--featured { padding:clamp(18px, 2.5vw, 29px); border-color:rgba(170,203,225,.32); }
.ier-root .ier-card-top { margin-bottom:8px; }
.ier-root .ier-card-name { min-width:0; }
.ier-root .ier-card-title { margin:0; color:var(--ier-text); font-size:14px; line-height:1.36; font-weight:750; overflow-wrap:anywhere; }
.ier-root .ier-card--featured .ier-card-top { margin-bottom:15px; }
.ier-root .ier-card--featured .ier-card-title { font-size:clamp(19px,2.1vw,24px); }
.ier-root .ier-card-subtitle { margin:5px 0 0; color:var(--ier-muted); font-size:11px; font-weight:450; line-height:1.4; overflow-wrap:anywhere; }
.ier-root .ier-card--featured .ier-card-subtitle { font-size:13px; }
.ier-root .ier-status { white-space:nowrap; font-size:10px; font-weight:750; border-radius:999px; padding:4px 9px; letter-spacing:.012em; background:rgba(154,167,182,.17); color:#cad3e0; border:1px solid rgba(154,167,182,.25); }
.ier-root .ier-status--none { display:none; }
.ier-root .ier-status[hidden] { display:none; }
.ier-root .ier-status--partial { background:rgba(234,180,73,.16); border-color:rgba(234,180,73,.38); color:#ffdc85; }
.ier-root .ier-status--full { background:rgba(61,196,137,.14); border-color:rgba(61,196,137,.36); color:#89e8b7; }
.ier-root.ier-theme-light .ier-status--none { color:#556679; }
.ier-root.ier-theme-light .ier-status--partial { color:#895d0d; }
.ier-root.ier-theme-light .ier-status--full { color:#116d46; }
.ier-root .ier-no-results { margin:5px 0 3px; padding:23px 12px; border-radius:8px; background:var(--ier-track); color:var(--ier-muted); text-align:center; font-size:12px; }
.ier-root .ier-card--featured .ier-no-results { padding:38px 12px; font-size:14px; }
.ier-root .ier-choice-list { display:flex; flex-direction:column; gap:10px; }
.ier-root .ier-card--featured .ier-choice-list { gap:16px; }
.ier-root .ier-choice-info { display:flex; align-items:baseline; justify-content:space-between; gap:8px; margin-bottom:5px; }
.ier-root .ier-choice-name { min-width:0; overflow-wrap:anywhere; color:var(--ier-text); font-size:12px; font-weight:650; }
.ier-root .ier-choice-numbers { flex:0 0 auto; color:var(--ier-muted); font-size:11px; font-weight:600; font-variant-numeric:tabular-nums; }
.ier-root .ier-card--featured .ier-choice-name { font-size:14px; }
.ier-root .ier-card--featured .ier-choice-numbers { font-size:13px; }
.ier-root .ier-track { background:var(--ier-track); width:100%; height:15px; border-radius:3px; overflow:hidden; }
.ier-root .ier-card--featured .ier-track { height:14px; border-radius:4px; }
/* Explicit featured section controls for the spreadsheet's SECTION FEATURED: marker. */
.ier-root .ier-section.featured .ier-track { height:20px; }
.ier-root .ier-section.featured h4.ier-card-title { display:none; }
/* Avoid a blank gap when the featured card has no subtitle. */
.ier-root .ier-section.featured .ier-card-top { margin-bottom:0; }
.ier-root .ier-section.featured .ier-card-subtitle { margin-top:0; margin-bottom:15px; }
.ier-root .ier-fill { display:block; height:100%; min-width:0; border-radius:inherit; transition:width .35s ease; }
.ier-root .ier-card-footer { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:auto; padding-top:7px; min-height:0; }
.ier-root .ier-card-footer[hidden] { display:none; }
.ier-root .ier-card-footer .ier-status { margin-left:auto; flex-shrink:0; }
.ier-root .ier-total { font-size:10px; color:var(--ier-muted); margin:0; }
.ier-root .ier-card--featured .ier-card-footer { padding-top:13px; }
.ier-root .ier-card--featured .ier-total { font-size:12px; }
.ier-root .ier-card { position:relative; }
.ier-root .ier-disclaimer { color:var(--ier-muted); border-top:1px solid var(--ier-line); margin:17px 0 0; padding-top:14px; font-size:11px; }
.ier-root .ier-initial-data { display:none; }
.ier-admin-hint { border:1px solid #d19b32; padding:14px; background:#fff8e9; color:#252525; }
.ier-error { padding:16px; border-left:3px solid #d19b32; background:#faf5e9; }
@media (max-width: 640px) {
  .ier-root { border-radius:9px; padding:18px 14px; }
  .ier-root .ier-header { flex-direction:column; align-items:flex-start; gap:12px; margin-bottom:23px; }
  .ier-root .ier-meta { align-items:flex-start; }
  .ier-root .ier-grid { grid-template-columns:minmax(0,1fr); gap:12px; }
  .ier-root .ier-card { padding:15px 13px; }
  .ier-root .ier-section { margin-bottom:25px; }
  .ier-root .ier-section-title { font-size:16px; }
}