.score-tabs { display: flex; gap: 20px; border-bottom: 1px solid var(--color-border-subtle); margin-bottom: 14px; }
.score-tab { display: inline-flex; align-items: center; gap: 8px; padding: 9px 0; min-height: 44px; font-size: .9rem; color: var(--color-text-secondary); border-bottom: 2px solid transparent; }
.score-tab.is-active { border-bottom-color: var(--color-text-brand); color: var(--color-text-primary); font-weight: 700; }
.score-tab > span { padding: 1px 6px; border-radius: 999px; background: var(--color-surface-soft); color: var(--color-text-muted); font-size: .7rem; }
.score-index-note { display: flex; align-items: start; gap: 8px; color: var(--color-text-secondary); font-size: .82rem; line-height: 1.7; max-width: 900px; margin: 10px 0; }
.score-index-note > svg { margin-top: 3px; width: 16px; height: 16px; }
.scores-filters { align-items: end; gap: 10px 12px; }
.scores-filters > label { flex: 1 1 150px; min-width: 120px; max-width: 240px; }
.scores-filters > .search-label { flex: 2 1 260px; max-width: none; }
.scores-filters select { width: 100%; max-width: 100%; }
.repertoire-row { align-items: start; padding: 14px 0; }
.score-row-meta { display: flex; flex-wrap: wrap; gap: 2px 10px; font-size: .73rem; color: var(--color-text-muted); }
.score-evidence { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 16px; margin-top: 6px; }
.score-evidence-link { font-size: .8rem; color: var(--color-text-brand); overflow-wrap: anywhere; }
.score-publisher { color: var(--color-text-secondary); }
.score-notes { margin-top: 5px; font-size: .8rem; }
.score-notes p, .collection-original { white-space: pre-line; }
.collection-title { font-weight: 600; }
.score-source-list .collection-original { max-width: 850px; color: var(--color-text-secondary); }
@media (max-width: 699px) {
  .score-tabs { gap: 14px; }
  .score-tab { font-size: .8rem; gap: 5px; }
  .score-tabs > a { min-width: 0; }
  .score-tab > span { flex-shrink: 0; }
  .scores-filters > label { flex: 1 1 calc(50% - 12px); max-width: none; min-width: 0; }
  .scores-filters > label.search-label { flex: 1 0 100%; }
  .score-row-meta { font-size: .69rem; }
  .repertoire-row { gap: 10px; }
  .score-index-note { font-size: .78rem; }
}

.score-row-links { display: flex; align-items: center; gap: 4px 16px; flex-wrap: wrap; margin-top: 6px; }
.score-row-links .score-evidence { margin-top: 0; }
.score-row-links .context-report-link { font-size: .8rem; color: var(--color-text-muted); min-height: 32px; }

/* The index uses its full content width: compare works across aligned columns. */
.scores-filters { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); }
.scores-filters > label,.scores-filters > .search-label { min-width:0; max-width:none; }
.scores-filters .search-label { grid-column:span 2; }
.scores-filters .clear-filter { justify-self:start; }
.score-table { width:100%; border-collapse:collapse; table-layout:fixed; font-size:.82rem; }
.score-table caption { text-align:left; }
.score-table th { text-align:left; font-size:.72rem; font-weight:600; color:var(--color-text-secondary); padding:10px 12px; background:var(--color-surface-soft); vertical-align:top; }
.score-table th:nth-child(1) { width:34%; }
.score-table th:nth-child(2) { width:23%; }
.score-table th:nth-child(3) { width:23%; }
.score-table th:nth-child(4) { width:20%; }
.score-table .score-row { display:table-row; border-bottom:1px solid var(--color-border-subtle); }
.score-table td { padding:12px; vertical-align:top; overflow-wrap:anywhere; }
.score-table td:first-child,.score-table th:first-child { padding-left:0; }
.score-table td:last-child,.score-table th:last-child { padding-right:0; }
.score-table tbody tr:hover { background:var(--color-surface-soft); }
.score-table .score-main h3 { font-size:.95rem; line-height:1.45; margin:0 0 4px; }
.score-table .score-main .score-credits { display:flex; flex-direction:column; margin:0; line-height:1.55; color:var(--color-text-secondary); }
.score-table .score-row-meta { display:flex; flex-direction:column; gap:2px; font-size:.79rem; line-height:1.55; color:var(--color-text-secondary); }
.score-table .score-year { color:var(--color-text-primary); font-weight:600; }
.score-table .score-country { font-size:.72rem; color:var(--color-text-muted); }
.score-table .score-publisher { font-size:.8rem; line-height:1.6; }
.score-mobile-label { display:none; }
.score-table .score-row-links { margin:0; display:flex; flex-direction:column; align-items:start; gap:0; }
.score-table .score-evidence { display:flex; flex-direction:column; align-items:start; gap:0; margin:0; }
.score-table .score-evidence-link,.score-table .context-report-link { display:inline-flex; align-items:center; min-height:30px; font-size:.78rem; line-height:1.5; }
.score-table .score-notes { margin:5px 0 0; font-size:.76rem; }
.score-table .score-notes summary { min-height:28px; display:list-item; width:fit-content; padding-block:3px; }
.score-source-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:28px; }
.score-source-list .collection-row { align-items:start; padding:18px 0; gap:12px; }
.score-source-list .collection-original { line-height:1.65; }
.score-source-list > .empty-state { grid-column:1/-1; }
.score-source-list .score-main h3 { margin-top:0; }
.score-source-list .score-evidence-link { display:inline-flex; align-items:center; min-height:36px; }
@media (max-width:900px) {
  .scores-filters { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .score-table th:nth-child(1) { width:30%; }
  .score-table th:nth-child(2) { width:24%; }
  .score-table th:nth-child(3) { width:22%; }
  .score-table th:nth-child(4) { width:24%; }
  .score-table td,.score-table th { padding-inline:8px; }
}
@media (max-width:699px) {
  .scores-filters { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .score-source-list { grid-template-columns:minmax(0,1fr); }
  .score-table,.score-table tbody { display:block; }
  .score-table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
  .score-table .score-row { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:10px 16px; padding:16px 0; }
  .score-table td,.score-table td:first-child,.score-table td:last-child { display:block; width:auto; padding:0; }
  .score-table .score-main { grid-column:1/-1; }
  .score-table .score-main h3 { font-size:1rem; }
  .score-table .score-main .score-credits { display:flex; flex-direction:row; flex-wrap:wrap; gap:0 12px; }
  .score-table .score-actions { grid-column:1/-1; }
  .score-mobile-label { display:block; color:var(--color-text-muted); font-size:.72rem; margin-bottom:2px; }
  .score-table .score-row-links,.score-table .score-evidence { flex-direction:row; flex-wrap:wrap; gap:0 16px; }
  .score-table .score-evidence-link,.score-table .context-report-link { min-height:40px; font-size:.8rem; }
  .score-table .score-notes summary { min-height:36px; padding-block:8px; }
}

.collection-media { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr)); gap:8px; margin:10px 0; }
.collection-media-link { display:block; min-width:0; background:var(--color-surface-soft); border-radius:4px; overflow:hidden; }
.collection-media-link img { display:block; width:100%; height:auto; max-height:420px; object-fit:contain; }
.collection-media-link > .external { display:none; }
.collection-post { border-top:1px solid var(--color-border-subtle); margin-top:12px; padding-top:10px; }
.collection-post-heading { display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:4px 12px; font-size:.76rem; color:var(--color-text-secondary); }
.collection-post .feed-text.post-text { font-size:.84rem; line-height:1.7; margin-top:6px; }
.collection-original-link,.collection-expand { display:inline-flex; align-items:center; min-height:36px; font-size:.78rem; color:var(--color-text-brand); }
.collection-expand { border:0; padding:0; background:transparent; text-decoration:underline; cursor:pointer; margin-right:16px; }

.collection-filters { grid-template-columns:minmax(0,2fr) minmax(0,1fr); }
.collection-filters .search-label { grid-column:auto; }
.collection-group-heading { grid-column:1/-1; margin-top:12px; }
.collection-group-heading h2 { font-size:1.08rem; margin:0 0 4px; }
.collection-group-heading h2 span { font-size:.78rem; font-weight:500; color:var(--color-text-muted); margin-left:6px; }
.collection-group-heading p { margin:0 0 6px; font-size:.82rem; line-height:1.65; color:var(--color-text-secondary); }
.score-source-list .collection-row { display:block; padding:16px 0; }
.score-source-list .collection-title { font-size:1rem; line-height:1.5; margin:0 0 6px; }
.collection-provider { margin:0 0 12px; font-size:.8rem; color:var(--color-text-secondary); }
.collection-facts,.collection-record dl { display:grid; gap:6px; margin:0 0 12px; }
.collection-facts > div,.collection-record dl > div { display:grid; grid-template-columns:8.5em minmax(0,1fr); gap:8px; font-size:.8rem; line-height:1.65; }
.collection-facts dt,.collection-record dt { color:var(--color-text-muted); }
.collection-facts dd,.collection-record dd { margin:0; overflow-wrap:anywhere; }
.collection-primary { padding:7px 12px; min-height:40px; font-size:.8rem; }
.collection-record { margin-top:10px; color:var(--color-text-secondary); font-size:.76rem; line-height:1.6; }
.collection-record summary { width:fit-content; cursor:pointer; min-height:32px; padding:4px 0; }
.collection-record dl { margin-top:8px; }
.collection-record .collection-original { font-size:.76rem; }
@media(max-width:699px) {
  .collection-filters { grid-template-columns:minmax(0,1fr); }
  .collection-facts > div,.collection-record dl > div { grid-template-columns:7.5em minmax(0,1fr); }
  .collection-record summary { min-height:40px; }
}

.score-source-list .collection-row.collection-illustrated { display:grid; grid-template-columns:160px minmax(0,1fr); gap:18px; }
.collection-cover { min-width:0; }
.collection-cover .collection-media { display:block; margin:0; }
.collection-cover .collection-media-link { background:transparent; }
.collection-cover .collection-media-link img { max-height:250px; object-fit:contain; object-position:top; }
.collection-illustrated .collection-facts > div { display:block; }
.collection-illustrated .collection-facts dt { font-size:.72rem; margin-bottom:1px; }
@media(max-width:1079px) {
  .score-source-list .collection-row.collection-illustrated { grid-template-columns:120px minmax(0,1fr); gap:14px; }
}
.collection-reference-note { color:var(--color-text-secondary); font-size:.8rem; margin:0 0 10px; line-height:1.6; }
.score-guide { margin:18px 0; color:var(--color-text-secondary); font-size:.8rem; line-height:1.7; }
.score-guide summary { cursor:pointer; width:fit-content; min-height:36px; padding-block:6px; }
.score-guide p { margin:6px 0; max-width:75ch; }