/* Mobile-first research workspace; shared branding lives in newspaper.css. */
.stats-page { line-height:1.5; --orange:#965027; }
.stats-page [hidden] { display:none!important; }
.stats-page main { padding-bottom:24px; }
.stats-page section { margin-bottom:0; padding-bottom:0; }
.stats-page .comparison { padding-top:0; }
.stats-page button,.stats-page input,.stats-page select { font:inherit; color:var(--ink); touch-action:manipulation; }
.stats-page button { min-height:44px; padding:8px 10px; border:1px solid var(--line); border-radius:4px; background:var(--surface); cursor:pointer; font-size:12px; }
.stats-page button:hover { border-color:var(--accent); }
.stats-page button:disabled { opacity:.45; cursor:default; }
.stats-page :is(button,a,input,select,summary,[tabindex]):focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
.stats-page input,.stats-page select { width:100%; min-width:0; min-height:44px; padding:8px; border:1px solid var(--line); border-radius:4px; background:var(--surface); font-size:16px; }
.stats-page label { display:flex; flex-direction:column; gap:5px; font-size:11px; color:var(--ink-soft); min-width:0; }
.stats-page h1 { font:400 22px/1.3 var(--font-body); letter-spacing:-.5px; }
.stats-page h2 { font:400 16px/1.4 var(--font-body); }
.stats-page h3 { font:400 15px/1.4 var(--font-body); }
.stats-page p { margin:0 0 10px; }
.stats-page .intro { display:block; padding:16px 0 12px; }
.deck { color:var(--ink-soft); font-size:12px; margin-top:4px!important; }
.sample-note,.muted { font-size:11px; line-height:1.6; color:var(--ink-soft); overflow-wrap:anywhere; }
.intro .sample-note { font-size:10px; margin-bottom:0; }
.workspace { border-top:2px solid var(--ink); padding-top:14px; }
.scope-controls,.compare-options { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.quick-range { display:grid; grid-template-columns:1fr 1fr; gap:6px; margin-top:10px; }
.stats-page .quick-range button { font-size:11px; flex:1 0 auto; padding-inline:8px; }
.lenses { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-bottom:1px solid var(--line); margin:16px 0; gap:0; }
.stats-page .lenses button { border:0; border-bottom:3px solid transparent; border-radius:0; padding:8px 2px; font-size:11px; background:transparent; }
.stats-page .lenses [aria-pressed=true] { color:var(--accent); border-bottom-color:var(--accent); }
.section-top { display:flex; align-items:center; justify-content:space-between; gap:8px; margin:10px 0; }
.section-top .eyebrow { display:none; }
.stats-page .text-button { background:transparent; border-color:transparent; font-size:11px; }
.pickers { display:grid; grid-template-columns:1fr; gap:16px; }
.picker { min-width:0; }
.picker>label { color:var(--ink); margin-bottom:6px; }
.selected-players { display:flex; flex-wrap:wrap; gap:5px; }
.stats-page .selected-player { background:var(--accent-soft); border-color:transparent; color:var(--ink); text-align:left; margin-bottom:6px; max-width:100%; white-space:normal; }
.selected-player span { margin-left:6px; }
.player-results { display:grid; }
.player-results:empty { display:none; }
.stats-page .player-results button { display:grid; grid-template-columns:1fr auto; text-align:left; gap:2px 8px; border-radius:0; border-top:0; padding:10px; }
.player-results strong { font-size:12px; font-weight:400; }
.player-results small { font-size:10px; grid-row:2; color:var(--ink-soft); }
.player-results span { grid-row:1/3; grid-column:2; align-self:center; font-size:10px; color:var(--accent); }
#selection-status:empty { display:none; }
#selection-status { margin-top:8px; }
.compare-options { margin:14px 0 10px; }
.compare-heading { display:grid; grid-template-columns:1fr 1fr; gap:16px; border-bottom:1px solid var(--ink); padding:10px 0; }
.compare-heading strong { font-size:12px; font-weight:400; overflow-wrap:anywhere; }
.compare-heading strong:last-child { text-align:right; }
.compare-row { display:grid; grid-template-columns:minmax(0,1fr) 100px minmax(0,1fr); align-items:center; gap:6px; padding:10px 0; border-bottom:1px solid var(--line); font-variant-numeric:tabular-nums; }
.compare-row strong { font-size:16px; font-weight:400; overflow-wrap:anywhere; }
.compare-row strong:last-child { text-align:right; }
.compare-row>span { text-align:center; font-size:10px; color:var(--ink-soft); }
.compare-row .better { color:var(--accent); font-weight:700; }
#compare-content>.sample-note { margin-top:10px; }
.empty-comparison { color:var(--ink-soft); padding:14px 0; font-size:12px; }
.line-tool { border-block:1px solid var(--line); margin:12px 0; }
.stats-page summary { min-height:44px; padding:12px 0; cursor:pointer; font-size:12px; }
.compare-threshold { max-width:300px; margin:0 0 12px; }
.compare-threshold input { max-width:150px; }
#line-results { font-size:12px; }
.share-actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.share-actions #share { grid-column:1/-1; background:var(--ink); color:var(--bg); border-color:var(--ink); }
#share-status { font-size:11px; color:var(--accent); margin-top:8px; }
#share-fallback { width:100%; min-height:130px; font:12px var(--font-body); }
.method { border-top:1px solid var(--line); margin-top:24px; font-size:11px; color:var(--ink-soft); }
.method summary span { float:right; }
.stats-page footer { display:flex; flex-wrap:wrap; gap:12px; justify-content:space-between; font-size:10px; color:var(--ink-soft); padding-block:18px; }
.skip,.sr-only { position:absolute; left:-10000px; }
.skip:focus { left:12px; top:12px; z-index:30; background:var(--surface); padding:12px; }
@media(min-width:700px) {
  .stats-page main { max-width:1056px; }
  .scope-controls { grid-template-columns:1fr 1.4fr 1fr 1fr; }
  .pickers { grid-template-columns:1fr 1fr; }
  .quick-range { display:flex; justify-content:flex-start; }
  .stats-page .quick-range button { flex:0 0 auto; }
  .lenses { max-width:500px; }
  .compare-options { max-width:440px; }
  .share-actions { display:flex; }
  .share-actions button { min-width:140px; }
  .compare-row { grid-template-columns:1fr 180px 1fr; }
}
@media(max-width:620px) {
  .stats-page .wrap { padding-inline:16px; }
  .stats-page .masthead-title { font-size:22px; }
}

/* Small, ID-matched portraits; initials remain when the image cannot load. */
.portrait { position:relative; display:inline-grid; place-items:center; flex:none; width:36px; height:36px; overflow:hidden; border-radius:50%; background:var(--surface-2); font-size:11px; vertical-align:middle; }
.portrait>span { margin:0; }
.portrait img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.stats-page .selected-player { display:inline-flex; align-items:center; gap:6px; }
.selected-player .portrait { width:28px; height:28px; }
.stats-page .player-results button { grid-template-columns:36px 1fr auto; }
.player-results .portrait { grid-column:1; grid-row:1/3; }
.player-results strong,.player-results small { grid-column:2; }
.player-results button>span:last-child { grid-column:3; }
.side-portraits { display:flex; gap:6px; margin-bottom:8px; }
.side-portraits .portrait { width:44px; height:44px; }
.compare-heading>div:last-child { text-align:right; }
.compare-heading>div:last-child .side-portraits { justify-content:flex-end; }