.class-selection-page .article-heading{position:relative;padding:0 0 32px}.class-selection-page .article-heading h1{max-width:1000px;font-size:clamp(34px,4vw,54px)}.class-selection-page .article-layout{grid-template-columns:190px minmax(0,1fr);gap:40px}.class-selection-page .article-body{max-width:none}.class-selection-page .article-deck{max-width:780px}.class-selection-page .article-body > div:first-child{padding:24px 28px;background:#20281c;border:1px solid #465139}.class-selection-page .article-body > div:first-child p{font-size:16px;color:#d5d9cc;line-height:1.8}.class-selection-page .article-body > div:first-child p+p{margin-top:12px}.class-selection-page .article-body > div:first-child strong{font-weight:500}#quick-picks + div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}#quick-picks + div > a{padding:21px 16px;display:flex;flex-direction:column;align-items:flex-start;text-decoration:none!important;border:1px solid var(--line);background:#1b2118}#quick-picks + div > a>.class-icon{width:32px;height:32px;border:0;border-radius:0;background:var(--c);margin-bottom:14px}#quick-picks + div > a strong{font:23px/1.3 Cinzel,Georgia,serif;color:var(--c)!important}#quick-picks + div > a>span:not(.class-icon){font-size:13px;color:var(--text);margin-top:7px}#quick-picks + div > a small{color:var(--gold);font-size:11px;margin-top:17px}#quick-picks + div > a:hover{background:#252d20;border-color:var(--c)}#tiers + p + .table-wrap{overflow:auto;margin:24px 0 30px;scrollbar-color:#746544 #20261a;scrollbar-width:thin}#tiers + p + .table-wrap:focus-visible{outline:2px solid var(--gold);outline-offset:4px}#tiers + p + .table-wrap table{min-width:660px;font-size:13px;table-layout:fixed}#tiers + p + .table-wrap table th,#tiers + p + .table-wrap table td{padding:19px 13px}#tiers + p + .table-wrap table th:first-child{width:20%}#tiers + p + .table-wrap table th:nth-child(2){width:26%}#tiers + p + .table-wrap table th:nth-child(3){width:32%}#tiers + p + .table-wrap table th:nth-child(4){width:22%}#tiers + p + .table-wrap table tbody th>a{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:15px;text-decoration:none}#tiers + p + .table-wrap table .class-icon{height:23px;width:23px;background:var(--c);border:0;border-radius:0;flex:none}#tiers + p + .table-wrap table tbody th>small{display:block;margin-top:8px;color:var(--muted);font-size:11px}#tiers + p + .table-wrap table td strong{font-weight:600;font-size:13px}#tiers + p + .table-wrap table td p{font-size:13px;margin-top:8px;line-height:1.65}#tiers + p + .table-wrap table td>a{display:block;font-size:12px;margin-bottom:12px}.rank-unavailable{display:block;color:var(--muted);font-size:12px}.rank-letter{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;font:18px Georgia,serif;border:1px solid #696747;color:var(--gold);background:#2f3021}.rank-a{background:#253326;border-color:#58724b;color:#bfd0ac}.rank-b{background:#252d36;border-color:#4e6375;color:#b9cad8}#tiers + p + .table-wrap table tr{scroll-margin-top:20px}#tiers + p + .table-wrap table tr:target{background:#2b3323}#current-builds + p + div > a{display:flex;align-items:center;gap:18px;padding:23px 0;border-bottom:1px solid var(--line);text-decoration:none!important}#current-builds + p + div > a>.class-icon{width:36px;height:36px;border:0;border-radius:0;background:var(--c);flex:none}#current-builds + p + div > a>div{flex:1;min-width:0}#current-builds + p + div > a h3{font:23px/1.35 Georgia,serif;color:var(--text)}#current-builds + p + div > a p{font-size:14px;margin-top:7px;line-height:1.65}#current-builds + p + div > a small{display:block;color:var(--muted);font-size:11px;margin-top:9px}#current-builds + p + div > a:hover h3{color:var(--gold)}#current-builds + p + div > a>span:last-child{color:var(--gold)}
@media(max-width:1000px){.class-selection-page .article-layout{grid-template-columns:155px minmax(0,1fr);gap:25px}#quick-picks + div{gap:8px}#quick-picks + div > a{padding:18px 12px}#quick-picks + div > a strong{font-size:20px}}
@media(max-width:850px){.class-selection-page .article-layout{grid-template-columns:1fr}.class-selection-page .article-toc{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px 18px;padding-bottom:18px}.class-selection-page .article-toc strong{flex-basis:100%}.class-selection-page .article-toc a{font-size:12px}.class-selection-page .article-body > div:first-child{padding:20px}.class-selection-page .article-body > div:first-child p{font-size:15px}#quick-picks + div > a{padding:16px 11px}#quick-picks + div > a strong{font-size:17px}#quick-picks + div > a>span:not(.class-icon){font-size:12px}#quick-picks + div > a small{font-size:10px}#current-builds + p + div > a{gap:13px}#current-builds + p + div > a h3{font-size:21px}#current-builds + p + div > a p{font-size:13px}#current-builds + p + div > a>.class-icon{width:28px;height:28px}.class-selection-page .article-heading h1{font-size:34px}}

#quick-picks + div > a{color:var(--text)}
#quick-picks + div > a[href="/wiki/paladin/"]{--c:#F58CBA}#quick-picks + div > a[href="/wiki/hunter/"]{--c:#ABD473}#quick-picks + div > a[href="/wiki/warrior/"]{--c:#C79C6E}
#tiers + p + .table-wrap tbody th>strong{display:inline-grid;place-items:center;width:28px;height:28px;border:1px solid #696747;background:#2f3021;color:var(--gold);font:18px Georgia,serif;margin-bottom:8px}
#tiers + p + .table-wrap tbody th>a{display:block;margin-top:0}#tiers + p + .table-wrap tbody th>small{display:block}
#quick-picks + div > a > small{display:block}#quick-picks + div > a{gap:8px}
@media(max-width:600px){
 #tiers + p + .table-wrap table{min-width:0;display:block}#tiers + p + .table-wrap caption{display:block;padding-bottom:18px}#tiers + p + .table-wrap thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 #tiers + p + .table-wrap tbody{display:block}#tiers + p + .table-wrap tr{display:block;border:1px solid var(--line);margin-bottom:16px;padding:18px;background:#181f15}
 #tiers + p + .table-wrap th,#tiers + p + .table-wrap td{display:block;width:auto;min-width:0;border:0;padding:0}
 #tiers + p + .table-wrap tbody th{margin-bottom:14px}#tiers + p + .table-wrap tbody th>strong{float:left;margin:1px 12px 0 0}#tiers + p + .table-wrap tbody th>a{font-size:18px}#tiers + p + .table-wrap tbody th>small{margin-top:3px}
 #tiers + p + .table-wrap td{font-size:14px;margin-top:15px}#tiers + p + .table-wrap td p{font-size:14px}#tiers + p + .table-wrap td:nth-child(3):before{content:'What to watch for';display:block;font-weight:600;color:var(--text);margin-bottom:5px}#tiers + p + .table-wrap td:last-child{padding-top:14px;border-top:1px solid var(--line)}#tiers + p + .table-wrap td>a{font-size:13px}
}

@media(max-width:600px){#tiers + p + .table-wrap table th,#tiers + p + .table-wrap table td{padding:0}#tiers + p + .table-wrap table th:first-child{width:auto}#tiers + p + .table-wrap tbody th>small{margin-left:40px}}