/* Published Community Build matchups: reuse the champion-guide Counters/Synergies panels
   and their existing per-level color system, with three stored levels per group. */
.wrm2-cb-matchups-public-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start;min-width:0}
.wrm2-cb-matchups-public-grid[hidden]{display:none}
/* Public build tiers mirror the three traffic-light groups from the build creator. */
.wrm2-cb-matchups-public-grid>.wrm2-matchups-box[data-wrm2-matchups-type="threats"]{--wrm2-cc-level-3:var(--wrm2-red);--wrm2-cc-level-2:var(--wrm2-yellow);--wrm2-cc-level-1:var(--wrm2-mint)}
.wrm2-cb-matchups-public-grid>.wrm2-matchups-box[data-wrm2-matchups-type="synergies"]{--wrm2-cc-level-3:var(--wrm2-mint);--wrm2-cc-level-2:var(--wrm2-yellow);--wrm2-cc-level-1:var(--wrm2-red)}
.wrm2-cb-matchups-public-grid .wrm2-matchups-tab{border-bottom-width:3px}
.wrm2-cb-matchups-public-grid .wrm2-matchups-tab.is-selected{box-shadow:none}
.wrm2-cb-matchups-public-grid .wrm2-matchups-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
.wrm2-cb-matchups-public-grid .wrm2-matchups-panel[hidden]{display:none}
.wrm2-cb-matchups-published-list{display:grid;gap:7px}
.wrm2-cb-matchups-published-card{display:flex;align-items:center;gap:10px;min-width:0;padding:7px;border:1px solid var(--wrm2-line);background:var(--wrm2-panel)}
.wrm2-cb-matchups-published-card>img{flex:0 0 46px;width:46px;height:46px;object-fit:cover;border:1px solid var(--wrm2-line-strong)}
.wrm2-cb-matchups-published-card>div{min-width:0;overflow-wrap:anywhere}
.wrm2-cb-matchups-published-card strong{font:900 11px/1.4 var(--wrm2-font);color:var(--wrm2-text)}
.wrm2-cb-matchups-published-note{margin-top:3px;white-space:pre-wrap;color:var(--wrm2-muted);font:12px/1.6 var(--wrm2-font);overflow-wrap:anywhere}
.wrm2-cb-matchups-published-note :is(b,strong){font-weight:900}
.wrm2-cb-matchups-published-note :is(i,em){font-style:italic}
/* Only the shorter panel floats, and only while it fits the viewport. JS
   recalculates this on tab changes, card resize and viewport resize. */
@media(min-width:1281px){.wrm2-cb-matchups-public-grid>.wrm2-matchups-box.is-floating{position:sticky;top:80px;align-self:start}}
@media(max-width:1280px){.wrm2-cb-matchups-public-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:440px){.wrm2-cb-matchups-public-grid .wrm2-matchups-tab:nth-child(-n+2):not(.is-selected):not(:hover):not(:focus-visible){border-bottom:3px solid transparent}}