/* Extracted from governor/index.html <style> block 5. Keep page-specific rules here until componentized. */
/* Governor uses the same changelog control/menu treatment as House. */
.cl-card-section { margin-top: 0; }
/* ---- Changelog shared styles ---- */
.cl-seg {
  display:inline-flex; gap:4px; padding:4px;
  border:1px solid var(--border-subtle,#d4d4d8); border-radius:999px;
  background:rgba(148,163,184,.12);
}
.cl-seg button {
  border:0; background:transparent; color:var(--text-muted,#6b7280);
  padding:.28rem .65rem; border-radius:999px;
  font-weight:800; font-size:.73rem; white-space:nowrap; cursor:pointer;
}
.cl-seg button.active {
  background:var(--bg-card,#fff); color:var(--text-main,#111827);
  box-shadow:0 1px 3px rgba(15,23,42,.12);
}
@media (prefers-color-scheme:dark){ .cl-seg button.active{ background:rgba(255,255,255,.08); } }
.cl-controls { display:flex; justify-content:center; margin-bottom:1rem; }
.cl-stats {
  display:flex; justify-content:center; gap:16px; align-items:center;
  padding:.5rem 1rem; margin-bottom:1rem;
  background:var(--bg-page,#f3f4f6); border:1px solid var(--border-subtle,#d4d4d8);
  border-radius:12px;
}
.cl-stat { text-align:center; }
.cl-sv { font-size:1.1rem; font-weight:950; letter-spacing:-.03em; color:var(--text-strong,#000); line-height:1; }
.cl-sv.d { color:#0076BA; } .cl-sv.r { color:#EE220C; }
.cl-sl { font-size:.62rem; font-weight:800; text-transform:uppercase; letter-spacing:.06em; color:var(--text-muted,#6b7280); margin-top:2px; }
.cl-sdiv { width:1px; background:var(--border-subtle,#d4d4d8); align-self:stretch; }
.cl-day-group { margin-bottom:12px; }
.cl-day-label { font-size:.67rem; font-weight:900; text-transform:uppercase; letter-spacing:.08em; color:var(--text-muted,#6b7280); margin-bottom:6px; padding:0 2px; }
.cl-entry {
  background:var(--bg-page,#f3f4f6); border:1px solid var(--border-subtle,#d4d4d8);
  border-radius:12px; padding:8px 11px;
  display:flex; align-items:center; gap:9px;
  margin-bottom:5px; text-decoration:none; color:inherit;
  transition:transform 140ms ease-out, box-shadow 140ms ease-out;
}
.cl-entry:hover { transform:translateY(-1px); box-shadow:0 4px 12px rgba(15,23,42,.08); }
.cl-dir { display:inline-flex; align-items:center; justify-content:center; width:15px; height:15px; border-radius:50%; font-size:.54rem; font-weight:900; flex-shrink:0; }
.cl-dir.d { background:rgba(0,118,186,.12); color:#0076BA; }
.cl-dir.r { background:rgba(238,34,12,.12); color:#EE220C; }
.cl-info { flex:1; min-width:0; }
.cl-name { font-weight:900; font-size:.83rem; color:var(--text-strong,#000); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.cl-sub  { font-size:.67rem; color:var(--text-muted,#6b7280); margin-top:1px; }
.cl-pills { display:flex; align-items:center; gap:4px; flex-shrink:0; }
.cl-arr { color:var(--text-muted,#6b7280); font-size:.74rem; }
.cl-pill { border-radius:999px; padding:.18rem .48rem; font-size:.63rem; font-weight:900; color:#fff; white-space:nowrap; }
.cl-pill.solid-d  { background:#0076BA; }
.cl-pill.likely-d { background:#00A2FF; }
.cl-pill.lean-d   { background:#56C1FF; color:#082840; }
.cl-pill.toss-up  { background:#929292; }
.cl-pill.lean-r   { background:#FF968D; color:#3d0800; }
.cl-pill.likely-r { background:#FF644E; }
.cl-pill.solid-r  { background:#EE220C; }
.cl-msg { text-align:center; color:var(--text-muted,#6b7280); padding:16px 0; font-size:.84rem; }