/* Shared team pages: compact identity, persistent tabs and readable squads. */
.public-design .team-hero .team-identity { flex-direction:row; flex-wrap:wrap; text-align:left; }
.public-design .team-hero .team-identity-copy { flex-basis:240px; }
.public-design .team-hero .team-identity > .shrink-0 img { width:88px; height:88px; padding:12px; border-radius:18px; box-shadow:0 8px 24px #0002; }
.public-design .team-hero h1 { margin-bottom:10px; }
.public-design .team-tabs { background:#0b2534; border-color:#274250; box-shadow:0 4px 12px #071b2910; }
.public-design .team-tabs nav { gap:24px; }
.public-design .team-tabs nav a { color:#b7cbd6; min-height:52px; display:flex; align-items:center; padding:12px 0; font-size:14px; font-weight:600; }
.public-design .team-tabs nav a[aria-current] { color:#55edb9; border-color:#35dba0; }
.public-design .team-tabs nav a:hover { color:white; }
.team-tabs a:focus-visible,.team-content a:focus-visible,.team-content summary:focus-visible { outline:3px solid #18aa7b; outline-offset:3px; }
.public-design .team-content { padding-top:28px; padding-bottom:48px; }
.team-content > .grid > div { min-width:0; }
.public-design .team-content :is(.bg-white.border,.top-performers-widget) { border-radius:14px; border-color:#dce6eb; box-shadow:0 3px 14px #142d3d04; }
.public-design .team-content :is(h2,h3) { letter-spacing:-.025em; }
.public-design .team-content h3.uppercase { text-transform:none; letter-spacing:0; font-size:15px; }
.public-design .team-content .border-l-4 { border-left-width:1px; }
.public-design .team-content form button[type=submit] { background:#087e60; border-radius:9px; min-height:44px; }
.public-design .team-content form button[type=submit]:hover { background:#08684f; }
.team-content select { border-radius:9px; }
.team-content .text-center.py-12 { background:linear-gradient(180deg,#f4f8fa,white); border-radius:0 0 14px 14px; padding-block:56px; }
.team-roster { display:grid; gap:0; }
.team-squad-row { display:grid; grid-template-columns:minmax(200px,1fr) minmax(260px,1fr); column-gap:20px; padding:18px 0; border-bottom:1px solid #e5ecef; }
.team-squad-row:first-child { padding-top:0; }
.team-squad-row:last-child { border-bottom:0; padding-bottom:0; }
.team-player-identity { display:flex; align-items:center; gap:13px; min-width:0; }
.team-player-photo { width:52px; height:52px; flex-shrink:0; border-radius:50%; overflow:hidden; background:#eff4f6; color:#a3b5bf; }
.team-player-photo img { width:100%; height:100%; object-fit:cover; }
.team-player-photo svg { width:100%; height:100%; padding:10px; }
.team-player-name { min-width:0; }
.team-player-name strong { display:block; font-size:15px; line-height:1.4; color:#112d3e; }
.team-player-identity:hover strong { color:#087e60; }
.team-player-name > span { display:block; font-size:12px; color:#657a87; margin-top:4px; }
.team-player-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; align-self:center; margin:0; text-align:center; }
.team-player-metrics dt { font-size:10px; color:#6c808d; overflow-wrap:anywhere; }
.team-player-metrics dd { margin:4px 0 0; color:#122e3f; font-size:19px; font-weight:750; font-variant-numeric:tabular-nums; }
.team-player-metrics > div:last-child dd { color:#087e60; }
.team-player-details { grid-column:1/-1; margin-top:12px; }
.team-player-details summary { cursor:pointer; width:fit-content; color:#557080; font-size:12px; list-style:none; }
.team-player-details summary::-webkit-details-marker { display:none; }
.team-player-details summary span { margin-left:8px; }
.team-player-details[open] summary { margin-bottom:12px; color:#087e60; }
.public-design .team-player-details .player-performance-card { background:#f6f9fa; box-shadow:none; }
@media(max-width:639px) {
 .public-design .team-hero .team-identity { gap:16px; flex-wrap:wrap; align-items:flex-start; }
 .public-design .team-hero .team-identity > .shrink-0 img { width:64px; height:64px; padding:8px; border-radius:13px; }
 .public-design .team-hero h1 { font-size:25px; overflow-wrap:anywhere; }
 .public-design .team-hero .team-identity-copy { flex-basis:0; }
 .public-design .team-hero .team-identity > .w-full { flex-basis:100%; }
 .public-design .team-tabs nav { gap:22px; }
 .public-design .team-tabs nav a { font-size:13px; min-height:48px; }
 .public-design .team-content { padding-top:20px; }
 .team-squad-row { grid-template-columns:1fr; padding-block:20px; }
 .team-player-metrics { margin-top:16px; padding:12px 6px; background:#f2f7f8; border-radius:10px; }
 .team-player-metrics dt { font-size:11px; }
 .team-player-details { margin-top:10px; }
 .team-content--show .truncate { white-space:normal; overflow:visible; }
 .team-content--fixtures .truncate { white-space:normal; overflow-wrap:anywhere; }
}

.public-design #main-content .team-tabs nav a[aria-current] { color:#55edb9; border-color:#35dba0; }
.public-design #main-content .team-content form button[type=submit] { background:#087e60; color:white; }
.team-content--statistics .grid > .text-center,.team-content--all-time .grid > .text-center { background:#f3f7f8; border-radius:12px; padding:18px 10px; }
.team-fixture-meta { flex-wrap:wrap; }
@media(max-width:639px) {
 .team-fixture-pair { display:grid; grid-template-columns:minmax(0,1fr) 68px; gap:10px; }
 .team-fixture-pair > :first-child { grid-column:1; grid-row:1; justify-content:flex-start; }
 .team-fixture-pair > :first-child img { order:-1; }
 .team-fixture-pair > :nth-child(2) { grid-column:2; grid-row:1/3; width:auto; }
 .team-fixture-pair > :last-child { grid-column:1; grid-row:2; }
}
/* Overview summary precedes detailed match and season history. */
.public-design .team-content--show .bg-slate-50.text-center { border-radius:12px; background:#f0f6f7; padding:18px 10px; }
.team-content--show .team-season-history { margin-top:24px; }