/* Opt-in jersey reference only; preserve the hero and article typography. */
.jersey-reference-site .jersey-update-context {
  margin: 0 0 28px;
  padding: 18px 22px;
  border: 1px solid #39505a;
  border-left: 3px solid #d5ed7a;
  border-radius: 8px;
  background: #12232d;
  color: #dce5dd;
}
.jersey-reference-site .jersey-update-context p { margin: 0 0 8px; line-height: 1.7; }
.jersey-reference-site .jersey-update-context p:last-child { margin-bottom: 0; }

/* One finished panel treatment for all sixteen reference and summary tables. */
.jersey-reference-site .insights-article .insights-table-scroll {
  position: relative;
  margin: 20px 0 26px;
  overflow: auto;
  max-width: 100%;
  border: 1px solid #344955;
  border-radius: 10px;
  background: #0e1b26;
  overscroll-behavior: contain;
  scrollbar-color: #657c87 #0e1b26;
  scrollbar-width: thin;
}
.jersey-reference-site .insights-article .insights-table-scroll:focus-visible {
  outline: 2px solid #ddf47b;
  outline-offset: 4px;
}
.jersey-reference-site .insights-article .insights-table-scroll table {
  width: 100%;
  min-width: 560px;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
  text-align: left;
  font: 400 14px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  color: #dbe5e7;
}
.jersey-reference-site .insights-article .insights-table-scroll caption {
  padding: 15px 18px;
  background: #142633;
  border-bottom: 1px solid #344955;
  text-align: left;
  color: #e7efdb;
  font: 600 13px/1.55 -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}
.jersey-reference-site .insights-article .insights-table-scroll th,
.jersey-reference-site .insights-article .insights-table-scroll td {
  box-sizing: border-box;
  padding: 15px 16px;
  border: 0;
  border-bottom: 1px solid #293e4b;
  vertical-align: top;
  line-height: 1.6;
  overflow-wrap: break-word;
}
.jersey-reference-site .insights-article .insights-table-scroll thead th {
  position: sticky;
  top: 0;
  z-index: 3;
  background: #1c3040;
  color: #e3efc9;
  border-bottom: 2px solid #b9cf6e;
  text-align: left;
  font-size: 11px;
  font-weight: 750;
  letter-spacing: .055em;
  text-transform: uppercase;
  vertical-align: middle;
}
.jersey-reference-site .insights-article .insights-table-scroll tbody tr { background: #0e1b26; }
.jersey-reference-site .insights-article .insights-table-scroll tbody tr:nth-child(even) { background: #142430; }
.jersey-reference-site .insights-article .insights-table-scroll tbody tr:hover { background: #203440; }
.jersey-reference-site .insights-article .insights-table-scroll tbody tr:last-child > * { border-bottom: 0; }
.jersey-reference-site .insights-article .insights-table-scroll tbody td:nth-child(2) { color: #f0f3e9; font-weight: 650; }
.jersey-reference-site .insights-article .insights-table-scroll .insights-citation {
  display: inline-block;
  padding: 1px 3px;
  font-size: 11px;
  line-height: 1.55;
  vertical-align: baseline;
  border-radius: 3px;
}
.jersey-reference-site .insights-article .insights-table-scroll .insights-citation:hover,
.jersey-reference-site .insights-article .insights-table-scroll .insights-citation:focus-visible {
  background: #31463c;
  color: #edffb0 !important;
}

/* Full-width summary tables instead of a small unstyled table in a large frame. */
.jersey-reference-site .insights-article .insights-table-scroll:not(.jersey-table-scroll) table { table-layout: auto; }
.jersey-reference-site .insights-article .insights-table-scroll:not(.jersey-table-scroll) table:has(thead th:nth-child(4):last-child) thead th:first-child,
.jersey-reference-site .insights-article .insights-table-scroll:not(.jersey-table-scroll) table:has(thead th:nth-child(4):last-child) tbody td:first-child {
  width: 80px;
  min-width: 80px;
  text-align: center;
}
.jersey-reference-site .insights-article .insights-table-scroll:not(.jersey-table-scroll) table:has(thead th:nth-child(4):last-child) tbody td:first-child {
  color: #ddf47b;
  font-size: 19px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}
.jersey-reference-site .insights-article .insights-table-scroll:not(.jersey-table-scroll) table:has(thead th:nth-child(5):last-child) { min-width: 710px; }
.jersey-reference-site .insights-article .insights-table-scroll:not(.jersey-table-scroll) table:has(thead th:nth-child(5):last-child) tbody td:first-child {
  min-width: 150px;
  color: #f0f3e9;
  font-weight: 650;
}
.jersey-reference-site .insights-article .insights-table-scroll:not(.jersey-table-scroll) table:has(thead th:nth-child(5):last-child) tbody td:nth-child(2) {
  text-align: center;
  color: #ddf47b;
  font-size: 17px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}

/* Pin only the narrow number column so context remains reachable on mobile. */
.jersey-reference-site .insights-article .jersey-table-scroll { max-height: 640px; }
.jersey-reference-site .insights-article .jersey-table-scroll table { min-width: 1080px; table-layout: fixed; font-size: 13px; }
.jersey-reference-site .insights-article .jersey-table-scroll th,
.jersey-reference-site .insights-article .jersey-table-scroll td { padding: 15px 14px; }
.jersey-reference-site .insights-article .jersey-table-scroll thead th:nth-child(1) { width: 80px; }
.jersey-reference-site .insights-article .jersey-table-scroll thead th:nth-child(2) { width: 150px; }
.jersey-reference-site .insights-article .jersey-table-scroll thead th:nth-child(3) { width: 126px; }
.jersey-reference-site .insights-article .jersey-table-scroll thead th:nth-child(4) { width: 174px; }
.jersey-reference-site .insights-article .jersey-table-scroll thead th:nth-child(5) { width: 188px; }
.jersey-reference-site .insights-article .jersey-table-scroll thead th:nth-child(6) { width: 154px; }
.jersey-reference-site .insights-article .jersey-table-scroll tbody th:first-child,
.jersey-reference-site .insights-article .jersey-table-scroll thead th:first-child {
  position: sticky;
  left: 0;
  text-align: center;
  border-right: 1px solid #344955;
  box-shadow: 5px 0 9px -7px #000;
}
.jersey-reference-site .insights-article .jersey-table-scroll thead th:first-child { z-index: 4; }
.jersey-reference-site .insights-article .jersey-table-scroll tbody th:first-child {
  z-index: 2;
  background: #0e1b26;
  color: #ddf47b;
  font-size: 19px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.jersey-reference-site .insights-article .jersey-table-scroll tbody tr:nth-child(even) th:first-child { background: #142430; }
.jersey-reference-site .insights-article .jersey-table-scroll tbody tr:hover th:first-child { background: #203440; }
.jersey-reference-site .insights-article .jersey-table-scroll td:nth-child(2) { font-size: 14px; }
.jersey-reference-site .insights-article .jersey-table-scroll td:nth-child(4),
.jersey-reference-site .insights-article .jersey-table-scroll td:nth-child(5),
.jersey-reference-site .insights-article .jersey-table-scroll td:nth-child(7) { color: #b9cbd0; }
.jersey-reference-site .insights-article .jersey-table-scroll td:nth-child(6) { font-weight: 650; }
.jersey-reference-site .insights-article .jersey-table-scroll td:nth-child(6)::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 6px;
  border-radius: 50%;
  background: currentColor;
  vertical-align: middle;
}
.jersey-reference-site .insights-article tr[data-status="Verified"] td:nth-child(6) { color: #d9ef99; }
.jersey-reference-site .insights-article tr[data-status="Likely"] td:nth-child(6),
.jersey-reference-site .insights-article tr[data-status="Retired/Reserved"] td:nth-child(6) { color: #f1d4a0; }
.jersey-reference-site .insights-article tr[data-status="Historical"] td:nth-child(6) { color: #b7dce5; }
.jersey-reference-site .insights-article tr[data-status="Unconfirmed"] td:nth-child(6) { color: #bfcbd1; }
.jersey-reference-site .jersey-usage-badge {
  display: block;
  width: fit-content;
  margin-top: 7px;
  padding: 3px 7px;
  border: 1px solid #50646c;
  border-radius: 4px;
  background: #172a35;
  color: #d0dfe3;
  font: 500 10px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  white-space: nowrap;
}

/* Lookup controls and number navigation use the same navy panel palette. */
.jersey-reference-site .jersey-controls { margin: 20px 0 24px; padding: 22px; border: 1px solid #344955; border-radius: 10px; background: #101e2a; }
.jersey-reference-site .jersey-control-fields { display: flex; flex-wrap: wrap; gap: 14px; align-items: flex-end; }
.jersey-reference-site .jersey-control-fields label {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1 1 150px;
  color: #dce5e6;
  font: 600 12px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}
.jersey-reference-site .jersey-control-fields .jersey-search-label { flex: 2 1 240px; }
.jersey-reference-site .jersey-control-fields input,
.jersey-reference-site .jersey-control-fields select {
  width: 100%;
  min-height: 44px;
  box-sizing: border-box;
  border: 1px solid #4a616c;
  border-radius: 6px;
  padding: 10px 12px;
  background: #0a1620;
  color: #edf1e6;
  font: 16px/1.4 -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}
.jersey-reference-site .jersey-control-fields input::placeholder { color: #a4b7bd; }
.jersey-reference-site .jersey-control-actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin-top: 17px; }
.jersey-reference-site .jersey-control-actions button {
  min-height: 44px;
  padding: 10px 15px;
  border: 1px solid #50646c;
  border-radius: 6px;
  background: #1a2d39;
  color: #e5eee9;
  font: 650 12px/1.4 -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  cursor: pointer;
}
.jersey-reference-site .jersey-control-actions button[data-jersey-csv] { border-color: #c7db79; background: #d9ef87; color: #142223; }
.jersey-reference-site .jersey-control-actions button:hover { background: #2a4250; }
.jersey-reference-site .jersey-control-actions button[data-jersey-csv]:hover { background: #e5f6aa; }
.jersey-reference-site .jersey-control-actions button:disabled { opacity: .5; cursor: not-allowed; }
.jersey-reference-site .jersey-result-count { margin: 0 !important; color: #c9d8dc; font: 13px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; }
.jersey-reference-site .jersey-controls input:focus-visible,
.jersey-reference-site .jersey-controls select:focus-visible,
.jersey-reference-site .jersey-controls button:focus-visible { outline: 2px solid #ddf47b; outline-offset: 3px; }
.jersey-reference-site .jersey-table-note { font-size: 14px; color: #c1cfc9; line-height: 1.65; }
.jersey-reference-site .jersey-block-empty { color: #bfcbcb; font-style: italic; }
.jersey-reference-site .insights-article [hidden] { display: none !important; }
.jersey-reference-site .jersey-range-nav { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0; }
.jersey-reference-site .jersey-range-nav a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  min-width: 56px;
  padding: 8px 12px;
  border: 1px solid #435c68;
  border-radius: 6px;
  background: #142633;
  color: #e4efcc;
  text-decoration: none;
  font: 600 13px/1.4 -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}
.jersey-reference-site .jersey-range-nav a:hover { border-color: #bad46b; background: #20353f; }
.jersey-reference-site .jersey-range-nav a:focus-visible { outline: 2px solid #ddf47b; outline-offset: 3px; }

@media (max-width: 680px) {
  .jersey-reference-site .jersey-controls { padding: 16px; }
  .jersey-reference-site .jersey-control-fields { gap: 12px; }
  .jersey-reference-site .jersey-control-fields label,
  .jersey-reference-site .jersey-control-fields .jersey-search-label { flex: 1 1 100%; }
  .jersey-reference-site .jersey-update-context { padding: 16px; }
  .jersey-reference-site .insights-article .jersey-table-scroll { max-height: 560px; }
  .jersey-reference-site .insights-article .insights-table-scroll caption { padding: 13px 14px; }
  .jersey-reference-site .insights-article .insights-table-scroll caption::after {
    content: "Scroll sideways to see every column";
    display: block;
    margin-top: 4px;
    color: #a8bec5;
    font-size: 11px;
    font-weight: 400;
  }
  .jersey-reference-site .insights-article .insights-table-scroll th,
  .jersey-reference-site .insights-article .insights-table-scroll td { padding: 13px 12px; }
}
