/* ═══════════════════════════════════════════════════════════════════════════
   THE PLAYER CARDS, TRIMMED (Billy, 2026-10-31, "build it all": the player-card
   boards, proposal 1). player-trim.js is the other half.

   Four pills in every sport, the same names for the same jobs, a pill left out
   when the sport has nothing for it:  projection · trust · where · results.
   The side column is gone: its figures sit in a "show the figures" fold inside
   projection and its notes are one "how to read this" at the foot.

   ⛔ LAYOUT ONLY. Nothing here draws a graphic: the shapes, rings, maps, dial and
   bars are the cards' own, moved and never redrawn.
   ═══════════════════════════════════════════════════════════════════════════ */

/* the small label over the name: which card this is, so no card is untitled */
.pt-eyebrow {
  font-family: var(--font-sans); font-size: 11px; font-weight: 700; line-height: 1.3;
  letter-spacing: .14em; text-transform: uppercase; color: var(--text-tertiary);
  margin: 0 0 10px;
}

/* the one plain sentence about the player, under the figures (Didot, upright, never a slogan) */
.pt-sum {
  font-family: var(--font-display); font-weight: 400; font-size: 1.42rem; line-height: 1.34;
  max-width: 36ch; margin: 20px 0 6px; color: var(--text-primary); text-wrap: pretty;
}
@media (max-width: 900px) { .pt-sum { font-size: 1.2rem; } }

/* a tab with no heading of its own opens on its caption, a step under the pills */
.pc-tabbed .pc-col > [data-tab] > .pc-sd:first-child { margin-top: 22px; }

/* ── "show the figures": what the side column held, folded inside projection ── */
.pt-fold { margin: 26px 0 0; }
.pt-fold > summary {
  display: inline-flex; align-items: center; min-height: 44px; padding: 0 20px; box-sizing: border-box;
  border: 1px solid var(--border); border-radius: 999px; background: transparent; cursor: pointer;
  font-family: var(--font-sans); font-size: 12.5px; font-weight: 600; line-height: 1.2;
  color: var(--text-secondary); list-style: none; user-select: none;
  transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
.pt-fold > summary::-webkit-details-marker { display: none; }
.pt-fold > summary::marker { content: ''; }
.pt-fold > summary:hover { border-color: var(--border-dashed); color: var(--text-primary); }
.pt-fold > summary:focus-visible { outline: 2px solid var(--gold); outline-offset: 2px; }
.pt-fold > summary .pt-hide { display: none; }
.pt-fold[open] > summary .pt-show { display: none; }
.pt-fold[open] > summary .pt-hide { display: inline; }
.pt-fold[open] > summary { border-color: var(--gold); background: var(--bg-inset); color: var(--gold); }
.pt-fold-body { padding: 8px 0 4px; max-width: 640px; }
.pt-fold-body > :first-child { margin-top: 18px; }
.pt-fold-body .pc-rl.gap { margin-top: 28px; }
.pt-fold-body .pc-note { margin: 22px 0 0; }

/* the bars a game, at the head of results */
.pt-bars { margin: 22px 0 0; max-width: 640px; }
.pt-bars > .pc-rl { margin: 0 0 6px; }

/* a forecast row reads lighter than a played one on the games and the weeks (as the old
   data-tab="games" and "weeks" rule in player-card.css, for their one results pill) */
.pc-col [data-tab="results"].pt-gl .pc-table tbody tr:not(.played):not(.bye) td {
  color: color-mix(in srgb, var(--text-tertiary) 72%, var(--bg-page));
}
.pc-col [data-tab="results"].pt-gl .pc-table tbody tr:not(.played):not(.bye) td.left { color: var(--text-tertiary); }

/* two blocks in one tab (the football card's chances, the tennis card's run and event): a clear step */
.pt-block + .pt-block { margin-top: 12px; }

/* NFL: the fantasy league's own block, last on the card, apart from the player's */
.pt-fantasy { margin-top: 38px; padding-top: 4px; border-top: 1px solid var(--border); }
.pt-fantasy > .pc-h { margin-top: 22px; }
.pt-fantasy .pc-rl.gap { margin-top: 28px; }

/* ── on a computer: projection and trust side by side ────────────────────────
   The pills are the same four. Open on projection, the trust section shows beside it when the
   card is wide enough for two columns (trust opens alone, full width, on its own pill). Narrower,
   one under the other is no use to anyone, so trust stays on its pill. The dial and its table keep
   their own rule (hold-dial.css: side by side only when their section is 820px or wider), which
   in half a card means the dial over its table. */
@media (min-width: 901px) {
  .pc-tabbed .pc-split { container: pttrim / inline-size; }
}
@container pttrim (min-width: 1000px) {
  .pc-tabbed[data-tab-open="projection"] .pc-col:has(> [data-tab="trust"]) {
    display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 48px; align-items: start;
  }
  .pc-tabbed[data-tab-open="projection"] .pc-col:has(> [data-tab="trust"]) > * { grid-column: 1 / -1; min-width: 0; }
  .pc-tabbed[data-tab-open="projection"] .pc-col:has(> [data-tab="trust"]) > [data-tab="projection"],
  .pc-tabbed[data-tab-open="projection"] .pc-col:has(> [data-tab="trust"]) > [data-tab="trust"] {
    grid-column: auto;
  }
  .pc-tabbed[data-tab-open="projection"] .pc-col > [data-tab="trust"].pc-off { display: block !important; }
}

/* the tennis court switch, first in the two tabs it changes (projection and where), a step under the pills */
.pc-tabbed .pc-col > [data-tab] > .ts-switch:first-child { margin-top: 22px; }