/* Extends the approved Warlock overview layout for the other Forever classes. */
.wow-class-overview .warlock-spec{background:#111522}
.wow-class-overview .warlock-spec::before{background-image:url('/images/games/world-of-warcraft/forever/classes.webp');background-position:center;background-size:cover;filter:hue-rotate(var(--class-hue,0deg)) saturate(1.1) brightness(.46)}
.wow-class-overview .warlock-spec::after{background:linear-gradient(180deg,#09101c66,#070c16aa 48%,#050912 92%)}
.wow-class--druid{--class-hue:75deg}.wow-class--hunter{--class-hue:45deg}.wow-class--mage{--class-hue:190deg}.wow-class--paladin{--class-hue:305deg}
.wow-class--priest{--class-hue:235deg}.wow-class--rogue{--class-hue:100deg}.wow-class--shaman{--class-hue:165deg}.wow-class--warrior{--class-hue:350deg}
.wow-class-overview .warlock-spec:focus-visible{outline:3px solid #a3a2ff;outline-offset:4px}
.wow-class-overview .warlock-spec-grid{margin-bottom:0}
.wow-class-overview .warlock-layout{margin-top:0}
.class-role-pills{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 8px}
.class-role-pills span{font-size:13px;font-weight:700;color:#e3defd;padding:8px 12px;border:1px solid #514d78;border-radius:999px;background:#24233d}
.class-race-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.class-race-grid>div{background:#171b2b;border:1px solid #373b56;border-radius:9px;padding:18px}
.class-race-grid h3{font-size:18px;margin:0 0 9px;color:#f1efff}
.class-race-grid p{margin:0!important;font-size:15px!important}
@media(max-width:580px){.class-race-grid{grid-template-columns:1fr}.wow-class-overview .warlock-spec{min-height:400px}}