/* Match and opponent readability; keep the landing design intact. */
.scout .hd{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:16px}
.scout .hd b.club-inline{display:flex!important;width:100%;min-width:0;font-size:clamp(26px,5vw,34px);line-height:1.15;overflow-wrap:anywhere;gap:8px}
.scout .hd .club-crest{flex-shrink:0;width:24px;height:26px}
.scout .hd small{display:block;font-size:15px;line-height:1.5}
.scout .bd{padding:16px;gap:18px 14px;font-size:16px;line-height:1.5}
.scout .bd>div{min-width:0;overflow-wrap:anywhere}
.scout .bd small{font-size:12px;line-height:1.5;letter-spacing:.045em;margin-bottom:4px}
.opponent-roster summary{font-size:16px;line-height:1.5;padding:16px;overflow-wrap:anywhere}
.opponent-roster summary span{float:none;display:block;margin-top:5px;font-size:15px}
.roster-pitch{height:580px;margin:8px 12px 20px}
.roster-pitch>div>span{font-size:14px;line-height:1.3;padding:4px 5px}
.roster-list>div{font-size:16px;line-height:1.45;padding:14px;min-width:0}
.roster-list>div>span:last-child{min-width:0;overflow-wrap:anywhere}
.roster-list small{font-size:13px;line-height:1.5}
.roster-list .chip{font-size:12px;padding:5px 7px;flex-shrink:0}
@media(max-width:600px){
 .scout .bd{grid-template-columns:repeat(2,minmax(0,1fr))}
 .path{display:flex;overflow-x:auto;gap:6px;padding-bottom:6px;scroll-snap-type:x proximity}
 .path .step{flex:0 0 72px;font-size:12px;line-height:1.4;padding:9px 5px;scroll-snap-align:start}
 .path .step b{font-size:18px}
 .roster-pitch{height:600px;margin-inline:8px}
 .roster-pitch>div{width:25%}
 .opponent-roster summary{padding:14px}
 .panel .eyebrow{font-size:13px;letter-spacing:.09em}
}
@media(max-width:360px){.scout .bd{grid-template-columns:1fr}.roster-pitch>div>span{font-size:13px}}