/* STATE STATUS TABLE (top of the News page, loaded by news.html).
   Every state from state-status-data.js in one table with the same columns,
   narrowed by the status chips and the search box; the updates of whatever
   is showing run along the bottom. Status colours exist only here, and each
   badge always carries its text label, so colour is never the only signal. */
.sl-sec{background:var(--cream2)}
.sl-updated{margin-top:1.1rem;font-size:13.5px;color:var(--text-mid);display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.sl-updated[hidden]{display:none}
.sl-updated strong{color:var(--navy);font-weight:700}
.sl-updated-dot{width:8px;height:8px;border-radius:50%;background:var(--sage);flex-shrink:0;
  box-shadow:0 0 0 3px rgba(107,143,113,.18)}
.sl-card{margin-top:1.4rem;background:#fff;border-radius:var(--radius);
  box-shadow:0 2px 16px rgba(27,46,75,.06);overflow:hidden}
.sl-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  padding:16px 22px;border-bottom:1px solid rgba(27,46,75,.08)}
.sl-chips{display:flex;flex-wrap:wrap;gap:8px}
.sl-chip{font-family:inherit;font-size:13px;font-weight:600;color:var(--text-mid);cursor:pointer;
  background:transparent;border:1.5px solid rgba(27,46,75,.16);border-radius:999px;
  padding:6px 14px;transition:.15s;display:inline-flex;align-items:center;gap:7px}
.sl-chip:hover{border-color:var(--navy);color:var(--navy)}
.sl-chip[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:#fff}
.sl-chip .n{font-size:11.5px;opacity:.6}
.sl-chip i{width:8px;height:8px;border-radius:50%;display:inline-block}
.sl-chip-sep{width:1px;align-self:stretch;background:rgba(27,46,75,.14);margin:2px 4px}
/* The program chip is an on/off switch that combines with a status chip,
   so it gets a checkbox mark and a gold "on" state instead of navy. */
.sl-check{width:13px;height:13px;border-radius:3px;border:1.5px solid currentColor;
  display:inline-flex;align-items:center;justify-content:center;opacity:.7}
.sl-toggle[aria-pressed="true"]{background:rgba(200,168,75,.16);border-color:var(--gold);color:var(--navy)}
.sl-toggle[aria-pressed="true"] .sl-check{opacity:1;background:var(--gold);border-color:var(--gold)}
.sl-toggle[aria-pressed="true"] .sl-check::after{content:'';width:6px;height:3px;margin-top:-2px;
  border:solid var(--navy);border-width:0 0 2px 2px;transform:rotate(-45deg)}
.sl-search{width:240px;max-width:100%;margin-left:auto;padding:8px 14px;border-radius:999px;font-size:14px;
  font-family:inherit;color:var(--navy);background:var(--cream);
  border:1.5px solid rgba(27,46,75,.14);outline:none;transition:.15s}
.sl-search::placeholder{color:var(--text-lt)}
/* Search and "All states ×" (shown while one state is isolated) stay
   together at the right end of the bar, even when the chips wrap. */
.sl-find{margin-left:auto;display:flex;align-items:center;gap:8px;max-width:100%}
.sl-find .sl-search{margin-left:0}
.sl-clear{flex-shrink:0;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;
  color:var(--navy);background:rgba(200,168,75,.16);border:1.5px solid var(--gold);
  border-radius:999px;padding:6px 14px;transition:.15s}
.sl-clear:hover{background:rgba(200,168,75,.28)}
.sl-clear[hidden]{display:none}
.sl-pick{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer;
  text-align:left;text-decoration:underline;text-decoration-color:transparent;
  text-underline-offset:4px;transition:.15s}
.sl-pick:hover,.sl-pick:focus-visible{text-decoration-color:var(--gold)}
.sl-pick[aria-pressed="true"]{text-decoration-color:var(--gold)}
.sl-search:focus{border-color:var(--gold);background:#fff}
.sl-scroll{max-height:430px;overflow-y:auto}
.sl-table{width:100%;border-collapse:collapse}
.sl-table th{position:sticky;top:0;z-index:1;background:#fff;font-size:10px;letter-spacing:.14em;
  text-transform:uppercase;font-weight:700;color:var(--text-lt);text-align:left;
  padding:12px 16px 9px;border-bottom:1px solid rgba(27,46,75,.08)}
.sl-table td{font-size:14px;color:var(--text);padding:12px 16px;vertical-align:top;
  border-bottom:1px solid rgba(27,46,75,.06);line-height:1.5}
.sl-table th:first-child,.sl-table td:first-child{padding-left:22px}
.sl-table td.sl-state{font-family:var(--serif);font-weight:700;font-size:15.5px;color:var(--navy)}
.sl-table td small{display:block;font-size:12px;color:var(--text-lt);margin-top:1px}
.sl-table td strong{color:var(--navy);font-weight:700}
.sl-table td strong a{color:inherit;text-decoration:underline;text-decoration-color:rgba(200,168,75,.6);
  text-underline-offset:3px;transition:.15s}
.sl-table td strong a:hover{text-decoration-color:var(--gold);color:var(--gold-dk)}
/* Governor names: a fainter underline than program links, gold on hover. */
.sl-gov{color:inherit;text-decoration:underline;text-decoration-color:rgba(27,46,75,.18);
  text-underline-offset:3px;transition:.15s}
.sl-gov:hover{color:var(--navy);text-decoration-color:var(--gold)}
.sl-na{color:rgba(27,46,75,.28)}
.sl-none{padding:28px 22px;text-align:center;color:var(--text-mid);font-size:14px}
.sl-badge{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:700;
  letter-spacing:.05em;text-transform:uppercase;padding:4px 10px;border-radius:999px;white-space:nowrap}
.sl-badge::before{content:'';width:7px;height:7px;border-radius:50%;background:currentColor}
.opted-in{--sl:#3f6b48}
.pending-warm{--sl:#a3561a}
.pending-cold{--sl:#2e62a0}
.not-participating{--sl:#a8392f}
.unverified{--sl:#7d8798}
.sl-badge{color:var(--sl);background:color-mix(in srgb,var(--sl) 11%,#fff)}
.sl-chip i{background:var(--sl)}
.sl-feed{display:flex;align-items:baseline;gap:18px;padding:13px 22px;background:var(--cream);
  border-top:1px solid rgba(27,46,75,.08);font-size:13px;color:var(--text-mid)}
.sl-feed-lbl{flex-shrink:0;font-size:10px;letter-spacing:.16em;text-transform:uppercase;
  font-weight:700;color:var(--sage)}
.sl-feed ul{list-style:none;display:flex;flex-wrap:wrap;gap:6px 28px}
.sl-feed b{color:var(--navy);font-weight:700;margin-right:6px}
.sl-feed time{color:var(--text-lt);margin-right:8px}
.sl-feed a{color:var(--text-mid);text-decoration:underline;text-decoration-color:rgba(200,168,75,.6);
  text-underline-offset:3px;transition:.15s}
.sl-feed a:hover{color:var(--navy);text-decoration-color:var(--gold)}
@media(max-width:940px){
  .sl-find{width:100%}
  .sl-search{width:100%}
  .sl-scroll{max-height:none}
  .sl-table thead{display:none}
  .sl-table,.sl-table tbody,.sl-table tr,.sl-table td{display:block;width:100%}
  .sl-table tr{padding:10px 0;border-bottom:1px solid rgba(27,46,75,.1)}
  .sl-table td{display:grid;grid-template-columns:42% 1fr;gap:12px;padding:5px 22px;border:none}
  .sl-table td::before{content:attr(data-label);font-family:'Source Sans 3',system-ui,sans-serif;
    font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;
    color:var(--text-lt);padding-top:3px}
  .sl-feed{flex-direction:column;gap:8px}
  .sl-feed ul{flex-direction:column}
}