/* The Warlock article uses a readable editorial layout; the global site header is shared. */
.wow-warlock:not(.wow-calculator-hold){--wl-line:#303248;--wl-muted:#c2c4d1;color:#f7f6fa;font-family:Arial,Helvetica,sans-serif;padding-bottom:70px}
.wow-warlock:not(.wow-calculator-hold) .breadcrumbs{font-size:13px;margin:7px 0 26px}
.wow-warlock:not(.wow-calculator-hold) .warlock-kicker{color:#b5a9ff;font-size:12px;letter-spacing:.13em}
.warlock-article-head{display:flex;align-items:center;gap:23px;padding:5px 0 28px;border-bottom:1px solid #35354b}
.warlock-article-head>img{flex:none;width:82px;height:82px;object-fit:cover;border-radius:50%;border:2px solid #8177ba;box-shadow:0 0 0 5px #1d1c34}
.warlock-article-head h1{font:700 clamp(32px,3.8vw,52px)/1.14 Arial,Helvetica,sans-serif;letter-spacing:-.025em;margin:7px 0 10px}
.warlock-article-head p{font-size:19px;line-height:1.55;color:#d1cedb;margin:0 0 10px}
.wow-warlock:not(.wow-calculator-hold) .warlock-verified{font-size:13px;color:#9799ad}
.warlock-intro{padding:34px 0 20px;scroll-margin-top:90px}
.warlock-intro h2,.warlock-spec-section h2{font:700 clamp(26px,2.7vw,36px)/1.18 Arial,Helvetica,sans-serif;letter-spacing:-.02em;margin:0 0 19px}
.warlock-intro p,.warlock-spec-section>p{font-size:18px;line-height:1.67;color:#d1d0dc;max-width:1100px;margin:0 0 18px}
.warlock-spec-section{scroll-margin-top:90px;margin:14px 0 45px}
.warlock-spec-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start;margin-top:26px;padding:26px;border:1px solid #303047;border-radius:23px;background:#12121c}
.warlock-spec{grid-column:auto;position:relative;isolation:isolate;display:flex;align-items:center;text-align:center;flex-direction:column;min-height:560px;padding:30px 25px 0;text-decoration:none;color:#fff;cursor:pointer;border:1px solid #5956a9;border-radius:7px;background:#08120f;overflow:hidden}
.warlock-spec::before{content:"";position:absolute;z-index:-2;inset:0;background:url('/images/games/world-of-warcraft/forever/warlock-class-scene.webp') center/cover no-repeat;filter:hue-rotate(102deg) saturate(1.55) brightness(.52)}
.warlock-spec::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(4,24,19,.25),rgba(2,12,10,.5) 45%,#020a08 91%)}
.warlock-spec--demonology::before{background-position:35% center;filter:hue-rotate(75deg) saturate(1.3) brightness(.44)}
.warlock-spec--demonology::after{background:linear-gradient(180deg,rgba(12,34,10,.28),rgba(5,19,6,.58) 48%,#030a02 91%)}
.warlock-spec--destruction::before{background-position:70% center;filter:saturate(1.5) brightness(.56)}
.warlock-spec--destruction::after{background:linear-gradient(180deg,rgba(56,24,6,.24),rgba(26,10,4,.52) 48%,#100904 91%)}
.warlock-spec:hover::before{transform:scale(1.04);transition:transform .25s ease}
.warlock-spec-icon{display:grid;place-items:center;width:88px;height:88px;border-radius:50%;background:#1b1a1c;border:4px solid #85837c;box-shadow:0 0 0 4px #302c22,0 8px 20px #0009;margin:0 0 35px}
.warlock-spec-icon img{width:70px;height:70px;object-fit:cover;border-radius:50%;image-rendering:auto}
.warlock-spec strong{font:700 clamp(27px,2.5vw,36px)/1.2 Arial,Helvetica,sans-serif;margin:0 0 5px;color:#fff}
.warlock-spec small{font-size:20px;color:#a1a2a9}
.warlock-spec p{font-size:20px;line-height:1.53;color:#fff;margin:44px 0 22px;max-width:330px;text-shadow:0 1px 4px #000}
.warlock-card-cta{display:grid;place-items:center;width:calc(100% + 50px);min-height:72px;margin:auto -25px 0;background:#5d59c9;color:#fff;font-size:20px;font-weight:800;text-transform:none;line-height:1.2;padding:12px}
.warlock-card-cta span{display:none}
.warlock-spec:hover .warlock-card-cta,.warlock-spec:focus-visible .warlock-card-cta{background:#6d68df}
.warlock-spec-detail{display:grid;grid-template-columns:1fr;gap:0;padding:0;background:#11111d;border-top:0}
.warlock-spec-detail>div{border:0;border-top:1px solid #383450;border-radius:0;background:transparent;padding:17px 18px}
.warlock-spec-detail h3{font-size:17px;color:#e3dcff;margin:0 0 8px}
.warlock-spec-detail p,.warlock-spec-detail a{font-size:15px;line-height:1.55;color:#c8c6d4}
.wow-warlock:not(.wow-calculator-hold) .warlock-subnav{display:none}
.wow-warlock:not(.wow-calculator-hold) .warlock-layout{grid-template-columns:225px minmax(0,1fr);gap:32px;border-top:1px solid #303047;padding-top:28px}
.wow-warlock:not(.wow-calculator-hold) .warlock-sidebar{top:90px;max-height:calc(100vh - 110px);border:0;border-radius:0;border-right:1px solid #35354a;background:transparent;padding:0 15px 0 0}
.wow-warlock:not(.wow-calculator-hold) .warlock-sidebar strong{font-size:12px;color:#b9b1ee;letter-spacing:.08em;margin:0 0 10px;padding:0}
.wow-warlock:not(.wow-calculator-hold) .warlock-sidebar strong:not(:first-child){margin:23px 0 10px;padding-top:17px}
.wow-warlock:not(.wow-calculator-hold) .warlock-sidebar a{font-size:14px;line-height:1.4;padding:8px 10px;color:#bdbdcb}
.wow-warlock:not(.wow-calculator-hold) .warlock-section{border:0;border-bottom:1px solid #303047;border-radius:0;background:transparent;padding:5px 0 32px;margin-bottom:34px;scroll-margin-top:88px}
.wow-warlock:not(.wow-calculator-hold) .warlock-section h2{font:700 clamp(26px,2.5vw,34px)/1.25 Arial,Helvetica,sans-serif;letter-spacing:-.015em;margin:8px 0 19px}
.wow-warlock:not(.wow-calculator-hold) .warlock-section>p,.wow-warlock:not(.wow-calculator-hold) .warlock-section li{font-size:17px;line-height:1.7;color:#cbcbd5;max-width:none}
.wow-warlock:not(.wow-calculator-hold) .warlock-section>p{margin-bottom:19px}
.wow-warlock:not(.wow-calculator-hold) .warlock-longform h3{font:700 clamp(22px,2.2vw,30px)/1.25 Arial,Helvetica,sans-serif;border-bottom:2px solid #48465c;padding:0 0 10px;margin:37px 0 19px;scroll-margin-top:90px}
.wow-warlock:not(.wow-calculator-hold) .warlock-longform h4{font:700 22px/1.3 Arial,Helvetica,sans-serif;color:#e7e2fa;margin:26px 0 11px}
.wow-warlock:not(.wow-calculator-hold) .warlock-longform p,.wow-warlock:not(.wow-calculator-hold) .warlock-longform li{font-size:18px;line-height:1.7;color:#d2d1dd}
.wow-warlock:not(.wow-calculator-hold) .warlock-longform li{margin:0 0 12px}
.wow-warlock:not(.wow-calculator-hold) .warlock-longform a{color:#c4baff;text-underline-offset:3px}
.warlock-video{max-width:1120px;margin:28px auto 36px}
.warlock-video-frame{position:relative;aspect-ratio:16/9;background:#080817;border:1px solid #333047;overflow:hidden}
.warlock-video-frame iframe{display:block;width:100%;height:100%;border:0}
.warlock-video figcaption{font-size:13px;line-height:1.6;color:#9999ac;margin:9px 0 0}
.warlock-table-scroll{width:100%;overflow-x:auto;margin:20px 0 32px}
.warlock-prose-table{width:100%;border-collapse:collapse;min-width:610px;text-align:left}
.warlock-prose-table th,.warlock-prose-table td{font-size:15px;line-height:1.5;padding:13px 15px;border-bottom:1px solid #39384b;vertical-align:top}
.warlock-prose-table thead th{color:#c2b9ff;background:#1b1a2a;font-size:13px;letter-spacing:.03em}
.warlock-prose-table tbody th{color:#fff;width:100px}
.warlock-prose-table td{color:#c8c7d2}
.warlock-legacy-list{columns:2;column-gap:30px;padding-left:22px}
.warlock-legacy-list li{break-inside:avoid}
.wow-warlock:not(.wow-calculator-hold) .warlock-mechanic-grid{grid-template-columns:1fr;gap:0}
.wow-warlock:not(.wow-calculator-hold) .warlock-mechanic{position:relative;border:0;border-top:1px solid #303047;border-radius:0;background:transparent;padding:20px 2px 20px 50px}
.wow-warlock:not(.wow-calculator-hold) .warlock-mechanic-icon{position:absolute;left:0;top:20px;width:34px;height:34px;background:#28234e;color:#c5bdff}
.wow-warlock:not(.wow-calculator-hold) .warlock-mechanic h3{font-size:22px;margin:2px 0 12px}
.wow-warlock:not(.wow-calculator-hold) .warlock-mechanic p{font-size:16px;line-height:1.65;color:#c5c5d1;margin:8px 0}
.wow-warlock:not(.wow-calculator-hold) .warlock-mechanic b{display:inline;color:#e1dff0;font-size:14px;letter-spacing:0;text-transform:none}
.wow-warlock:not(.wow-calculator-hold) .warlock-beta-note{border-top:0;padding-top:0}
.wow-warlock:not(.wow-calculator-hold) .warlock-change-list{gap:11px}
.wow-warlock:not(.wow-calculator-hold) .warlock-change{grid-template-columns:1fr 1fr 1fr;border:1px solid #38374e;background:#12131e;border-radius:7px;padding:20px}
.wow-warlock:not(.wow-calculator-hold) .warlock-change h3{grid-column:1/-1;font-size:21px;margin:0 0 2px}
.wow-warlock:not(.wow-calculator-hold) .warlock-change div span{font-size:11px;color:#b5a9ff}
.wow-warlock:not(.wow-calculator-hold) .warlock-change p{font-size:15px;line-height:1.55}
.wow-warlock:not(.wow-calculator-hold) .warlock-change small{font-size:11px}
.wow-warlock:not(.wow-calculator-hold) .warlock-talent-previews strong{font-size:19px}
.wow-warlock:not(.wow-calculator-hold) .warlock-talent-previews span,.wow-warlock:not(.wow-calculator-hold) .warlock-talent-previews small{font-size:14px;line-height:1.4}
.wow-warlock:not(.wow-calculator-hold) .warlock-cta{font-size:15px;background:#625bd0;color:#fff!important}
.wow-warlock:not(.wow-calculator-hold) .warlock-cta:hover{background:#746fe3}
.wow-warlock:not(.wow-calculator-hold) .warlock-race h3{font-size:17px}
.wow-warlock:not(.wow-calculator-hold) .warlock-race p{font-size:13px}
.wow-warlock:not(.wow-calculator-hold) .warlock-faq summary{font-size:17px}
.wow-warlock:not(.wow-calculator-hold) .warlock-faq p{font-size:16px}
.wow-warlock:not(.wow-calculator-hold) .warlock-related a,.wow-warlock:not(.wow-calculator-hold) .warlock-sources li{font-size:14px}
@media(max-width:1050px){.warlock-spec-grid{gap:15px;padding:18px}.warlock-spec{min-height:490px;padding:23px 18px 0}.warlock-spec-icon{width:72px;height:72px;margin-bottom:28px}.warlock-spec-icon img{width:58px;height:58px}.warlock-spec p{font-size:16px;margin-top:33px}.warlock-card-cta{width:calc(100% + 36px);margin-left:-18px;margin-right:-18px;font-size:16px;min-height:65px}.wow-warlock:not(.wow-calculator-hold) .warlock-layout{grid-template-columns:175px minmax(0,1fr);gap:23px}}
@media(max-width:760px){.warlock-article-head{gap:16px}.warlock-article-head>img{width:60px;height:60px}.warlock-article-head p{font-size:16px}.warlock-intro p,.warlock-spec-section>p{font-size:16px}.warlock-spec-grid{grid-template-columns:1fr;max-width:520px;margin-left:auto;margin-right:auto}.warlock-spec{min-height:470px}.warlock-spec p{font-size:18px}.wow-warlock:not(.wow-calculator-hold) .warlock-subnav{display:flex;position:static;margin:10px 0 18px}.wow-warlock:not(.wow-calculator-hold) .warlock-layout{display:block}.wow-warlock:not(.wow-calculator-hold) .warlock-sidebar{display:none}.wow-warlock:not(.wow-calculator-hold) .warlock-change{grid-template-columns:1fr}.wow-warlock:not(.wow-calculator-hold) .warlock-talent-previews{grid-template-columns:1fr}}
@media(max-width:500px){.warlock-article-head{align-items:flex-start}.warlock-article-head h1{font-size:30px}.warlock-article-head>img{width:50px;height:50px}.warlock-spec-grid{padding:10px;border-radius:14px}.warlock-spec{min-height:455px}.warlock-spec strong{font-size:30px}.warlock-spec small{font-size:18px}.wow-warlock:not(.wow-calculator-hold) .warlock-section{padding-left:0;padding-right:0}.wow-warlock:not(.wow-calculator-hold) .warlock-section>p,.wow-warlock:not(.wow-calculator-hold) .warlock-section li{font-size:16px}.warlock-legacy-list{columns:1}.wow-warlock:not(.wow-calculator-hold) .warlock-mechanic{padding-left:0}.wow-warlock:not(.wow-calculator-hold) .warlock-mechanic-icon{position:static;margin-bottom:9px}}