/* Builds index (/guides/builds/). Article bodies cannot carry classes (src/editorial.mjs allowlist), so each class section is
   found by its h2 id, which is the class id. Colours repeat .cls-<id> in content.css; crests are the same masked class SVGs. */
.builds-page h2#warrior,.builds-page h2#warrior+.table-wrap,.builds-page h2#warrior+p{--c:#C79C6E}.builds-page h2#warrior::before{-webkit-mask-image:url(/assets/classes/warrior.svg);mask-image:url(/assets/classes/warrior.svg)}
.builds-page h2#paladin,.builds-page h2#paladin+.table-wrap,.builds-page h2#paladin+p{--c:#F58CBA}.builds-page h2#paladin::before{-webkit-mask-image:url(/assets/classes/paladin.svg);mask-image:url(/assets/classes/paladin.svg)}
.builds-page h2#hunter,.builds-page h2#hunter+.table-wrap,.builds-page h2#hunter+p{--c:#ABD473}.builds-page h2#hunter::before{-webkit-mask-image:url(/assets/classes/hunter.svg);mask-image:url(/assets/classes/hunter.svg)}
.builds-page h2#rogue,.builds-page h2#rogue+.table-wrap,.builds-page h2#rogue+p{--c:#FFF569}.builds-page h2#rogue::before{-webkit-mask-image:url(/assets/classes/rogue.svg);mask-image:url(/assets/classes/rogue.svg)}
.builds-page h2#priest,.builds-page h2#priest+.table-wrap,.builds-page h2#priest+p{--c:#FFFFFF}.builds-page h2#priest::before{-webkit-mask-image:url(/assets/classes/priest.svg);mask-image:url(/assets/classes/priest.svg)}
.builds-page h2#shaman,.builds-page h2#shaman+.table-wrap,.builds-page h2#shaman+p{--c:#0070DE;--c-text:#4A9CF2}.builds-page h2#shaman::before{-webkit-mask-image:url(/assets/classes/shaman.svg);mask-image:url(/assets/classes/shaman.svg)}
.builds-page h2#mage,.builds-page h2#mage+.table-wrap,.builds-page h2#mage+p{--c:#69CCF0}.builds-page h2#mage::before{-webkit-mask-image:url(/assets/classes/mage.svg);mask-image:url(/assets/classes/mage.svg)}
.builds-page h2#warlock,.builds-page h2#warlock+.table-wrap,.builds-page h2#warlock+p{--c:#9482C9}.builds-page h2#warlock::before{-webkit-mask-image:url(/assets/classes/warlock.svg);mask-image:url(/assets/classes/warlock.svg)}
.builds-page h2#druid,.builds-page h2#druid+.table-wrap,.builds-page h2#druid+p{--c:#FF7D0A}.builds-page h2#druid::before{-webkit-mask-image:url(/assets/classes/druid.svg);mask-image:url(/assets/classes/druid.svg)}
.builds-page .article-body h2:is(#warrior,#paladin,#hunter,#rogue,#priest,#shaman,#mage,#warlock,#druid){display:flex;align-items:center;gap:14px;margin-top:52px;padding-top:26px;border-top:1px solid color-mix(in srgb,var(--c) 40%,var(--line))}
.builds-page .article-body h2:is(#warrior,#paladin,#hunter,#rogue,#priest,#shaman,#mage,#warlock,#druid)::before{content:"";flex:none;width:34px;height:34px;background:var(--c);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}
.builds-page .article-body .table-wrap table{table-layout:fixed;width:100%}.builds-page .article-body .table-wrap thead th:first-child{width:46%}.builds-page .article-body .table-wrap thead th:nth-child(2){width:30%}
.builds-page .article-body .table-wrap th[scope=row] a{color:var(--c-text,var(--c));font-weight:600;text-underline-offset:3px}
.builds-page .article-body .table-wrap td:last-child{font-variant-numeric:tabular-nums}
.builds-page .article-body h2+p{color:var(--muted)}.builds-page .article-body h2+p a{color:var(--c-text,var(--c))}
@media(max-width:600px){.builds-page .article-body .table-wrap table,.builds-page .article-body .table-wrap tbody,.builds-page .article-body .table-wrap tr,.builds-page .article-body .table-wrap th,.builds-page .article-body .table-wrap td{display:block;width:auto}.builds-page .article-body .table-wrap thead{display:none}.builds-page .article-body .table-wrap caption{display:block;width:auto;text-align:left}.builds-page .article-body .table-wrap tr{padding:14px 0;border-bottom:1px solid var(--line)}.builds-page .article-body .table-wrap tbody th,.builds-page .article-body .table-wrap td{padding:3px 0;border:0}.builds-page .article-body .table-wrap td{color:var(--muted);font-size:14px}.builds-page .article-body h2:is(#warrior,#paladin,#hunter,#rogue,#priest,#shaman,#mage,#warlock,#druid){margin-top:40px;padding-top:20px}.builds-page .article-body h2:is(#warrior,#paladin,#hunter,#rogue,#priest,#shaman,#mage,#warlock,#druid)::before{width:28px;height:28px}}