/* Compact results with the underlying lists, sort tools and activity still available. */
.taste-pages { --taste-muted: #b9cac7; --taste-border: rgba(116,220,204,.22); }
.taste-pages .taste-summary,
.taste-pages .taste-ordinary-overview,
.taste-pages .taste-empty-state { margin: 12px 0; padding: 14px; border: 1px solid var(--taste-border); border-radius: 12px; background: #0c2027; }
.taste-summary-heading { margin-bottom: 10px; font-size: .85rem; }
.taste-summary-heading span { color: var(--taste-muted); font-weight: 500; }
.taste-agreement { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.taste-agreement > div { display: grid; gap: 2px; }
.taste-agreement > div > span, .taste-counts dt { color: var(--taste-muted); font-size: .73rem; }
.taste-agreement strong { font-size: 1.15rem; line-height: 1.4; }
.taste-agreement small, .taste-counts small { font-size: .76rem; font-weight: 500; color: var(--taste-muted); }
.taste-percent { color: #9be9d7; font-size: .86rem; font-weight: 700; }
.taste-meter { height: 7px; margin-top: 8px; overflow: hidden; border-radius: 8px; background: rgba(246,198,75,.28); }
.taste-meter > span { display: block; height: 100%; background: #74dccc; border-radius: inherit; }
.taste-pages .taste-summary--compact { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 9px 10px; margin: 9px 0 6px; }
.taste-compact-agreement { flex: 1; min-width: 0; }
.taste-compact-agreement strong { display: block; font-size: .82rem; }
.taste-compact-agreement strong > span { font-weight: 500; font-size: .69rem; color: var(--taste-muted); }
.taste-summary--compact .taste-meter { height: 5px; margin-top: 5px; }
.taste-compact-coverage { display: grid; gap: 2px; text-align: right; flex-shrink: 0; }
.taste-compact-coverage strong { color: #bceee0; font-size: .9rem; }
.taste-compact-coverage > span { color: var(--taste-muted); font-size: .62rem; }
.taste-pages.reference-page .taste-insights { margin: 6px 0; }
.taste-pages.reference-page .taste-insights > summary { padding: 6px 9px; min-height: 44px; }
.taste-pages.reference-page .taste-insights summary strong { font-size: .74rem; }
.taste-pages.reference-page .taste-insights summary small { -webkit-line-clamp: 1; font-size: .65rem; }
.taste-pages .taste-counts { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin: 12px 0 0; }
.taste-counts > div { min-width: 0; }
.taste-counts dd { margin: 3px 0 0; color: #f2f8f5; font-size: 1.25rem; font-weight: 800; line-height: 1.2; }
.taste-pages .taste-coverage-note { margin: 9px 0 0; color: var(--taste-muted); font-size: .72rem; line-height: 1.5; }
.taste-empty { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; }
.taste-empty p, .taste-empty-state p { margin: 0; line-height: 1.5; color: var(--taste-muted); }
.taste-empty-state h2 { font-size: 1.25rem; margin: 0 0 8px; }
.taste-empty-state a { margin-top: 14px; }
.taste-pages .taste-insights,
.taste-pages .taste-deep-stats,
.taste-pages .taste-sort-tools { margin: 12px 0; border: 1px solid var(--taste-border); border-radius: 10px; background: #0c1d24; }
.taste-pages .taste-insights > summary,
.taste-pages .taste-deep-stats > summary,
.taste-pages .taste-sort-tools > summary,
.taste-pages .taste-heatmap > summary { padding: 12px; min-height: 44px; cursor: pointer; color: #edf7f3; font-size: .85rem; font-weight: 700; }
.taste-pages summary:focus-visible, .taste-pages button:focus-visible, .taste-pages a:focus-visible { outline: 3px solid #f6c64b; outline-offset: 3px; }
.taste-insights > summary { display: flex; align-items: center; gap: 10px; list-style: none; }
.taste-insights > summary::-webkit-details-marker { display: none; }
.taste-insights > summary > span:nth-child(2) { min-width: 0; flex: 1; display: grid; gap: 4px; }
.taste-insights summary small { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; color: var(--taste-muted); font-size: .73rem; font-weight: 400; line-height: 1.4; }
.taste-preview-art { display: flex; flex: 0 0 auto; }
.taste-preview-art img { width: 28px; height: 38px; border-radius: 3px; object-fit: contain; background: #06171e; }
.taste-preview-art img + img { margin-left: -6px; transform: rotate(8deg); border: 1px solid #102a33; }
.taste-disclosure-mark { display: inline-flex; color: #74dccc; }
.taste-disclosure-mark .taste-icon { width: 18px; height: 18px; }
.taste-insights[open] .taste-disclosure-mark { transform: rotate(45deg); }
.taste-pages .taste-insight-explainer { margin: 2px 12px 12px; color: var(--taste-muted); font-size: .8rem; }
.taste-pages .taste-difference-list { display: grid; gap: 18px; margin: 0; padding: 0 12px 12px; list-style: none; }
.taste-pair-cards { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.taste-pick-card { display: grid; justify-items: center; align-content: start; gap: 6px; min-width: 0; padding: 10px; border-radius: 8px; background: #122b32; text-align: center; }
.taste-pick-card > span { display: inline-flex; align-items: center; gap: 4px; font-size: .72rem; font-weight: 700; }
.taste-pick-card > span .taste-icon { width: 14px; height: 14px; flex-shrink: 0; }
.taste-pick-card.is-picked > span { color: #83e6a2; }
.taste-pick-card.is-passed > span { color: #ff9c9c; }
.taste-pick-card img { width: 100%; height: 130px; object-fit: contain; }
.taste-pick-card strong { font-size: .82rem; line-height: 1.35; overflow-wrap: anywhere; }
.taste-pick-card small { font-size: .7rem; color: var(--taste-muted); }
.taste-pages .taste-gap { margin: 8px 0 0; font-size: .73rem; color: #f6c64b; text-align: center; }
.taste-favourites { margin: 18px 0 12px; }
.taste-pages .taste-favourites h2 { margin: 0 0 10px; font-size: 1rem; }
.taste-favourite-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.taste-favourite-card { display: grid; align-content: start; justify-items: start; gap: 5px; min-width: 0; }
.taste-favourite-card img { width: 100%; height: 115px; object-fit: contain; background: #0b2027; border-radius: 6px; }
.taste-favourite-card strong { color: #74dccc; font-size: .75rem; }
.taste-favourite-card > span { font-size: .75rem; line-height: 1.35; }
.taste-results-actions { display: flex; gap: 8px; flex-wrap: wrap; margin: 12px 0; }
.taste-deep-stats[open] { padding: 0 12px 12px; }
.taste-deep-stats[open] > summary { margin-inline: -12px; }
.taste-heading-actions { margin-top: 8px; }
.taste-pages .ds-results-heading { margin-bottom: 12px; }
.taste-pages .stats-v2-tabs { display: flex; flex-wrap: wrap; gap: 6px; margin: 12px 0; padding: 0; }
.taste-pages .stats-v2-tab { min-height: 44px; padding: 8px 12px; }
.taste-pages .stats-v2-tab-panel { display: none; }
.taste-pages .stats-v2-tab-panel.is-active { display: block; }
.taste-pages .stats-v2-scope-note { margin: 8px 0; font-size: .75rem; }
.taste-pages .stats-v2-mode-link { min-height: 44px; }
.taste-pages .stats-v2-mode-link > span { display: none; }
.taste-pages .stats-v2-mode-slot .stats-v2-mode-link > span { display: block; font-size: .66rem; }
.taste-pages .taste-ordinary-overview .taste-counts { grid-template-columns: repeat(3,minmax(0,1fr)); margin-top: 0; }
.taste-leader { display: flex; align-items: center; gap: 12px; margin-top: 18px; }
.taste-leader img { width: 60px; height: 82px; object-fit: contain; border-radius: 5px; background: #06171e; }
.taste-leader > div { min-width: 0; }
.taste-leader span { color: #74dccc; font-size: .72rem; }
.taste-pages .taste-leader h2 { margin: 3px 0; font-size: 1.12rem; line-height: 1.3; }
.taste-leader p { margin: 0; font-size: .75rem; color: var(--taste-muted); }
.taste-activity-sparkline { width: 100%; height: 34px; display: block; margin: 12px 0; }
.taste-activity-sparkline polyline { fill: none; stroke: #74dccc; stroke-width: 2; vector-effect: non-scaling-stroke; }
.taste-pages .taste-heatmap .stats-v2-heatmap-desktop { display: block; margin: 10px 0; }
.taste-pages .taste-heatmap .stats-v2-heatmap { min-width: 700px; }
.taste-pages .stats-v2-hero { gap: 14px; padding: 14px; }
.taste-pages .stats-v2-poster { max-width: 120px; }
.taste-pages .stats-v2-hero .stats-v2-storyline { font-size: .8rem; }
/* Full source rows remain continuous, with both positions visible on phones. */
.taste-pages.reference-page .reference-row,
.taste-pages.reference-page .reference-table-labels { grid-template-columns: 42px minmax(0,1fr) 68px; gap: 8px; padding: 9px 8px; }
.taste-pages.reference-page .reference-row { display: grid; align-items: center; margin: 0; border-radius: 0; border-width: 0 0 1px; min-height: 65px; }
.taste-pages.reference-page .reference-results { padding: 0; gap: 0; }
.taste-pages.reference-page .reference-table-labels { display: grid; margin-top: 14px; font-size: .68rem; }
.taste-pages.reference-page .reference-table-labels > :last-child { display: none; }
.taste-pages.reference-page .reference-original { font-size: .85rem; }
.taste-pages.reference-page .reference-original strong { font-size: .9rem; }
.taste-pages.reference-page .reference-item { gap: 8px; align-items: center; }
.taste-pages.reference-page .reference-item-art { width: 36px; height: 48px; flex: 0 0 36px; }
.taste-pages.reference-page .reference-item-copy strong { font-size: .79rem; line-height: 1.3; }
.taste-pages.reference-page .reference-item-copy span { font-size: .68rem; }
.taste-pages.reference-page .reference-dynamic { grid-column: auto; font-size: .7rem; min-width: 0; text-align: right; }
.taste-pages.reference-page .reference-dynamic strong { font-size: .8rem; white-space: normal; }
.taste-pages.reference-page .reference-dynamic > span:last-child { font-size: .65rem; line-height: 1.4; }
.taste-pages.reference-page .reference-mobile-label { display: none; }
.taste-pages.reference-page .reference-difference { grid-column: 2 / -1; margin-top: -3px; font-size: .65rem; }
.taste-pages.reference-page .reference-movement { display: inline-flex; align-items: center; gap: 3px; }
.taste-pages.reference-page .reference-movement > .taste-icon { width: 14px; height: 14px; flex-shrink: 0; }
.taste-pages.reference-page .reference-difference.is-higher { color: #83e6a2; }
.taste-pages.reference-page .reference-difference.is-lower { color: #ff9c9c; }
.taste-pages.reference-page .reference-difference:not(.is-higher):not(.is-lower) { display: none; }
.taste-pages.reference-page .reference-intro { padding: 10px 0; border: 0; background: transparent; }
.taste-pages.reference-page .reference-intro h1 { font-size: clamp(1.35rem,5vw,2rem); }
.taste-pages.reference-page .reference-kicker { font-size: .7rem; }
.taste-pages.reference-page .reference-controlbar { gap: 10px; }
.taste-pages.reference-page .reference-filters { gap: 6px; }
.taste-pages.reference-page .reference-filters input,
.taste-pages.reference-page .reference-filters select,
.taste-pages.reference-page .reference-button { min-height: 44px; }
.taste-pages.reference-page .reference-list-note { overflow-wrap: anywhere; font-size: .72rem; }
/* Reuse the existing mobile details controls on larger screens. */
.taste-pages .leaderboard-page .leaderboard-football-row { display: grid; grid-template-columns: 54px minmax(0,1fr) 44px; align-items: center; gap: 12px; padding: 12px; }
.taste-pages .leaderboard-page .leaderboard-football-row > .table-stat,
.taste-pages .leaderboard-page .leaderboard-football-row > .table-form { display: none; }
.taste-pages .leaderboard-page .table-mobile-score { display: none; }
.taste-pages .leaderboard-page .table-game-copy .table-mobile-summary { display: flex; flex-wrap: wrap; column-gap: 8px; row-gap: 2px; color: var(--taste-muted); font-size: .7rem; font-weight: 500; line-height: 1.4; white-space: normal; overflow: visible; text-overflow: clip; }
.taste-pages .leaderboard-page .table-mobile-summary > span { display: inline; white-space: nowrap; overflow: visible; color: inherit; font-size: inherit; }
.taste-pages .leaderboard-page .table-mobile-score span { font-size: .65rem; color: var(--taste-muted); }
.taste-pages .leaderboard-page .table-mobile-score strong { color: #9be9d7; }
.taste-pages .leaderboard-page .table-mobile-toggle { display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 1px solid var(--taste-border); border-radius: 7px; color: #74dccc; background: #102b33; }
.taste-pages .leaderboard-page .table-mobile-details { display: grid; grid-column: 1 / -1; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; padding: 12px; }
.taste-pages .leaderboard-page .table-mobile-details[hidden] { display: none; }
.taste-pages .leaderboard-page .table-mobile-detail { display: grid; gap: 4px; font-size: .8rem; }
.taste-pages .leaderboard-page .table-mobile-detail > span { font-size: .68rem; color: var(--taste-muted); }
.taste-pages .leaderboard-page .table-mobile-detail-form { grid-column: 1 / -1; }
.taste-pages .leaderboard-page .table-mobile-form { display: flex; gap: 5px; }
.taste-pages .leaderboard-page .table-game-meta { display: none; }
.taste-pages .leaderboard-page .table-game-copy .ranking-state { font-size: .67rem; }
.taste-pages .leaderboard-page .table-pos { font-size: .9rem; line-height: 1.3; }
.taste-pages .leaderboard-page .taste-sort-tools .leaderboard-football-head { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); padding: 0 12px 12px; gap: 6px; }
.taste-pages .taste-sort-tools .table-sort-link { display: flex; align-items: center; gap: 5px; min-height: 44px; font-size: .77rem; }
@media (min-width: 700px) {
  .taste-summary { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(180px,1fr); column-gap: 28px; }
  .taste-summary-heading { grid-column: 1 / -1; }
  .taste-agreement { grid-column: 1; grid-row: 2; }
  .taste-meter { grid-column: 1; grid-row: 3; align-self: start; }
  .taste-pages .taste-summary .taste-counts { grid-column: 2; grid-row: 2 / 4; margin: 0; align-items: center; }
  .taste-coverage-note, .taste-empty { grid-column: 1 / -1; }
  .taste-favourite-grid { grid-template-columns: repeat(3,minmax(0,180px)); }
  .taste-favourite-card img { height: 150px; }
  .taste-difference-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .taste-pages.reference-page .reference-row,
  .taste-pages.reference-page .reference-table-labels { grid-template-columns: 64px minmax(0,1fr) 120px 100px; gap: 14px; padding: 10px 14px; }
  .taste-pages.reference-page .reference-table-labels > :last-child { display: block; }
  .taste-pages.reference-page .reference-difference { display: block!important; grid-column: auto; margin: 0; }
  .taste-pages.reference-page .reference-dynamic { text-align: left; }
  .taste-pages.reference-page .reference-item-copy strong { font-size: .88rem; }
  .taste-pages .taste-heading-actions { margin-left: auto; }
}
@media (max-width: 540px) {
  .taste-pages .leaderboard-page .leaderboard-football-row { grid-template-columns: 36px minmax(0,1fr) 36px; gap: 7px; padding: 10px 8px; }
  .taste-pages .leaderboard-page .table-mobile-toggle { width: 36px; height: 44px; }
  .taste-pages .leaderboard-page .table-pos { font-size: .76rem; }
  .taste-pages .leaderboard-page .table-game-copy .table-mobile-summary { font-size: .65rem; column-gap: 7px; }
  .taste-pages .leaderboard-page .table-mobile-details { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .taste-pages .taste-ordinary-overview .taste-counts dt { font-size: .65rem; }
  .taste-pages .taste-ordinary-overview .taste-counts dd { font-size: 1.1rem; }
  .taste-pages .reference-intro { display: flex; gap: 8px; flex-wrap: wrap; }
  .taste-pages .reference-actions { display: flex; gap: 6px; flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) {
  .taste-pages .taste-insights *, .taste-pages .taste-summary *, .taste-pages .taste-ordinary-overview * { animation: none!important; transition: none!important; }
}

/* Explicit placement overrides the older two-row comparison layout. */
.reference-page.taste-pages .reference-row > .reference-original { grid-column: 1; grid-row: 1; }
.reference-page.taste-pages .reference-row > .reference-item { grid-column: 2; grid-row: 1; }
.reference-page.taste-pages .reference-row > .reference-dynamic { grid-column: 3; grid-row: 1; }
.reference-page.taste-pages .reference-row > .reference-difference { grid-column: 4; grid-row: 1; }
.reference-page.taste-pages .reference-table-labels > span { grid-row: 1; min-width: 0; letter-spacing: 0; }
.reference-page.taste-pages .reference-table-labels > span:nth-child(1) { grid-column: 1; }
.reference-page.taste-pages .reference-table-labels > span:nth-child(2) { grid-column: 2; }
.reference-page.taste-pages .reference-table-labels > span:nth-child(3) { grid-column: 3; text-align: right; }
.reference-page.taste-pages .reference-table-labels > span:nth-child(4) { grid-column: 4; }

@media (max-width: 699px) {
  .reference-page.taste-pages .reference-shell { margin: 8px auto 36px; gap: 8px; }
  .reference-page.taste-pages .reference-intro { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 8px; margin: 0; padding: 4px 0; }
  .reference-page.taste-pages .reference-title-copy { min-width: 0; }
  .reference-page.taste-pages .reference-kicker { display: none; }
  .reference-page.taste-pages .reference-intro h1 { margin: 0; font-size: clamp(1rem,4.5vw,1.18rem); line-height: 1.18; text-wrap: wrap; }
  .reference-page.taste-pages .reference-actions { display: flex; align-items: center; flex-wrap: nowrap; gap: 5px; margin: 0; }
  .reference-page.taste-pages .reference-actions :is(.reference-button,.taste-share-button) { min-height: 44px; padding: 8px; gap: 4px; font-size: .72rem; white-space: nowrap; }
  .reference-page.taste-pages .reference-actions .taste-icon { width: 15px; height: 15px; }
  .reference-page.taste-pages .reference-controlbar { display: grid; gap: 7px; margin: 0; }
  .reference-page.taste-pages .reference-modes { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 6px; width: 100%; margin: 0; }
  .reference-page.taste-pages .reference-modes a { display: flex; align-items: center; justify-content: center; min-height: 44px; padding: 8px; }
  .reference-page.taste-pages .reference-filters { display: grid; grid-template-columns: minmax(0,1fr) 118px 52px; align-items: center; gap: 6px; width: 100%; margin: 0; }
  .reference-page.taste-pages .reference-filters label { display: block; min-width: 0; margin: 0; }
  .reference-page.taste-pages .reference-filters :is(input,select,button) { min-width: 0; min-height: 44px; height: 44px; padding: 8px; font-size: .75rem; }
  .reference-page.taste-pages .reference-filters > a { grid-column: 1 / -1; justify-self: end; }
  .reference-page.taste-pages .reference-comparison { display: grid; grid-template-columns: minmax(0,1fr) 88px; gap: 6px; align-items: start; }
  .reference-page.taste-pages .reference-comparison > :is(.reference-controlbar,.reference-table-labels,.reference-results,.reference-pagination,.reference-list-note,.ranking-evidence-note) { grid-column: 1 / -1; }
  .reference-page.taste-pages .reference-comparison > .taste-summary--compact { grid-column: 1; width: 100%; min-width: 0; min-height: 54px; gap: 8px; margin: 2px 0 0; padding: 7px 8px; box-sizing: border-box; }
  .reference-page.taste-pages .taste-compact-agreement strong { font-size: .76rem; }
  .reference-page.taste-pages .taste-compact-agreement strong > span { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: .6rem; line-height: 1.25; }
  .reference-page.taste-pages .taste-compact-coverage strong { font-size: .8rem; }
  .reference-page.taste-pages .taste-compact-coverage > span { font-size: .55rem; }
  .reference-page.taste-pages .reference-comparison > .taste-insights { grid-column: 2; min-width: 0; margin: 2px 0 0; }
  .reference-page.taste-pages .taste-insights > summary { min-height: 54px; padding: 7px; gap: 3px; box-sizing: border-box; }
  .reference-page.taste-pages .taste-insights > summary .taste-preview-art,
  .reference-page.taste-pages .taste-insights:not([open]) > summary small { display: none; }
  .reference-page.taste-pages .taste-insights > summary strong { font-size: .65rem; line-height: 1.25; }
  .reference-page.taste-pages .taste-insights > summary .taste-disclosure-mark { font-size: 1rem; }
  .reference-page.taste-pages .reference-comparison > .taste-insights[open] { grid-column: 1 / -1; }
  .reference-page.taste-pages .taste-insights[open] > summary { min-height: 44px; }
  .reference-page.taste-pages .taste-insights[open] > summary .taste-preview-art { display: flex; }
  .reference-page.taste-pages .reference-table-labels,
  .reference-page.taste-pages .reference-row { grid-template-columns: 50px minmax(0,1fr) 68px; gap: 8px; }
  .reference-page.taste-pages .reference-table-labels { margin: 0; padding: 5px 8px; font-size: .61rem; line-height: 1.2; }
  .reference-page.taste-pages .reference-row { min-height: 65px; padding: 8px; }
  .reference-page.taste-pages .reference-row > .reference-difference { grid-column: 2 / -1; grid-row: 2; }
}

/* Ordinary phone results: evidence and sort share a row, without hiding controls. */
@media (max-width: 760px) {
  .taste-pages.ds-polish-leaderboard:not(.reference-page) .leaderboard-page { display: grid; grid-template-columns: minmax(0,1fr) 108px; gap: 6px; margin-top: 6px; }
  .taste-pages.ds-polish-leaderboard:not(.reference-page) .leaderboard-page > * { grid-column: 1 / -1; }
  .taste-pages.ds-polish-leaderboard:not(.reference-page) .ds-results-heading { margin: 0; padding: 4px 0; }
  .taste-pages.ds-polish-leaderboard:not(.reference-page) .ds-results-eyebrow { margin: 0 0 3px; font-size: .65rem; }
  .taste-pages.ds-polish-leaderboard:not(.reference-page) .ds-results-heading h1 { margin: 0; font-size: 1.25rem; line-height: 1.2; }
  .taste-pages.ds-polish-leaderboard:not(.reference-page) .leaderboard-controlbar { display: grid; gap: 6px; padding: 0; margin: 0; }
  .taste-pages.ds-polish-leaderboard:not(.reference-page) .leaderboard-v2-mode-switch { width: 100%; margin: 0; gap: 6px; }
  .taste-pages.ds-polish-leaderboard:not(.reference-page) .leaderboard-v2-mode-link { min-height: 44px; padding-block: 7px; box-sizing: border-box; }
  .taste-pages.ds-polish-leaderboard:not(.reference-page) .leaderboard-filters { display: grid; grid-template-columns: minmax(0,1fr) minmax(90px,.9fr) auto; align-items: center; gap: 6px; margin: 0; padding: 0; }
  .taste-pages.ds-polish-leaderboard:not(.reference-page) .leaderboard-filter { margin: 0; min-width: 0; }
  .taste-pages.ds-polish-leaderboard:not(.reference-page) .leaderboard-filter :is(input,select) { min-height: 44px; height: 44px; padding: 8px; font-size: .75rem; }
  .taste-pages.ds-polish-leaderboard:not(.reference-page) .leaderboard-filter-actions { display: flex; gap: 4px; }
  .taste-pages.ds-polish-leaderboard:not(.reference-page) .leaderboard-filter-actions .pager-link { min-height: 44px; padding: 0 9px; font-size: .75rem; }
  .taste-pages.ds-polish-leaderboard:not(.reference-page) .ds-ranking-controls { margin: 0; padding: 0; border: 0; background: transparent; box-shadow: none; }
  .taste-pages.ds-polish-leaderboard:not(.reference-page) .chart-header-meta { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 8px; align-items: center; }
  .taste-pages.ds-polish-leaderboard:not(.reference-page) .chart-header-actions { display: flex; gap: 5px; min-width: 0; }
  .taste-pages.ds-polish-leaderboard:not(.reference-page) .chart-header-actions .pager-link { width: auto; min-width: 44px; min-height: 44px; }
  .taste-pages.ds-polish-leaderboard:not(.reference-page) .chart-header-actions .view-all-link { flex: 1; min-width: 0; }
  .taste-pages.ds-polish-leaderboard:not(.reference-page) .chart-count { white-space: nowrap; font-size: .68rem; }
  .taste-pages.ds-polish-leaderboard:not(.reference-page) .leaderboard-page > .leaderboard-evidence { grid-column: 1; grid-row: 3; margin: 0; width: 100%; min-width: 0; }
  .taste-pages.ds-polish-leaderboard:not(.reference-page) .leaderboard-evidence > summary { display: grid; align-content: center; gap: 2px; min-height: 44px; padding: 6px 8px; box-sizing: border-box; }
  .taste-pages.ds-polish-leaderboard:not(.reference-page) .leaderboard-evidence-status { font-size: .68rem; line-height: 1.25; }
  .taste-pages.ds-polish-leaderboard:not(.reference-page) .leaderboard-evidence-count { font-size: .65rem; line-height: 1.25; }
  .taste-pages.ds-polish-leaderboard:not(.reference-page) .leaderboard-evidence-help { display: none; }
  .taste-pages.ds-polish-leaderboard:not(.reference-page) .leaderboard-page > .leaderboard-table-wrap { display: contents; }
  .taste-pages.ds-polish-leaderboard:not(.reference-page) .leaderboard-table-wrap > .taste-sort-tools { grid-column: 2; grid-row: 3; width: 100%; margin: 0; }
  .taste-pages.ds-polish-leaderboard:not(.reference-page) .taste-sort-tools > summary { min-height: 44px; padding: 12px 8px; font-size: .75rem; box-sizing: border-box; }
  .taste-pages.ds-polish-leaderboard:not(.reference-page) .leaderboard-table-wrap > .leaderboard-football-table { grid-column: 1 / -1; min-width: 0; border-radius: 8px; overflow: hidden; background: #0c1d24; }
  .taste-pages.ds-polish-leaderboard:not(.reference-page) .leaderboard-table-wrap > .taste-sort-tools[open] { grid-column: 1 / -1; grid-row: 4; }
  .taste-pages.ds-polish-leaderboard:not(.reference-page) .leaderboard-page > .leaderboard-evidence[open] { grid-column: 1 / -1; }
  .taste-pages.ds-polish-leaderboard:not(.reference-page) .leaderboard-page:has(.leaderboard-evidence[open]) .taste-sort-tools { grid-row: 4; }
}

/* Keep one record summary and one details action; legacy compact CSS had a spare score column. */
@media (max-width: 979px) {
  .taste-pages.ds-polish-leaderboard:not(.reference-page) .leaderboard-football-row { grid-template-columns: 26px minmax(0,1fr) 44px !important; gap: 7px; }
  .taste-pages.ds-polish-leaderboard:not(.reference-page) .table-mobile-toggle { width: 44px; height: 44px; }
  .taste-pages.ds-polish-leaderboard:not(.reference-page) .table-game-copy .table-mobile-summary { font-size: .7rem; column-gap: 7px; }
}

/* Wide screens retain the useful record columns alongside expandable details. */
@media (min-width: 980px) {
  .taste-pages.ds-polish-leaderboard:not(.reference-page) .leaderboard-football-row { grid-template-columns: 54px minmax(220px,1fr) repeat(5,54px) 118px 44px; gap: 9px; }
  .taste-pages.ds-polish-leaderboard:not(.reference-page) .leaderboard-football-row > .table-mobile-score { display: none; }
  .taste-pages.ds-polish-leaderboard:not(.reference-page) .table-game-copy .table-mobile-summary { display: none; }
  .taste-pages.ds-polish-leaderboard:not(.reference-page) .leaderboard-football-row > .table-mobile-toggle { grid-column: 9; grid-row: 1; }
  .taste-pages.ds-polish-leaderboard:not(.reference-page) .leaderboard-football-row > :is(.table-pos,.table-game,.table-stat,.table-form) { grid-row: 1; }
  .taste-pages.ds-polish-leaderboard:not(.reference-page) .leaderboard-football-row > .table-stat { display: grid; gap: 5px; justify-items: center; font-size: .87rem; }
  .taste-pages.ds-polish-leaderboard:not(.reference-page) .leaderboard-football-row > .table-stat::before { color: var(--taste-muted); font-size: .61rem; font-weight: 500; }
  .taste-pages.ds-polish-leaderboard:not(.reference-page) .table-stat:nth-of-type(4)::before { content: 'Matched'; }
  .taste-pages.ds-polish-leaderboard:not(.reference-page) .table-stat:nth-of-type(5)::before { content: 'Won'; }
  .taste-pages.ds-polish-leaderboard:not(.reference-page) .table-stat:nth-of-type(6)::before { content: 'Lost'; }
  .taste-pages.ds-polish-leaderboard:not(.reference-page) .table-stat:nth-of-type(7)::before { content: 'Skipped'; }
  .taste-pages.ds-polish-leaderboard:not(.reference-page) .table-stat:nth-of-type(8)::before { content: 'Elo'; }
  .taste-pages.ds-polish-leaderboard:not(.reference-page) .leaderboard-football-row > .table-form { display: flex; flex-wrap: wrap; gap: 3px; align-content: center; justify-content: center; }
  .taste-pages.ds-polish-leaderboard:not(.reference-page) .leaderboard-football-row > .table-form::before { content: 'Form'; flex-basis: 100%; color: var(--taste-muted); font-size: .61rem; text-align: center; }
}

/* The Trends tab is already a disclosure; show its data without a second tap. */
.taste-pages .stats-v2-trend-grid.stats-v2-trends-desktop { display: grid; }
.taste-pages .stats-v2-trends-mobile { display: none; }

/* Stats clarity: the audience scope and personal comparison are different controls. */
.dashboard-page .stats-v2-tabs { align-items: stretch; }
.dashboard-page .stats-v2-tab { white-space: normal; line-height: 1.3; max-width: 100%; }
.dashboard-page .stats-v2-scope-note { font-size: .82rem; }
.dashboard-page .stats-v2-personal-grid { grid-template-columns: minmax(260px,.8fr) minmax(0,1.2fr); gap: 18px; align-items: start; }
.dashboard-page .stats-v2-agreement { grid-column: 1; grid-row: 1; text-align: left; justify-items: start; padding: 24px; gap: 20px; }
.dashboard-page .stats-v2-agreement h2 { margin: 8px 0 12px; font-size: clamp(1.7rem,2.5vw,2.6rem); line-height: 1.1; }
.dashboard-page .stats-v2-agreement .stats-v2-label { line-height: 1.45; font-size: .8rem; text-transform: none; letter-spacing: .025em; }
.dashboard-page .stats-v2-ring { width: 144px; height: 144px; text-align: center; }
.dashboard-page .stats-v2-ring strong { font-size: 2.5rem; }
.dashboard-page .stats-v2-ring span { font-size: .72rem; }
.dashboard-page .stats-v2-agreement-count { color: var(--taste-muted); font-size: 1rem; line-height: 1.6; }
.dashboard-page .stats-v2-agreement-count strong { color: #f5faf7; }
.dashboard-page .stats-v2-comparison-help { margin: 12px 0; border-top: 1px solid var(--taste-border); }
.dashboard-page .stats-v2-comparison-help > summary,
.dashboard-page .stats-v2-share-options > summary { min-height: 44px; display: list-item; align-content: center; cursor: pointer; padding: 10px 0; font-size: .85rem; font-weight: 700; box-sizing: border-box; }
.dashboard-page .stats-v2-comparison-help p { color: var(--taste-muted); font-size: .8rem; line-height: 1.55; }
.dashboard-page .stats-v2-share-options { width: 100%; }
.dashboard-page .stats-v2-share-options > summary { color: #a0e9db; }
.dashboard-page .stats-v2-share-options .stats-v2-inline-actions { margin: 4px 0 0; }
.dashboard-page .stats-v2-top5-card { grid-column: 2; grid-row: 1 / span 2; padding: 20px; }
.dashboard-page .stats-v2-top5-heading { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8px; }
.dashboard-page .stats-v2-top5-heading h2 { margin: 0; font-size: 1.25rem; }
.dashboard-page .stats-v2-top5-heading > span { color: var(--taste-muted); font-size: .82rem; }
.dashboard-page .stats-v2-vs-list { gap: 8px; margin-top: 16px; }
.dashboard-page .stats-v2-vs-row { grid-template-columns: minmax(0,1fr) minmax(130px,.6fr); gap: 14px; min-height: 76px; padding: 10px; font-size: .96rem; }
.dashboard-page .stats-v2-personal-pick-link { grid-template-columns: 52px minmax(0,1fr); gap: 12px; }
.dashboard-page .stats-v2-vs-list .stats-v2-thumb { width: 52px; height: 60px; }
.dashboard-page .stats-v2-vs-list .stats-v2-thumb img { object-fit: contain; }
.dashboard-page .stats-v2-personal-detail { font-size: .8rem; line-height: 1.45; gap: 5px; }
.dashboard-page .stats-v2-personal-detail .is-higher { color: #a0e9db; }
.dashboard-page .stats-v2-personal-detail .is-lower { color: #f6d588; }
.dashboard-page .stats-v2-rebel-card { grid-column: 1; grid-row: 2; padding: 18px; }
.dashboard-page .stats-v2-rebel-card h2 { font-size: 1.3rem; margin: 6px 0; }
.dashboard-page .stats-v2-community-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 10px; }
.dashboard-page .stats-v2-community-actions > .stats-v2-share-options { width: auto; }
.dashboard-page .stats-v2-trend-stats dt { white-space: normal; line-height: 1.3; }
@media (max-width: 760px) {
  .dashboard-page .stats-v2-personal-grid { grid-template-columns: minmax(0,1fr); gap: 12px; }
  .dashboard-page .stats-v2-agreement,
  .dashboard-page .stats-v2-top5-card,
  .dashboard-page .stats-v2-rebel-card { grid-column: 1; grid-row: auto; padding: 16px; }
  .dashboard-page .stats-v2-agreement { grid-template-columns: minmax(0,1fr); gap: 14px; }
  .dashboard-page .stats-v2-top5-card { order: 2; }
  .dashboard-page .stats-v2-rebel-card { order: 3; }
  .dashboard-page .stats-v2-agreement h2 { font-size: 2rem; }
  .dashboard-page .stats-v2-ring { width: 128px; height: 128px; }
  .dashboard-page .stats-v2-vs-row { grid-template-columns: minmax(0,1fr); gap: 5px; padding: 10px; }
  .dashboard-page .stats-v2-personal-pick-link { grid-template-columns: 42px minmax(0,1fr); gap: 10px; }
  .dashboard-page .stats-v2-vs-list .stats-v2-thumb { width: 42px; height: 44px; }
  .dashboard-page .stats-v2-personal-detail { padding-left: 52px; font-size: .8rem; gap: 2px; }
  .dashboard-page .stats-v2-community-actions { justify-content: flex-start; }
  .dashboard-page .stats-v2-tab { padding: 8px 10px; font-size: .78rem; }
}

/* Keep generated card type legible at phone width; the dialog scrolls to its actions. */
.dashboard-page .taste-share-preview img { width: 100%; max-height: none; }
.dashboard-page .taste-share-options [hidden] { display: none; }

.dashboard-page .stats-v2-personal-pick-link:not(:has(img)) { grid-template-columns: minmax(0,1fr); }
.dashboard-page .stats-v2-vs-row:has(.stats-v2-personal-pick-link:not(:has(img))) .stats-v2-personal-detail { padding-left: 0; }

/* Keep the page title and Share at the same height as other result screens. */
.dashboard-page .ds-results-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}
.dashboard-page .ds-results-heading .ds-results-eyebrow{display:none}
.dashboard-page .ds-results-heading h1{min-width:0;margin:0;font-size:clamp(1.1rem,4vw,1.6rem)}
.dashboard-page .ds-results-heading .taste-heading-actions{margin:0;flex:none}
@media(max-width:600px){
 .dashboard-page .stats-v2-mode-exit{display:none}
 body.dashboard-page.taste-pages .stats-v2-mode-slot.has-exit{grid-template-columns:minmax(0,1fr)!important}
 body.dashboard-page.taste-pages .stats-v2-mode-slot.has-exit .stats-v2-mode-link{width:100%!important;padding-inline:6px!important;border-radius:12px!important}
}

/* Staff matches stay within personal Stats and show their actual sample sizes. */
/* Staff taste matching uses existing comparable-choice evidence only. */
.taste-staff-match{margin:14px 0;padding:14px;border:1px solid var(--taste-border,#29484d);border-radius:14px;background:linear-gradient(135deg,#10282b,#0c1d24 65%);scroll-margin-top:16px}
.taste-staff-match h2{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:1rem;line-height:1.35}
.taste-staff-match h2 .taste-icon{color:#74dccc;flex:none}
.taste-staff-label,.taste-staff-note,.taste-staff-method{margin:6px 0;color:var(--taste-muted,#b9cac7);font-size:.76rem;line-height:1.5}
.taste-staff-label{color:#8ee1c2;font-weight:600}
.taste-staff-result{margin:0;font-size:1.1rem;font-weight:700}
.taste-staff-leaders,.taste-staff-members{padding:0;margin:8px 0;list-style:none}
.taste-staff-leaders{display:grid;gap:10px}
.taste-staff-leaders li{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:7px 10px;padding:10px;border:1px solid #34564f;border-radius:12px;background:#14302980}
.taste-staff-leader-copy{display:grid;gap:4px;min-width:0;overflow-wrap:anywhere}
.taste-staff-leader-copy strong{font-size:1.08rem;color:#eff9f6}
.taste-staff-leader-copy>span{font-size:.72rem;line-height:1.4;color:#c4ded8}
.taste-staff-rating{display:grid;justify-items:center;gap:4px;padding:9px 8px;border:1px solid #52725b;border-radius:13px;background:linear-gradient(150deg,#77d9b31c,#d5b56d14);color:#f2f8e8}
.taste-staff-rating strong{font-size:2rem;font-weight:800;line-height:1;letter-spacing:-.045em;font-variant-numeric:tabular-nums}
.taste-staff-rating strong span{font-size:.95rem;letter-spacing:0;margin-left:1px}
.taste-staff-rating small{font-size:.58rem;line-height:1.2;white-space:nowrap;color:#c4ded8}
.taste-staff-meter{display:block;grid-column:2/-1;height:4px;overflow:hidden;border-radius:99px;background:#263e3c}
.taste-staff-meter>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#72d9c2,#d9bd79)}
.taste-staff-share-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 4px}
.taste-staff-share-actions .taste-share-button{flex:1 1 130px;min-height:44px;justify-content:center;white-space:nowrap}
.taste-ranking-share{margin:8px 0 14px;border-bottom:1px solid var(--taste-border,#29484d);padding-bottom:8px}
.taste-ranking-share>summary{display:list-item;min-height:44px;padding:12px 0;box-sizing:border-box;cursor:pointer;font-size:.82rem;color:var(--taste-muted,#b9cac7)}
.taste-ranking-share .taste-heading-actions{justify-content:flex-start;margin:4px 0 8px}
.taste-staff-details{margin-top:10px;border-top:1px solid var(--taste-border,#29484d)}
.taste-staff-details summary{min-height:44px;box-sizing:border-box;padding:12px 0;cursor:pointer;font-size:.84rem;line-height:1.4}
.taste-staff-members li{display:grid;grid-template-columns:44px minmax(0,1fr) 54px;align-items:center;gap:5px 10px;padding:10px 6px;border-top:1px solid #20383d;border-radius:8px}
.taste-staff-members li.is-leading{background:#72d9c20a;border-color:#416357}
.taste-staff-member-copy{display:grid;gap:3px;min-width:0;overflow-wrap:anywhere}
.taste-staff-member-copy strong{font-size:.87rem;color:#eff9f6}
.taste-staff-count{font-size:.7rem;line-height:1.4;color:#b9cac7}
.taste-staff-score{text-align:right;font-size:1.15rem;font-weight:750;font-variant-numeric:tabular-nums;color:#d4eee0}
.taste-staff-score small{font-size:.67rem;margin-left:2px}
.taste-staff-collecting{text-align:right;font-size:.65rem;line-height:1.35;color:#9eb6af}
.taste-staff-method{margin:8px 0 0;font-size:.71rem}
.taste-staff-invite{margin:6px 0 12px;font-size:.82rem}
.taste-staff-invite a{display:inline-flex;align-items:center;min-height:44px;color:#74dccc}
.taste-staff-portrait{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;overflow:hidden;border-radius:8px;background:#193239;color:#c4ded8;font-size:1rem;font-weight:700}
.taste-staff-portrait.is-featured{width:64px;height:64px;border-radius:10px}
.taste-staff-portrait img{display:block;width:100%;height:100%;min-height:0;max-height:100%;object-fit:contain;object-position:center}
@media(max-width:390px){
  .taste-staff-leaders li{grid-template-columns:52px minmax(0,1fr) auto;gap:7px 8px;padding:8px}
  .taste-staff-portrait.is-featured{width:52px;height:52px}
  .taste-staff-rating{padding:8px 6px}
  .taste-staff-rating strong{font-size:1.8rem}
}