/* Typography & spacing */
.page-intro h2{font-weight:700; letter-spacing:.2px; margin-bottom:.25rem}
.page-intro p{color:#7b8490; margin-bottom:0}

/* Cards similar to Seoly boxes */
.de__box{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:18px;padding:18px;
  box-shadow:0 10px 30px rgba(0,0,0,.05)}
.de__box--ghost{background:#fafbff;border-color:transparent}

/* Toolbar */
.de-toolbar{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}
.de-toolbar label{color:#7b8490; font-size:.9rem; margin-right:.25rem}
.de-toolbar .form-select{min-width:120px}

/* Table polish */
.table-modern thead th{font-size:.8rem; text-transform:uppercase; letter-spacing:.6px; color:#6b7380; background:#f7f9fc}
.table-modern tbody tr:nth-child(odd){background:#fbfcff}
.table-modern td, .table-modern th{padding:.9rem 1rem}

/* Right rail info box */
.info-icon{display:inline-flex; align-items:center; justify-content:center; border-radius:12px; 
  width:44px; height:44px; background:#eef2ff; color:#3b57ff; font-size:18px}

/* States grid */
.state-card h6{font-weight:600}
.state-card .badge{font-weight:500; border-radius:999px; padding:.45rem .7rem; background:#eef2ff; color:#3448f0}
.state-card .badge:hover{filter:brightness(0.95)}
/* === Winners table link enhancements === */
:root {
  --link: #0d6efd;
  --link-hover: #0a58ca;
  --link-visited: #6f42c1;
  --link-bg-hover: rgba(13, 110, 253, 0.06);
  --link-focus: rgba(13, 110, 253, 0.35);
}

/* Make table links obvious and clickable */
.table.table-modern tbody a,
.table-modern tbody a {
  color: var(--link);
  text-decoration: underline;
  text-decoration-thickness: 1.5px;
  text-underline-offset: 2px;
  border-radius: 2px;
  padding: 1px 2px; /* larger hit area */
  transition: color .15s ease, background-color .15s ease, text-decoration-thickness .15s ease, box-shadow .15s ease;
}

.table.table-modern tbody a:hover,
.table-modern tbody a:hover {
  color: var(--link-hover);
  background-color: var(--link-bg-hover);
  text-decoration-thickness: 2px;
}

.table.table-modern tbody a:focus-visible,
.table-modern tbody a:active {
  outline: none;
  box-shadow: 0 0 0 2px var(--link-focus);
  color: var(--link-hover);
}

.table.table-modern tbody a:visited,
.table-modern tbody a:visited {
  color: var(--link-visited);
}

/* Ensure links remain readable on dark headers */
.bg-color-3.text-light a {
  color: #fff;
  text-decoration: underline;
}
.bg-color-3.text-light a:hover,
.bg-color-3.text-light a:focus-visible {
  color: #e9ecef;
}