/* Nexus Lab 2 / P2b: the League item library, rune index, counters hub and the champion Skins tab. Loaded on those League pages only, after rift-lab-part1.css (the `rlx-*`
   library look of the Wild Rift item library). Green + black only; logical properties, so the /ar/ twin mirrors. */
/* a library card that is not a link (runes, counters) looks like the linked card of the Wild Rift library */
.rlx-card .nxlg-tile{display:flex;align-items:flex-start;gap:12px;block-size:100%;padding:12px;border:1px solid var(--rlx-line);border-radius:14px;background:var(--rlx-s1);color:inherit}
.rlx-card .nxlg-tile .rlx-body small{display:block;-webkit-line-clamp:unset;overflow:visible}
.rlx-ico--champions img{object-fit:cover}
@media (max-width:640px){.rlx-card .nxlg-tile{padding:10px;gap:10px}}
/* counters card: the champion, then up to three champions it struggles against with the reason */
.nxlg-tile--cnt .rlx-body{inline-size:100%}
.nxlg-cnt-h{margin:6px 0 0;font-size:12px;font-weight:700;color:var(--rlx-muted)}
.nxlg-cnt{display:flex;flex-direction:column;gap:8px;margin:2px 0 0;padding:0;list-style:none}
.nxlg-cnt li{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 8px}
.rlx-card .nxlg-cnt a{display:inline;block-size:auto;padding:0;border:0;background:none;color:var(--rlx-text);text-decoration:underline;text-decoration-color:rgba(69,248,130,.45);text-underline-offset:3px}
.rlx-card .nxlg-cnt a:hover{background:none;color:#eafff1;text-decoration-color:var(--rlx-accent)}
.nxlg-cnt span{color:var(--rlx-muted);font-size:13px;line-height:1.4}
.rlx-card .nxlg-more{display:inline-flex;align-items:center;block-size:auto;min-block-size:44px;margin-block-start:4px;padding:0;border:0;background:none;color:#bff8d3;font-size:13.5px;font-weight:600;text-decoration:none}
.rlx-card .nxlg-more:hover{background:none;text-decoration:underline}
/* the champion page Skins tab */
.nxlg-skins{display:flex;flex-direction:column;gap:14px;padding-block:6px}
.nxlg-skins h3{margin:0;font-size:clamp(19px,2.2vw,24px);color:var(--rlx-text,#f2f4f6)}
.nxlg-skins p{margin:0;max-inline-size:68ch;color:var(--rlx-muted,#a9b6ae);line-height:1.55}
.nxlg-skin-list{display:flex;flex-direction:column;border-block-start:1px solid var(--rlx-line,#1f2d25);margin:0;padding:0;list-style:none}
.nxlg-skin-list li{display:flex;align-items:center;justify-content:space-between;gap:16px;min-block-size:48px;padding-block:8px;border-block-end:1px solid var(--rlx-line,#1f2d25)}
.nxlg-skin-list b{color:var(--rlx-text,#f2f4f6);font-weight:650}
.nxlg-skin-list small{color:var(--rlx-muted,#a9b6ae);font-size:13px;white-space:nowrap}
.nxlg-skins-cta{align-self:flex-start;display:inline-flex;align-items:center;min-block-size:44px;padding-inline:18px;border:1px solid rgba(69,248,130,.5);border-radius:10px;background:#45f882;color:#04140a;font-weight:700;text-decoration:none}
.nxlg-skins-cta:hover{background:#6bff9c}
.nxlg-skins-more{color:var(--rlx-muted,#a9b6ae);font-size:13px}