#real-player-comparables { scroll-margin-top:100px; }
.comparable-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:16px 0; }
.comparable-player { border-top:1px solid var(--border); padding-top:18px; }
.comparable-card { min-width:0; padding:22px; border:1px solid var(--border); border-radius:16px; background:linear-gradient(145deg,#1a241d,#0c110f); }
.comparable-card h4 { margin:14px 0 6px; font-size:1.2rem; }
.comparable-gap { display:block; margin-top:20px; color:var(--s1); font-size:2rem; font-variant-numeric:tabular-nums; }
.comparable-card summary { cursor:pointer; padding:12px 0; }
.comparable-card details { overflow:auto; }
@media(max-width:760px) { .comparable-grid { grid-template-columns:1fr; } }
.comparable-bars { display:grid; gap:12px; margin:20px 0; font-size:.75rem; }
.comparable-track { display:grid; gap:3px; margin-top:5px; }
.comparable-track i,.comparable-track b { display:block; height:5px; border-radius:3px; background:var(--s1); min-width:1px; }
.comparable-track b { background:#819487; }
.comparable-attribution { display:flex; flex-wrap:wrap; align-items:center; gap:16px; font-size:.8rem; color:var(--muted); }
.comparable-attribution img { object-fit:contain; background:white; padding:5px; border-radius:5px; }
.comparable-portrait { aspect-ratio: 4 / 3; margin:18px -4px 12px; display:grid; place-items:center; overflow:hidden; background:radial-gradient(ellipse,#2b3c2e,#101813); border-radius:12px; color:#b9d392; font-size:2rem; }
.comparable-portrait img { display:block; width:100%; height:100%; object-fit:cover; object-position:50% 20%; }
.comparable-portrait img[hidden] { display:none; }
.comparable-reason { color:var(--ink-2); font-size:.82rem; line-height:1.6; }
.photo-credit { display:block; color:var(--muted); margin-top:16px; font-size:.65rem; line-height:1.5; }
.real-comparison-controls { display:flex; flex-wrap:wrap; align-items:end; gap:16px; margin:22px 0 16px; }
.real-comparison-controls label { display:grid; gap:7px; color:var(--muted); font-size:.73rem; letter-spacing:.04em; }
.real-comparison-controls select { width:100%; min-width:180px; max-width:100%; min-height:42px; padding:8px 12px; border:1px solid var(--border); border-radius:10px; color:var(--ink); background:#111a15; font:inherit; font-size:.86rem; letter-spacing:0; }
.real-comparison-controls .card-toolbar-note { flex:1 1 220px; padding-bottom:8px; line-height:1.5; }
.comparison-coverage { margin-bottom:22px; }
.comparison-coverage > p { margin:8px 0; }
.comparison-coverage summary { color:var(--ink-2); font-size:.78rem; cursor:pointer; }
.comparison-season-list { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:8px 24px; max-height:250px; overflow:auto; margin:14px 0; padding-left:20px; color:var(--muted); font-size:.78rem; line-height:1.5; }
.comparable-season { display:inline-block; flex-shrink:0; width:fit-content; border:1px solid #405141; border-radius:6px; padding:4px 8px; background:#202c22; color:#d6e6cd; font-size:.72rem; font-weight:600; font-variant-numeric:tabular-nums; }
.comparable-card.is-compared { border-color:#73894f; box-shadow:inset 0 1px 0 #b9d39216; }
.comparable-photo-fallback { display:grid; gap:10px; justify-items:center; text-align:center; }
.comparable-photo-fallback strong { font-size:2.7rem; font-weight:500; letter-spacing:.06em; }
.comparable-photo-fallback small { color:var(--muted); font-size:.75rem; font-weight:400; letter-spacing:0; }
.comparable-compare { width:100%; min-height:42px; white-space:normal; text-align:center; font-size:.8rem; }
.comparable-compare[aria-pressed='true'] { border-color:#73894f; color:var(--s1); }
.comparable-timeline-note { margin-top:16px; font-size:.74rem; }
.comparison-head-to-head { margin:22px 0; padding:24px; border:1px solid #405141; border-radius:16px; background:linear-gradient(125deg,#1b281c,#101813 70%); scroll-margin-top:110px; }
.comparison-matchup { display:flex; justify-content:space-between; align-items:start; gap:16px; }
.comparison-matchup h4 { margin:8px 0 0; color:var(--ink); font-size:clamp(1.1rem,2vw,1.45rem); line-height:1.4; overflow-wrap:anywhere; }
.comparison-matchup h4 span { color:var(--muted); font-size:.8em; font-weight:400; margin:0 5px; }
.comparison-table-wrap { max-width:100%; overflow:auto; margin:20px 0 14px; }
.comparison-head-table { width:100%; table-layout:fixed; }
.comparison-head-table th,.comparison-head-table td { white-space:normal; overflow-wrap:anywhere; font-variant-numeric:tabular-nums; line-height:1.5; vertical-align:top; }
.comparison-head-table thead th:first-child { width:36%; }
.comparison-head-table td { color:var(--ink); font-size:1rem; font-weight:600; }
.comparison-head-table td:nth-child(2) { color:var(--s1); }
.comparison-head-table small { display:block; color:var(--muted); margin-top:5px; font-size:.69rem; font-weight:400; text-transform:none; letter-spacing:0; }
@media(max-width:760px) {
  .real-comparison-controls label { flex:1 1 145px; min-width:0; }
  .real-comparison-controls select { min-width:0; }
  .comparison-head-to-head { padding:16px; }
  .comparison-matchup { flex-wrap:wrap; gap:10px; }
  .comparison-head-table th,.comparison-head-table td { padding:12px 6px; font-size:.77rem; }
  .comparison-head-table td { font-size:.88rem; }
  .comparison-head-table small { font-size:.62rem; }
}
.comparison-verdict { margin:22px 0; padding:26px; border:1px solid #71884c; border-radius:16px; background:radial-gradient(ellipse at 100% 0,#b9d39213,transparent 65%),linear-gradient(125deg,#202f1f,#101911 80%); }
.comparison-verdict-label { display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
.comparison-verdict-label .eyebrow { color:var(--s1); }
.comparison-verdict h4 { margin:14px 0 12px; font-size:clamp(1.45rem,2.6vw,2rem); line-height:1.25; font-weight:600; letter-spacing:-.02em; overflow-wrap:anywhere; }
.comparison-verdict-year,.comparison-verdict-join { color:#9ab387; font-weight:400; }
.comparison-verdict p { max-width:90ch; color:var(--ink-2); font-size:.85rem; line-height:1.7; }
.comparison-verdict .comparison-verdict-intro { font-size:.93rem; color:var(--ink); }
.comparison-verdict p strong { font-weight:600; color:var(--ink); }
.comparison-verdict-margin { border-top:1px solid #405141; padding-top:14px; margin-top:18px; }
.comparison-verdict small { display:block; max-width:100ch; color:var(--muted); font-size:.72rem; line-height:1.55; }
.comparison-close-call { border:1px solid #a58c55; border-radius:99px; padding:3px 8px; color:#dfc58c; font-size:.67rem; line-height:1.4; }
.comparable-card.is-best { border-color:#91ab66; background:radial-gradient(ellipse at 100% 0,#b9d39214,transparent 70%),linear-gradient(145deg,#202d1e,#0d140e); }
.comparable-card.is-best > .eyebrow { color:var(--s1); }
@media(max-width:760px) { .comparison-verdict { padding:18px; } }
.comparison-verdict-facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:20px 0; }
.comparison-verdict-facts > div { display:grid; align-content:start; gap:8px; padding:14px; border:1px solid #405141; border-radius:10px; }
.comparison-verdict-facts span { color:var(--ink-2); font-size:.75rem; line-height:1.5; }
.comparison-verdict-facts strong { color:var(--s1); font-size:1.05rem; font-weight:600; font-variant-numeric:tabular-nums; }
.comparison-verdict-facts .comparison-verdict-difference strong { color:#c4cbbf; }
@media(max-width:760px) { .comparison-verdict-facts { grid-template-columns:1fr; } }
.comparison-readiness { margin:22px 0; padding:20px; border:1px solid var(--border); border-radius:16px; background:#101813; }
.comparison-readiness-heading { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; margin-bottom:16px; }
.comparison-readiness-heading h4 { margin:0; font-size:1rem; }
.comparison-readiness-heading > span { color:var(--s1); font-size:.8rem; font-variant-numeric:tabular-nums; }
.comparison-readiness-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr)); gap:12px; }
.comparison-readiness-grid article { padding:16px; border:1px solid #344037; border-radius:12px; min-width:0; }
.comparison-readiness-grid article.is-ready { border-color:#6b8053; }
.comparison-readiness-grid article > div { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:baseline; gap:7px; }
.comparison-readiness-grid strong { overflow-wrap:anywhere; font-size:.9rem; }
.comparison-readiness-grid span { color:var(--muted); text-transform:capitalize; font-size:.7rem; }
.comparison-readiness-grid label { display:grid; gap:8px; margin-top:16px; color:var(--ink-2); font-size:.73rem; }
.comparison-readiness-grid progress { display:block; width:100%; height:6px; border:0; border-radius:5px; background:#29332b; accent-color:var(--s1); }
.comparison-readiness-grid progress::-webkit-progress-bar { background:#29332b; border-radius:5px; }
.comparison-readiness-grid progress::-webkit-progress-value { background:var(--s1); border-radius:5px; }
.comparison-readiness-grid progress::-moz-progress-bar { background:var(--s1); border-radius:5px; }
.comparison-readiness-grid p,.comparison-readiness-grid small { display:block; font-size:.75rem; line-height:1.55; color:var(--muted); }
.comparison-readiness-grid p { margin:12px 0 0; }
.comparison-readiness-grid small { margin-top:8px; }
.comparison-scope,.comparison-caution { padding:14px 16px; border-radius:10px; border:1px solid #405141; font-size:.8rem; line-height:1.6; color:var(--ink-2); }
.comparison-caution { border-color:#796e40; color:#dccc96; }
@media(max-width:760px) { .comparison-readiness { padding:16px; } }