/* State results pages (results/{state}-{year}.html). The event body reuses the
   cycle page's classes; these mirror the bits of general-YYYY.html's inline style
   that the shared block depends on, plus the crumb and year strip. */
.sr-crumbs { font-family: 'Work Sans', sans-serif; font-size: 13px; color: var(--ms-text-light); margin: 4px 0 6px; }
.sr-crumbs a { color: var(--ms-text-light); }
.sr-event-head { margin: 28px 0 10px; }
.sr-body { padding: 0; }
.sr-body h3 { margin: 22px 0 8px; }
.data-table { width: 100%; border-collapse: collapse; font-family: 'Work Sans', sans-serif; font-size: 13px; margin: 8px 0 16px; }
.data-table th { background: var(--ms-navy); color: white; padding: 8px 12px; text-align: left; font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: 0.5px; }
.data-table td { padding: 8px 12px; border-bottom: 1px solid #eee; vertical-align: top; }
.data-table tr:hover td { background: #f8f9fa; }
/* 2026 preview tables: phones scroll the table, not the page. */
.sr-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.sr-table-wrap .data-table { min-width: 560px; }
.sr-pending { font-family: 'Work Sans', sans-serif; font-size: 15px; line-height: 1.6; color: #2b4a5e; background: #f7fafb;
  border-left: 3px solid #d0ac60; padding: 12px 16px; border-radius: 0 4px 4px 0; margin: 4px 0 20px; }