/* ===================================================================
   Players package sizing repair (13 October 2026).
   Loaded after public/zinga-player-sections/player-sections.css.
   Following the package sizing brief (docs/v3/sponsor-sections/
   TODAYS-SIZING-REPAIR-PROMPT.txt): section headings on the site scale
   (--h2) instead of 52-66px, card titles 19-24px, body 15-17px. The
   achievements heading stays on one line (the package's nowrap), which
   the smaller size makes easier, and the record board keeps its anchor.
   =================================================================== */
.zpv3 h2,
.zpv3 .zpv3-achievements h2 { font-size:var(--ds-title); line-height:1.1; }
.zpv3 p { font-size:var(--ds-copy); }
.zpv3 .zpv3-achievements .zpv3-heading p { font-size:var(--ds-copy); }
.zpv3 figcaption h3 { font-size:var(--ds-card); }
.zpv3 figcaption p { font-size:var(--ds-copy); }

/* ===================================================================
   How rankings work (#rankings): same content edge as the Rankings
   section below (the .zpv3-inner container: 1600px max, 7.7% / 5% / 6%
   side padding), no reserved column for the hidden PPI outline word,
   the heading on one line across the full width, and the copy, chart
   and motto spread out beneath it so the band is shorter.
   Type sizes are unchanged (--ds-title, --ds-copy).
   =================================================================== */
body[data-page="/players"] #rankings.pl-ppi { padding-inline:0; }
body[data-page="/players"] #rankings .pl-ppi-grid {
  width:100%; max-width:1600px; margin-inline:auto; box-sizing:border-box;
  padding-inline:7.7%;
}
@media (max-width:1100px) { body[data-page="/players"] #rankings .pl-ppi-grid { padding-inline:5%; } }
@media (max-width:760px)  { body[data-page="/players"] #rankings .pl-ppi-grid { padding-inline:6%; } }

@supports (grid-template-columns:subgrid) {
  @media (min-width:901px) {
    body[data-page="/players"] #rankings .pl-ppi-grid {
      grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) auto !important;
      grid-template-rows:auto auto auto auto auto;
      column-gap:clamp(32px,4vw,72px) !important; row-gap:0 !important;
    }
    body[data-page="/players"] #rankings .pl-ppi-grid > .section-copy {
      grid-column:1 / -1; grid-row:1 / span 5;
      display:grid; grid-template-columns:subgrid; grid-template-rows:subgrid;
      max-width:none; margin:0; padding:0 !important;
    }
    body[data-page="/players"] #rankings .section-copy > .eyebrow { grid-column:1 / -1; grid-row:1; }
    body[data-page="/players"] #rankings .section-copy > h2 { grid-column:1 / -1; grid-row:2; white-space:nowrap; margin-bottom:24px; }
    body[data-page="/players"] #rankings .section-copy > h2 .ln { display:inline; }
    body[data-page="/players"] #rankings .section-copy > p:not(.eyebrow) { grid-column:1; margin-top:0; max-width:none; }
    body[data-page="/players"] #rankings .section-copy > p:nth-of-type(2) { grid-row:3; }
    body[data-page="/players"] #rankings .section-copy > p:nth-of-type(3) { grid-row:4; }
    body[data-page="/players"] #rankings .section-copy > .actions { grid-column:1; grid-row:5; margin-top:8px; }
    body[data-page="/players"] #rankings .pl-ppi-grid > .v7-ppi-chart { grid-column:2; grid-row:3 / 6; align-self:center; position:relative; z-index:2; }
    body[data-page="/players"] #rankings .pl-ppi-grid > .v7-ppi-motto { grid-column:3; grid-row:3 / 6; align-self:center; margin:0; }
  }
}

/* Tablet and phone: copy and chart stack on the same content edge. */
@media (max-width:900px) {
  body[data-page="/players"] #rankings .pl-ppi-grid { grid-template-columns:minmax(0,1fr) !important; gap:24px 0 !important; }
  body[data-page="/players"] #rankings .pl-ppi-grid > .section-copy { grid-column:1; grid-row:1; padding:0 !important; }
  body[data-page="/players"] #rankings .pl-ppi-grid > .v7-ppi-chart { grid-column:1; grid-row:2; }
}
/* Keep the chart caption on the bars' left edge in every browser (an older rule centres block children where supported). */
body[data-page="/players"] #rankings .v7-ppi-chart > small { justify-self:start; }