/* Owner: player-comparison. Base and state rules retain order; conditional blocks own responsiveness. */
.ap-comparison .ap-sport-widget__scope,.ap-comparison .ap-comparison__note { font-size: 12px; line-height: 1.6; color: #486174; margin: 8px 0 14px; }
.ap-comparison__players { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; margin: 20px 0; }
.ap-comparison__player { container-type: inline-size; min-width: 0; border: 1px solid #d6e1e8; border-radius: var(--ap-ui-radius,0px); padding: 16px; background: #fff; }
.ap-comparison .ap-comparison__identity h3 { font-family: inherit; font-size: 20px; font-weight: 800; line-height: 1.3; color: #04233a; margin: 0 0 12px; overflow-wrap: anywhere; }
.ap-comparison .ap-comparison__identity>p { font-size: 13px; line-height: 1.4; margin: 0 0 16px; }
.ap-comparison__portrait { float: right; margin: 0 0 12px 12px; width: 64px; height: 80px; border-radius: var(--ap-ui-radius,0px); object-fit: cover; object-position: center 20%; }
.ap-comparison .ap-comparison__ranks,.ap-comparison .ap-comparison__metrics { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin: 16px 0; clear: both; }
.ap-comparison .ap-comparison__metrics { grid-template-columns: repeat(3,minmax(0,1fr)); }
.ap-comparison__ranks>div,.ap-comparison__metrics>div { background: #f0f4f6; border-radius: var(--ap-ui-radius,0px); padding: 10px; min-width: 0; }
.ap-comparison :is(.ap-comparison__ranks,.ap-comparison__metrics) dt { font-size: 12px; line-height: 1.4; color: #486174; }
.ap-comparison :is(.ap-comparison__ranks,.ap-comparison__metrics) dd { font-size: 23px; font-weight: 800; line-height: 1.3; color: #04233a; margin: 6px 0 0; font-variant-numeric: tabular-nums; }
.ap-comparison .ap-comparison__players--h2h .ap-comparison__identity { text-align: center; }
.ap-comparison .ap-comparison__players--h2h .ap-comparison__portrait { float: none; margin: 0 auto 12px; display: block; }
.ap-comparison .ap-comparison__players--h2h .ap-comparison__metrics { grid-template-columns: minmax(0,1fr); }
.ap-comparison .ap-comparison__players--h2h .ap-comparison__metrics>div:first-child { background: #fff8de; }
.ap-comparison .ap-comparison__players--h2h [data-ap-h2h-metric=wins] { font-size: 38px; }
.ap-comparison .ap-sport-widget__compare-matches { margin-top: 16px; }
.ap-comparison :is(.ap-sport-widget__compare-matches,.ap-comparison__references)>summary { cursor: pointer; align-content: center; font-size: 14px; font-weight: 650; line-height: 1.5; color: #365568; }
.ap-comparison .ap-sport-widget__outcome { display: inline-block; font-size: 12px; font-weight: 750; padding: 5px 9px; border-radius: var(--ap-ui-radius,0px); margin: 10px 12px 0; }
.ap-comparison .ap-sport-widget__outcome--win { background: #e4f3ec; color: #176442; }
.ap-comparison .ap-sport-widget__outcome--loss { background: #fdebed; color: #a32734; }
.ap-comparison.ap-sport-widget--compact { padding: 16px; }
.ap-comparison.ap-sport-widget--compact .ap-recent__heading h2 { font-size: 22px; }
@container(max-width:600px) {
  .ap-comparison__players:not(.ap-comparison__players--h2h) { grid-template-columns: minmax(0,1fr); }
}
@container(max-width:340px) {
  .ap-comparison__players--h2h { gap: 10px; }
  .ap-comparison__players--h2h .ap-comparison__player { padding: 12px; }
  .ap-comparison__players--h2h .ap-comparison__identity h3 { font-size: 16px; }
}