.champion-depth{margin-top:14px;color:#202939}
.champion-depth .panel{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:18px 20px;margin:16px 0;box-shadow:0 2px 5px #20293906}
.champion-depth .section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:8px}
.champion-depth h2{font:400 24px/1.2 Georgia,serif;margin:0}
.champion-depth h3{font:600 15px/1.4 system-ui,-apple-system,sans-serif;color:#31405a;margin:14px 0 8px}
.champion-depth .tag{display:inline-block;border:1px solid var(--line);border-radius:5px;padding:3px 8px;font-size:12px;color:#566174;white-space:nowrap}
.champion-depth p{margin:6px 0;font-size:15px;line-height:1.55}
.champion-depth .lead{color:#566174;font-size:14px;margin:0 0 10px}
.champion-depth nav.crumbs{font-size:14px;color:#b6c2d3;margin:18px 0 4px}
.champion-depth nav.crumbs a{color:#efc780;text-decoration:none}
.champion-depth nav.crumbs a:hover{text-decoration:underline}
.champion-depth a{color:#805200}
.champion-depth table.stat-table{border-collapse:collapse;width:100%;max-width:720px;margin-top:4px}
.champion-depth table.stat-table th,.champion-depth table.stat-table td{text-align:left;padding:8px 10px 8px 0;border-top:1px solid #e1e5ec;font-size:15px;vertical-align:middle}
.champion-depth table.stat-table thead th{border-top:0;font-size:12px;font-weight:650;letter-spacing:.6px;text-transform:uppercase;color:#566174}
.champion-depth table.stat-table th[scope=row]{font-weight:650;color:#31405a;width:92px}
.champion-depth .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.champion-depth td.rank{min-width:190px}
.champion-depth .bar{display:flex;align-items:center;gap:10px}
.champion-depth .bar i{flex:1;height:6px;border-radius:3px;background:#eef1f6;position:relative;overflow:hidden}
.champion-depth .bar i b{position:absolute;left:0;top:0;bottom:0;background:#c9ac75;border-radius:3px}
.champion-depth .bar i b.top{background:#166448}
.champion-depth .bar span{min-width:92px;font-size:14px;color:#31405a;text-align:right}
.champion-depth .muted{color:#566174}
.champion-depth .dash{color:#a9b2c0}
.champion-depth ul.plain{list-style:none;margin:0;padding:0}
.champion-depth ul.skills li{display:grid;grid-template-columns:72px 1fr;gap:4px 14px;padding:9px 0;border-top:1px solid #e1e5ec;font-size:15px;align-items:baseline}
.champion-depth ul.skills li .skill-text{display:block}
.champion-depth ul.skills li .skill-name,.champion-depth ul.skills li .skill-facts{display:inline}
.champion-depth ul.skills li:first-child{border-top:0}
.champion-depth .slot{font-size:12px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#805200}
.champion-depth .skill-name{font-weight:650;color:#202939}
.champion-depth .skill-facts{color:#566174;font-size:14px}
.champion-depth .chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:7px}
.champion-depth .chips li a,.champion-depth .chips li span{display:inline-block;background:#eef1f6;border:1px solid #d6dce7;border-radius:6px;padding:4px 10px;font-size:14px;line-height:1.5;color:#202939;text-decoration:none}
.champion-depth .chips li a:hover{border-color:#c9ac75;background:#fff5df}
.champion-depth .chips.debuffs li a,.champion-depth .chips.debuffs li span{background:#f6eeee;border-color:#e4d0d0}
.champion-depth .columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:4px 28px}
.champion-depth .cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.champion-depth .cards li{border:1px solid #e1e5ec;border-radius:8px;padding:10px 12px;background:#fbfcfe}
.champion-depth .cards a{font-weight:650;text-decoration:none;color:#202939;display:block}
.champion-depth .cards a:hover{color:#805200}
.champion-depth .cards .meta{font-size:12px;color:#566174;margin-top:2px}
.champion-depth .cards .nums{font-size:13px;color:#31405a;margin-top:6px;font-variant-numeric:tabular-nums}
.champion-depth .actions{margin-top:12px;font-size:14px}
.champion-depth .actions a{margin-right:14px}
.champion-depth .overlay{display:flex;gap:16px;align-items:flex-start}
.champion-depth .overlay .mark{flex:none;width:44px;height:44px;border-radius:9px;background:#101d35;color:#efc780;display:grid;place-items:center;font:700 20px Georgia,serif}
.champion-depth dl.faq{margin:0}
.champion-depth dl.faq dt{font-weight:650;color:#31405a;margin-top:12px;padding-top:12px;border-top:1px solid #e1e5ec}
.champion-depth dl.faq dt:first-child{border-top:0;padding-top:0;margin-top:0}
.champion-depth dl.faq dd{margin:4px 0 0;font-size:15px;line-height:1.55}
.champion-depth .note{font-size:13px;color:#b6c2d3;margin:14px 0 0}
@media(max-width:900px){.champion-depth .cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.champion-depth .panel{padding:14px}.champion-depth .cards{grid-template-columns:1fr}.champion-depth table.stat-table{display:block;overflow-x:auto}.champion-depth h2{font-size:21px}.champion-depth td.rank{min-width:0}.champion-depth .bar span{min-width:0}.champion-depth table.stat-table th[scope=row]{width:70px}.champion-depth ul.skills li{grid-template-columns:1fr}}