/* ── Print styles for ranking screen ── */
/* Global resets only — component-specific rules live in each .module.css file  */
/* Attribute/id selectors go here since they don't need CSS module class names  */

* {
  box-shadow: none !important;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}

body {
  background: #fff !important;
  margin: 0;
  padding: 0;
}

/* ── Always hide the print-all table on screen ── */
#print-ranking-all {
  display: none;
}

/* ── top10: use the styled donut table, hide the plain one ── */
[data-rankmode="top10"] #print-ranking-all  { display: none !important; }
[data-rankmode="top10"] #print-ranking-screen { display: block !important; }

/* ── top100 / all: swap to the plain compact table ── */
[data-rankmode="top100"] #print-ranking-screen,
[data-rankmode="all"]    #print-ranking-screen { display: none !important; }

[data-rankmode="top100"] #print-ranking-all,
[data-rankmode="all"]    #print-ranking-all { display: block !important; }

/* ── Plain table styles (top100 / all) ── */
#print-ranking-all-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
  font-family: 'Noto Sans JP', sans-serif;
}

#print-ranking-all-table thead tr {
  background: #F4F4F8;
}

#print-ranking-all-table th {
  padding: 8px 12px;
  text-align: left;
  font-size: 11px;
  font-weight: 400;
  color: #545461;
  border: none;
  white-space: nowrap;
}

#print-ranking-all-table th:first-child { border-radius: 6px 0 0 6px; }
#print-ranking-all-table th:last-child  { border-radius: 0 6px 6px 0; }

#print-ranking-all-table tbody tr {
  border-bottom: 1px solid #eee;
}

#print-ranking-all-table td {
  padding: 7px 12px;
  font-size: 12px;
  color: #333;
  vertical-align: middle;
}

/* Rank column */
#print-ranking-all-table td:first-child {
  color: #888;
  font-size: 11px;
  font-family: var(--font-sora), 'Noto Sans JP', sans-serif;
  width: 48px;
}

/* Name column */
#print-ranking-all-table td:nth-child(2) {
  font-weight: 600;
  color: #111;
}

/* Date column (75点を超える月) */
#print-ranking-all-table td:nth-child(4) {
  font-family: var(--font-sora), 'Noto Sans JP', sans-serif;
}

/* Score column */
#print-ranking-all-table td:last-child {
  font-weight: 500;
  font-family: var(--font-sora), 'Noto Sans JP', sans-serif;
  color: #007A73;
  text-align: right;
  padding-right: 16px;
}