/* 2026-07-07 v33: ratings changelog pills should always use white text. */
body.cmep-page-state-detail .cl-pills :where(.pill,.rating-pill,.cl-pill),
body.cmep-page-state-detail :where(.cl-pill,.cl-pill-solid-d,.cl-pill-likely-d,.cl-pill-lean-d,.cl-pill-toss-up,.cl-pill-lean-r,.cl-pill-likely-r,.cl-pill-solid-r){
  color:#fff !important;
}


/* Center no-election office cards when there is no visible expected-results map. */
@media (min-width:1041px){
  body.cmep-page-state-detail.en-primary-detail #officeViews.state-detail-side-map:not(:has(> .analytics-card-wrap.is-visible)){
    display:flex !important;
    justify-content:center !important;
    align-items:flex-start !important;
  }
  body.cmep-page-state-detail.en-primary-detail #officeViews.state-detail-side-map:not(:has(> .analytics-card-wrap.is-visible)) > .state-grid.office-view.active{
    display:grid !important;
    grid-template-columns:1fr !important;
    width:min(100%, 820px) !important;
    max-width:820px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  body.cmep-page-state-detail.en-primary-detail #officeViews.state-detail-side-map:not(:has(> .analytics-card-wrap.is-visible)) > .state-grid.office-view.active > .card.cm-card{
    width:100% !important;
    max-width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  body.cmep-page-state-detail #view-president.office-view.active:has(.district-card[class*="no-election"]){
    width:min(100%, 820px) !important;
    max-width:820px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}

body.cmep-page-state-detail :where(#view-president,#view-senate,#view-governor) .projected-list:has(.district-card[class*="no-election"]){
  align-items:stretch !important;
}