/* Shared by home library and the six DLE champion category pages. Source: approved Stage 1.9. */
.wrm2-home-library{scroll-margin-top:90px}
.wrm2-library-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px}
.wrm2-library-head h2{font:900 clamp(22px,2.4vw,32px)/1.1 var(--wrm2-display);letter-spacing:-.028em}
.wrm2-library-head p{margin:8px 0 0;font-size:11px;color:var(--wrm2-muted)}
.wrm2-tablist{display:flex;overflow:auto;gap:0;border-bottom:1px solid var(--wrm2-line-strong);margin-bottom:20px;scrollbar-width:thin}
.wrm2-tablist :is(button,a){flex:0 0 auto;min-height:43px;padding:0 16px;border:0;border-bottom:2px solid transparent;color:var(--wrm2-muted);background:transparent;font:900 11px/1.2 var(--wrm2-font);letter-spacing:.07em;white-space:nowrap}
.wrm2-tablist :is(button,a):focus-visible{outline:2px solid var(--wrm2-mint);outline-offset:-3px}
.wrm2-tablist :is(button,a).is-selected{color:var(--wrm2-mint);border-bottom-color:var(--wrm2-mint);background:#1cfb8c0b}
.wrm2-champion-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:9px}
.wrm2-champion-card{min-width:0;background:var(--wrm2-panel);border:1px solid var(--wrm2-line);transition:border-color .15s,transform .15s}
.wrm2-champion-card:hover{border-color:var(--wrm2-mint);transform:translateY(-2px)}
.wrm2-champion-card>a{display:block;position:relative;overflow:hidden;color:var(--wrm2-text)!important}
.wrm2-champion-art{position:relative;aspect-ratio:1;overflow:hidden;background:#0c1212}
.wrm2-champion-art img{width:100%;height:100%;object-fit:cover;display:block}
.wrm2-champion-card--upcoming .wrm2-champion-art img{filter:grayscale(100%)}
.wrm2-champion-art>div{height:100%}
.wrm2-champion-name{display:block;padding:9px 23px 9px 9px;font:var(--wrm2-champion-link-type);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.wrm2-champion-arrow{position:absolute;bottom:7px;right:8px;color:var(--wrm2-mint);font-size:13px}
.wrm2-search-empty{padding:25px;border:1px solid var(--wrm2-line);color:var(--wrm2-muted);text-align:center}
.wrm2-patch-label{margin:24px 0 10px;font-size:12px;font-weight:900;letter-spacing:.1em}
.wrm2-buff{color:#2bff65}
.wrm2-nerf{color:#ff1c5c}
.wrm2-rework{color:#ffaa38}
.wrm2-ajust{color:#1cdeff}
/* Shared champion role icons for Home spotlight and Full Story. */
.wrm2-role-icons{display:inline-flex;align-items:center;gap:6px}
.wrm2-role-icon{width:28px;height:28px;object-fit:contain}
.wrm2-seo{margin-top:30px;color:var(--wrm2-muted);font-size:12px;line-height:1.9}
.wrm2-seo h2,.wrm2-seo h3{color:var(--wrm2-text);margin:1.5em 0 .6em}
@media(max-width:1450px){.wrm2-champion-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}
@media(max-width:1280px){.wrm2-champion-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:960px){.wrm2-champion-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:620px){.wrm2-library-head{display:block}.wrm2-champion-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}}
@media(prefers-reduced-motion:reduce){.wrm2-champion-card{transition:none}}
/* Shared Items / Home / Champion-category control bar: one layout, no per-page copies. */
.wrm2-library-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;min-width:0;margin-bottom:16px}
.wrm2-library-controls-tabs{flex:1 1 auto;min-width:0;margin:0}
.wrm2-library-controls-search{flex:0 1 335px;min-width:0;height:44px;gap:10px;padding:0 12px}
.wrm2-library-controls-search>img{width:17px;height:17px;flex:0 0 17px}
.wrm2-library-controls-search input[type=search]{font-size:12px;padding-left:0}
.wrm2-library-controls-search .wrm2-search-clear{flex:0 0 22px;width:22px;min-height:22px;padding:3px}
@media(max-width:900px){.wrm2-library-controls{align-items:stretch}.wrm2-library-controls-tabs{width:100%}.wrm2-library-controls-search{flex:1 1 100%;max-width:none}}
.wrm2-tablist a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.wrm2-champion-class-icon{display:block;flex:0 0 20px;width:20px;height:20px;margin-right:8px;object-fit:contain}
.wrm2-champion-class-icon--all{filter:brightness(0) saturate(100%) invert(79%) sepia(79%) saturate(594%) hue-rotate(83deg) brightness(105%) contrast(106%)}
.wrm2-champion-card:focus-within{border-color:var(--wrm2-mint)}