/* The build choices sit at the right of the existing category controls. */
#studioTeams #sgNav{align-items:center!important}
#studioTeams .sg-build-presets{margin-left:auto;display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-end}
#studioTeams #sgNav .sg-build-presets button{padding:6px 9px!important;font-size:11px!important;line-height:1.4;white-space:nowrap;min-height:30px}
#studioTeams .sg-build-presets button[aria-pressed=true]{background:#e8d4a6!important;color:#112b3b!important;border-color:#e8d4a6}
#studioTeams .sg-variant-label{max-width:100%;font-size:10px!important;display:flex;align-items:center;gap:5px}
#studioTeams #sgVariant{max-width:min(240px,65vw);font:inherit;color:#e5d4ad;background:#142b3a;border:1px solid #a6b9c255;padding:5px}
#studioTeams .sg-rank-badge{display:block;color:#ecd5a0;font-size:10px;line-height:1.3}
#studioTeams .sg-profile-summary{padding:0 8px 5px;color:#c5d7df;font:400 10px/1.6 var(--studio-font,serif)}
#studioTeams .sg-build-caption{font-size:10px;color:#ecd5a0;margin:4px 0}
#studioTeams .sg-profile-summary summary{cursor:pointer;color:#e7d3aa}
#studioTeams .sg-profile-effects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:8px 0}
#studioTeams .sg-profile-effect{min-width:0;border-top:1px solid #cbd8dd33;padding-top:7px}
#studioTeams .sg-profile-effect ul{padding-left:14px;margin:5px 0;font-size:11px}
#studioTeams .sg-profile-total-note{font-size:9px;color:#bacbd3;margin:4px 0}
#studioTeams .sg-profile-effect p{font-size:10px;margin:4px 0}
#studioTeams .studio-effect-brief span{display:block}
#studioTeams .sg-build-presets button:focus-visible{outline:2px solid #f3e6c8;outline-offset:2px}
@media(max-width:560px){#studioTeams #sgNav{gap:5px!important}#studioTeams .sg-build-presets{width:100%;margin-top:2px}#studioTeams .sg-profile-effects{grid-template-columns:1fr}}
/* Short viewports keep four readable columns; allow vertical reading rather than shrinking the entire composition. */
@media(max-height:650px){
html body:is([data-studio-page=wutheringwave],[data-studio-page=endfield],[data-studio-page=zzz]) #studioTeams.studio-fit-team #sgContent{overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain}
html body:is([data-studio-page=wutheringwave],[data-studio-page=endfield],[data-studio-page=zzz]) #studioTeams.studio-fit-team .sg-unified{transform:none!important;width:100%!important}
html body:is([data-studio-page=wutheringwave],[data-studio-page=endfield],[data-studio-page=zzz]) #studioTeams .studio-team-cell.studio-team-character>img{height:74px!important}
}

.sg-equipment-name{font-size:11px;overflow-wrap:anywhere}.sg-profile-summary details{font-size:12px}.sg-profile-effect{padding:8px 0}.sg-profile-effect ul{padding-left:18px}.sg-build-presets{margin-left:auto!important}body[data-studio-page=endfield] .studio-team-cells{grid-template-columns:repeat(4,minmax(0,1fr))!important}

#studioTeams .studio-team-equipment .studio-item-open>img{max-height:48px!important}#studioTeams .studio-effect-brief{font-size:10px!important;line-height:1.35!important}#studioTeams .studio-team-cell h4{font-size:11px!important}#studioTeams .sg-equipment-name{font-size:10px!important}
