/* WoW-specific second-level navigation and version-first information layout.
   The global QuestBase header, typography, search and footer stay shared. */
.wow-page{--max:1380px;background:radial-gradient(circle at 58% -8%,rgba(56,105,177,.12),transparent 27%),#0a0d12}
.wow-page main.wrap{padding-top:18px}
.wow-hub{--wow-line:#26313f;--wow-panel:#101720;--wow-blue:#8bc5ff;--wow-gold:#d5ad59;--wow-purple:#aa85ff;min-width:0;color:#f5f7fa}
.wow-hub a{color:inherit}
.wow-hub .breadcrumbs{margin:0 0 14px}
.wow-version-nav{background:#0d1118;border:1px solid var(--wow-line);border-radius:12px;overflow:hidden}
.wow-version-row{display:flex;align-items:stretch;min-height:49px;overflow-x:auto;scrollbar-width:none}
.wow-version-row::-webkit-scrollbar{display:none}
.wow-version-btn{flex:none;appearance:none;border:0;border-right:1px solid rgba(255,255,255,.07);background:transparent;color:#94a2b1;padding:0 17px;min-height:49px;cursor:pointer;white-space:nowrap;font-size:11px;font-weight:800;position:relative}
.wow-version-btn:hover{color:#fff;background:#151d28}
.wow-version-btn.active{background:#151f2b;color:#fff}
.wow-version-btn.active::after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:2px;background:var(--wow-blue)}
.wow-version-btn[data-version="retail"].active::after{background:var(--wow-purple)}
.wow-version-btn[data-version*="classic"].active::after{background:var(--wow-gold)}
.wow-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:24px;padding:22px 0 25px}
.wow-sidebar{position:sticky;top:85px;align-self:start;max-height:calc(100vh - 105px);overflow:auto;padding-right:3px}
.wow-side-group{border:1px solid var(--wow-line);border-radius:12px;overflow:hidden;background:#0f141c;margin:0 0 10px}
.wow-side-title{padding:13px 14px;margin:0;background:#141c27;color:#dce5ef;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.wow-side-heading{color:inherit!important;text-decoration:none}
.wow-side-heading:hover,.wow-side-heading:focus-visible{color:#fff!important}
.wow-side-links{padding:6px}
.wow-side-link{display:block;padding:9px;border-radius:7px;color:#8d9aaa!important;font-size:11px;line-height:1.3}
.wow-side-link:hover,.wow-side-link:focus-visible{background:#192638;color:#fff!important}
.wow-side-empty{font-size:10px;color:#718093;padding:4px 9px;margin:0}
.wow-main{min-width:0}
.wow-page-head{min-height:210px;position:relative;overflow:hidden;border:1px solid var(--wow-line);border-radius:14px;background:radial-gradient(circle at 92% 8%,rgba(75,138,222,.16),transparent 27%),linear-gradient(135deg,#121923,#0e131a)}
.wow-page-head-art{position:absolute;inset:0;background:url('/images/games/world-of-warcraft/hero.webp') center 44%/cover no-repeat;opacity:.12;pointer-events:none}
.wow-page-head::after{content:"";position:absolute;width:420px;height:420px;right:-140px;top:-240px;border-radius:50%;border:1px solid rgba(255,255,255,.035);box-shadow:0 0 0 50px rgba(255,255,255,.01),0 0 0 100px rgba(255,255,255,.007);pointer-events:none}
.wow-head-content{position:relative;z-index:1;padding:28px}
.wow-trail{display:flex;gap:8px;color:#748396;font-size:10px;margin-bottom:22px}
.wow-kicker{color:#7fbaff;font-size:10px;font-weight:800;letter-spacing:.14em}
.wow-page-head h1{font-family:"Space Grotesk","Manrope",sans-serif;font-size:clamp(29px,3.2vw,39px);line-height:1.08;letter-spacing:-.045em;margin:7px 0 9px}
.wow-page-head p{max-width:720px;color:#b0bfd0;font-size:12px;line-height:1.65;margin:0}
.wow-quick-links{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px}
.wow-quick{padding:8px 10px;border-radius:7px;border:1px solid #344456;background:#0d131c;color:#bbcad8!important;font-size:10px;font-weight:700}
.wow-quick:hover{color:white!important;border-color:#6687ac}
.wow-section{margin-top:30px;scroll-margin-top:85px}
.wow-section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:13px}
.wow-section-head h2{font-family:"Space Grotesk","Manrope",sans-serif;font-size:20px;letter-spacing:-.03em;margin:0}
.wow-section-head p{margin:3px 0 0;color:#8190a2;font-size:10px}
.wow-divider{height:1px;background:var(--wow-line);margin-bottom:14px}
.wow-class-grid,.wow-content-grid,.wow-tier-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.wow-class-card,.wow-content-card,.wow-tier-card,.wow-prof{min-width:0;border:1px solid var(--wow-line);border-radius:10px;background:#10161f}
.wow-class-card{padding:13px;scroll-margin-top:85px}
.wow-class-top{display:flex;align-items:center;gap:10px}
.wow-class-icon{flex:none;width:38px;height:38px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(135deg,#24364e,#111926);border:1px solid #31455f;color:#9cc9ff;font-size:11px;font-weight:800}
.wow-class-card h3{font-size:12px;margin:0}
.wow-class-status{font-size:9px;color:#78889a;margin:12px 0 0}
.wow-specs{display:flex;gap:5px;flex-wrap:wrap;margin-top:11px}
.wow-spec{padding:5px 7px;border-radius:5px;background:#0b1017;border:1px solid rgba(255,255,255,.06);color:#8b9bae;font-size:9px}
.wow-content-card{min-height:150px;display:flex;flex-direction:column;padding:15px;background:radial-gradient(circle at 95% 5%,rgba(96,167,255,.06),transparent 30%),#10151d;scroll-margin-top:85px}
.wow-content-link:hover{border-color:#4b6682}
.wow-card-label{font-size:9px;font-weight:800;letter-spacing:.12em;color:#83bdff}
.wow-content-card h3{font-size:13px;line-height:1.35;margin:8px 0 5px}
.wow-content-card p{color:#8d9eae;font-size:10px;line-height:1.55;margin:0}
.wow-card-foot{display:block;margin-top:auto;padding-top:15px;color:#91bce4;font-size:9px}
.wow-empty-card{grid-column:1/-1;min-height:86px;display:block;padding:19px}
.wow-empty-card strong{display:block;font-size:12px;color:#dae7f3}
.wow-empty-card p{font-size:10px;color:#8d9eae;line-height:1.5;margin:7px 0 0}
.wow-tier-card{display:flex;align-items:center;gap:12px;min-height:86px;padding:12px}
.wow-tier-badge{flex:none;width:42px;height:42px;border-radius:10px;display:grid;place-items:center;color:#0c1218;background:linear-gradient(135deg,#a5d2ff,#5faaff);font-weight:900}
.wow-tier-card strong{font-size:12px}
.wow-prof-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.wow-prof{min-height:76px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#a4b3c2;font-size:10px;text-align:center;padding:8px;scroll-margin-top:85px;overflow-wrap:anywhere}
.wow-prof-icon{width:28px;height:28px;border-radius:7px;border:1px solid #344456;background:#182330;display:grid;place-items:center;color:#91c3ff;font-size:9px;font-weight:800}
.wow-news-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:14px}
.wow-news-list,.wow-utility-box{border:1px solid var(--wow-line);border-radius:11px;background:#0f141c;overflow:hidden}
.wow-news-item{display:grid;grid-template-columns:70px minmax(0,1fr) auto;gap:13px;align-items:center;padding:11px;border-bottom:1px solid rgba(255,255,255,.07)}
.wow-news-item:last-child{border-bottom:0}
.wow-news-item:hover{background:#152031}
.wow-news-thumb{width:70px;height:52px;border-radius:7px;display:grid;place-items:center;background:linear-gradient(135deg,#173650,#1b2434);color:#b9d9ff;font:bold 23px Georgia,serif}
.wow-news-copy{min-width:0}
.wow-news-copy small{display:block;color:#7daee1;font-size:8px;letter-spacing:.05em}
.wow-news-copy strong{display:block;font-size:11px;line-height:1.4;margin-top:4px}
.wow-news-time{color:#8191a2;font-size:9px;white-space:nowrap}
.wow-news-empty{padding:20px;color:#b4c3d3;font-size:11px}
.wow-news-empty strong{display:block}
.wow-news-empty p{color:#8190a1;margin:7px 0 0;line-height:1.5}
.wow-utility-box{padding:15px}
.wow-utility-box h3{font-size:12px;margin:0 0 12px}
.wow-utility-link{display:block;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.07);color:#a7b9ca!important;font-size:10px}
.wow-utility-link:hover{color:white!important}
.wow-utility-note,.wow-source-note{font-size:10px;line-height:1.6;color:#79899a}
.wow-source-note{margin:30px 0 0}
@media(max-width:1150px){.wow-layout{grid-template-columns:220px minmax(0,1fr)}.wow-class-grid,.wow-content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wow-prof-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:820px){.wow-layout{grid-template-columns:minmax(0,1fr);padding-top:14px}.wow-sidebar{position:static;max-height:none;display:flex;gap:8px;overflow-x:auto;padding-bottom:3px}.wow-side-group{flex:none;width:auto;margin:0}.wow-side-title{padding:0}.wow-side-heading{display:block;white-space:nowrap;padding:13px 14px}.wow-side-links{display:none}.wow-news-layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:620px){.wow-page{--max:100%}.wow-page main.wrap{width:calc(100% - 22px)}.wow-version-btn{padding:0 12px;font-size:10px}.wow-head-content{padding:20px}.wow-page-head{min-height:190px}.wow-class-grid,.wow-content-grid,.wow-tier-grid{grid-template-columns:minmax(0,1fr)}.wow-prof-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.wow-news-item{grid-template-columns:54px minmax(0,1fr)}.wow-news-thumb{width:54px;height:50px}.wow-news-time{grid-column:2;margin-top:-6px}.wow-section-head h2{font-size:19px}}

/* Content Fill V1: Blizzard art and QuestBase line icons, with compact source cards. */
.wow-hub [hidden]{display:none!important}
.wow-version-btn small{font-size:8px;letter-spacing:.08em;color:#b7a878;margin-left:7px}
.wow-page-head{min-height:275px;display:flex;align-items:end;background:#101821}
.wow-page-head-art{opacity:.65;background-position:center 44%}
.wow-page-head::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(9,13,20,.97) 0%,rgba(9,13,20,.76) 48%,rgba(9,13,20,.21) 100%),linear-gradient(0deg,rgba(9,13,20,.56),transparent 65%);pointer-events:none}
.wow-page-head::after{display:none}
.wow-head-content{width:100%;padding:28px 30px 26px}
.wow-trail{margin-bottom:19px}
.wow-status{display:inline-flex;align-items:center;padding:4px 7px;margin-left:9px;border:1px solid #587190;border-radius:4px;background:rgba(15,26,40,.8);font-size:9px;font-weight:800;letter-spacing:.09em;color:#bedcff}
.wow-hub[data-active-version="retail"]{--wow-blue:#b9a0ff}
.wow-hub[data-active-version="retail"] .wow-status{border-color:#705d9d;color:#d9c9ff}
.wow-hub[data-active-version*="classic"]{--wow-blue:#e4bc76}
.wow-hub[data-active-version*="classic"] .wow-status{border-color:#927b55;color:#ead2a5}
.wow-page-head h1{font-size:clamp(31px,3.1vw,43px);margin:9px 0}
.wow-page-head p{font-size:12px;max-width:675px}
.wow-quick-links{margin-top:19px}
.wow-quick{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:6px 9px;background:rgba(12,20,31,.84);border-color:#40536a}
.wow-quick .wow-svg-icon{width:17px;height:17px;color:var(--wow-blue)}
.wow-quick .wow-svg-icon svg{width:17px;height:17px}
.wow-svg-icon{display:inline-grid;place-items:center;flex:none;width:24px;height:24px;color:var(--wow-blue)}
.wow-svg-icon svg{display:block}
.wow-anchor{display:block;position:relative;top:-90px;visibility:hidden}
.wow-class-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.wow-class-card{min-height:112px;padding:13px 14px}
.wow-class-icon{width:44px;height:44px;object-fit:cover;border-radius:8px;background:#1c2c3f}
.wow-class-card h3{font-size:13px}
.wow-class-role{display:block;margin-top:12px;font-size:10px;color:#d9e7f5}
.wow-class-details{font-size:10px;line-height:1.4;color:#8fa1b5;margin:5px 0 0}
.wow-content-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.wow-content-card{padding:0;overflow:hidden;display:flex;flex-direction:column;min-height:245px;transition:border-color .2s ease,transform .2s ease}
.wow-content-card:hover{transform:translateY(-2px);border-color:#6381a0}
.wow-card-image{width:100%;height:97px;object-fit:cover;object-position:center 42%;filter:saturate(.74) brightness(.78)}
.wow-card-body{display:flex;flex:1;flex-direction:column;padding:14px}
.wow-card-top{display:flex;align-items:center;gap:7px}
.wow-card-top .wow-svg-icon{width:20px;height:20px}
.wow-card-top .wow-svg-icon svg{width:20px;height:20px}
.wow-content-card h3{font-size:14px;line-height:1.34;margin:10px 0 6px}
.wow-content-card p{font-size:10px;line-height:1.5;color:#a6b4c3}
.wow-card-foot{display:flex;justify-content:space-between;align-items:center;gap:9px;padding-top:16px}
.wow-card-badge{display:inline-block;border:1px solid #50647c;border-radius:5px;padding:4px 6px;font-size:8px;font-weight:800;color:#c5d8eb;letter-spacing:.04em}
.wow-card-cta{font-size:9px;color:var(--wow-blue);white-space:nowrap}
.wow-prof-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
.wow-prof{min-height:85px}
.wow-prof .wow-svg-icon{color:#bdc8d3}
.wow-news-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;border:0;background:transparent;overflow:visible}
.wow-news-item{display:flex;flex-direction:column;align-items:stretch;gap:9px;min-height:142px;padding:14px;background:#10161f;border:1px solid var(--wow-line);border-radius:10px;color:inherit;text-align:left;font:inherit;width:100%;cursor:pointer}
.wow-news-item:last-child{border-bottom:1px solid var(--wow-line)}
.wow-news-item:hover{border-color:#55708d;background:#151d29}
.wow-news-copy small{font-size:8px;font-weight:800;color:var(--wow-blue)}
.wow-news-copy h3{font-size:12px;line-height:1.35;margin:6px 0}
.wow-news-copy p{font-size:10px;line-height:1.45;color:#91a1b2;margin:0}
.wow-news-foot{margin-top:auto;color:var(--wow-blue);font-size:9px}
.wow-source-note a{color:var(--wow-blue)}
.wow-side-links{max-height:278px;overflow:auto}
.wow-sidebar,.wow-side-links{scrollbar-width:thin;scrollbar-color:#34445a #101720}
.wow-sidebar::-webkit-scrollbar,.wow-side-links::-webkit-scrollbar{width:6px;height:6px}
.wow-sidebar::-webkit-scrollbar-thumb,.wow-side-links::-webkit-scrollbar-thumb{background:#34445a;border-radius:6px}
@media(min-width:1500px){.wow-class-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1150px){.wow-content-grid,.wow-news-list{grid-template-columns:repeat(2,minmax(0,1fr))}.wow-prof-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:820px){.wow-sidebar:not([hidden]){display:flex;scrollbar-width:none}.wow-sidebar::-webkit-scrollbar{display:none}.wow-side-links{display:none}.wow-page-head{min-height:255px}.wow-news-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.wow-page-head{min-height:265px}.wow-page-head::before{background:linear-gradient(0deg,rgba(9,13,20,.96),rgba(9,13,20,.54))}.wow-head-content{padding:20px}.wow-page-head h1{font-size:30px}.wow-class-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wow-class-card{min-height:120px;padding:11px}.wow-class-top{gap:7px}.wow-class-icon{width:38px;height:38px}.wow-class-details{font-size:9px}.wow-content-grid,.wow-news-list{grid-template-columns:1fr}.wow-prof-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.wow-content-card{min-height:0}.wow-card-image{height:132px}.wow-news-item{min-height:125px}}

/* Hub-only detail interactions. */
.wow-side-heading{width:100%;border:0;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center}
.wow-side-heading::after{content:'⌄';font-size:15px;color:#8bbce9;transition:transform .18s ease}
.wow-side-heading[aria-expanded=false]::after{transform:rotate(-90deg)}
.wow-side-group.is-active{border-color:#6088b0}
.wow-side-group.is-active .wow-side-title{background:#1a2c40;color:#f1f7ff}
.wow-side-group.is-active .wow-side-heading::after{color:#e8c579}
.wow-class-card,.wow-prof,.wow-content-card:is(button),.wow-system-card:is(button){appearance:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
.wow-class-card{display:block;width:100%;position:relative;text-decoration:none;transition:border-color .18s ease,background-color .18s ease}
.wow-class-card:hover,.wow-prof:hover,.wow-system-card:hover{border-color:#6c96bd;background:#142132}
.wow-class-card[aria-expanded=true],.wow-prof[aria-expanded=true],.wow-content-card[aria-expanded=true],.wow-system-card[aria-expanded=true]{border-color:#c5a669}
.wow-class-card .wow-view-label{position:absolute;right:13px;bottom:12px;color:#aad2fa;font-size:9px;font-weight:800;opacity:0;transition:opacity .18s ease}
.wow-class-card:hover .wow-view-label,.wow-class-card:focus-visible .wow-view-label{opacity:1}
.wow-class-name{font-size:13px;font-weight:800}
.wow-prof{width:100%;align-items:center;text-align:center}
.wow-content-card:is(button){width:100%}
.wow-hub button:focus-visible,.wow-hub a:focus-visible{outline:2px solid #8bc5ff;outline-offset:2px}
.wow-subsection-title{margin:0 0 10px;color:#a9c6e3;font-size:10px;letter-spacing:.13em}
#wow-system-group{margin-top:24px}
.wow-system-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.wow-system-card{min-width:0;min-height:104px;display:flex;flex-direction:column;gap:7px;padding:14px;border:1px solid var(--wow-line);border-radius:10px;background:#101720;text-decoration:none}
.wow-system-card strong{font-size:12px}
.wow-system-card>span:last-child{margin-top:auto;font-size:9px;color:var(--wow-blue)}
.wow-drawer-open{overflow:hidden}
.wow-drawer-overlay{position:fixed;inset:0;z-index:1100;background:rgba(2,8,16,.62);animation:wow-fade .18s ease}
.wow-detail-drawer{position:fixed;top:0;right:0;bottom:0;z-index:1101;width:min(456px,100vw);display:flex;flex-direction:column;background:#0d151f;border-left:1px solid #6087ad;box-shadow:-18px 0 46px rgba(0,0,0,.48);animation:wow-drawer-in .2s ease}
.wow-drawer-header{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 19px;border-bottom:1px solid #334a61;background:#111e2d}
#wow-drawer-heading{display:flex;align-items:center;gap:11px;min-width:0}
.wow-drawer-icon{width:46px;height:46px;object-fit:cover;border:1px solid #4b6887;border-radius:9px}
.wow-drawer-label{display:block;color:#9fc8ee;font-size:9px;font-weight:800;letter-spacing:.12em}
#wow-drawer-title{margin:3px 0 0;font:800 22px "Space Grotesk","Manrope",sans-serif;line-height:1.2}
.wow-drawer-close{flex:none;width:34px;height:34px;border:1px solid #435c76;border-radius:7px;background:#182a3e;color:#fff;cursor:pointer;font-size:23px;line-height:1}
.wow-drawer-close:hover{border-color:#d3b776}
.wow-drawer-scroll{min-height:0;overflow-y:auto;padding:8px 20px 24px;scrollbar-color:#47617a #0d151f}
.wow-drawer-block{padding:14px 0;border-bottom:1px solid #253649;scroll-margin-top:12px}
.wow-drawer-block:last-child{border:0}
.wow-drawer-block h3{margin:0 0 7px;color:#e7c687;font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.wow-drawer-block p,.wow-drawer-block li{margin:0;color:#c1cfdd;font-size:11px;line-height:1.65}
.wow-drawer-block ul{padding-left:18px;margin:0}
.wow-drawer-link{display:block;width:max-content;max-width:100%;margin-top:9px;color:#9fcfff!important;font-size:11px;font-weight:800;text-decoration:none}
.wow-drawer-link:hover{text-decoration:underline}
.wow-drawer-switches{display:flex;flex-wrap:wrap;gap:6px}
.wow-drawer-switches button,.wow-drawer-switches a{border:1px solid #405a75;border-radius:6px;background:#17283a;color:#bedbfa;padding:7px 8px;cursor:pointer;font:700 10px "Manrope",sans-serif;text-decoration:none}
.wow-nojs{margin:20px 0;padding:20px;border:1px solid #344a61;border-radius:10px;background:#111c29;color:#d5e4f1}
.wow-nojs h2{margin:0 0 8px}.wow-nojs p,.wow-nojs li{font-size:12px;line-height:1.6}.wow-nojs li{margin:10px 0}.wow-nojs a{color:#9dcaff}
@keyframes wow-drawer-in{from{transform:translateX(20px);opacity:.7}to{transform:translateX(0);opacity:1}}
@keyframes wow-fade{from{opacity:0}to{opacity:1}}
@media(max-width:1150px){.wow-system-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.wow-sidebar:not([hidden]){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.wow-side-group{width:auto}.wow-side-links:not([hidden]){display:block;max-height:145px}}
@media(max-width:620px){.wow-class-grid{grid-template-columns:1fr}.wow-prof-grid,.wow-system-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wow-class-card{min-height:100px}.wow-sidebar:not([hidden]){grid-template-columns:1fr}.wow-side-links:not([hidden]){max-height:105px}.wow-detail-drawer{top:auto;left:0;right:0;bottom:0;width:100%;max-height:92dvh;border-left:0;border-top:1px solid #7aa8d6;border-radius:16px 16px 0 0;animation:wow-sheet-in .2s ease}.wow-drawer-header{border-radius:16px 16px 0 0}}
@keyframes wow-sheet-in{from{transform:translateY(24px);opacity:.8}to{transform:translateY(0);opacity:1}}
@media(prefers-reduced-motion:reduce){.wow-detail-drawer,.wow-drawer-overlay{animation:none}.wow-class-card,.wow-prof,.wow-system-card{transition:none}}

/* Version selector: official version marks, readable labels and a Forever badge. */
.wow-version-row{min-height:66px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#3b5873 #0d1118}
.wow-version-row::-webkit-scrollbar{display:block;height:4px}
.wow-version-row::-webkit-scrollbar-thumb{background:#3b5873;border-radius:4px}
.wow-version-btn{display:flex;align-items:center;justify-content:center;gap:9px;min-height:66px;padding:0 14px;font-size:14px;font-weight:800;scroll-snap-align:start}
.wow-version-label{display:inline-block;line-height:1.15}
.wow-version-icon{flex:none;display:grid;place-items:center;width:44px;height:40px;overflow:hidden;border-radius:7px;background:#080b10}
.wow-version-icon img{display:block;width:100%;height:100%;object-fit:contain}
.wow-version-btn[data-version=forever]{position:relative;padding-top:9px}
.wow-version-new{position:absolute;top:4px;right:7px;display:flex;align-items:center;gap:3px;color:#ffcd8a;background:#321a12;border:1px solid #8a4128;border-radius:4px;padding:1px 4px;font-size:8px;line-height:1.2;font-weight:900;letter-spacing:.04em;pointer-events:none}
.wow-version-new svg{width:10px;height:12px;fill:#ff8a45}
.wow-version-btn.active .wow-version-icon{background:#263147;box-shadow:0 0 0 2px #ffffff10}
.wow-version-btn small{font-size:9px}
@media(max-width:620px){.wow-version-btn{min-height:62px;padding:0 12px;font-size:13px}.wow-version-icon{width:38px;height:35px}}

/* Class identity applies to every text label inside the class entry. */
.wow-class-card[data-class=druid]{--class-color:#ff7d0a}
.wow-class-card[data-class=hunter]{--class-color:#abd473}
.wow-class-card[data-class=mage]{--class-color:#69ccf0}
.wow-class-card[data-class=paladin]{--class-color:#f58cba}
.wow-class-card[data-class=priest]{--class-color:#fff}
.wow-class-card[data-class=rogue]{--class-color:#fff569}
/* Lift darker class tones for legible small text on these dark cards. */
.wow-class-card[data-class=shaman]{--class-color:#4a9fff}
.wow-class-card[data-class=warlock]{--class-color:#b29be3}
.wow-class-card[data-class=warrior]{--class-color:#c79c6e}
.wow-class-card[data-class=death-knight]{--class-color:#ed526b}
.wow-class-card[data-class=demon-hunter]{--class-color:#c27eff}
.wow-class-card[data-class=evoker]{--class-color:#5db9a6}
.wow-class-card[data-class=monk]{--class-color:#00ff98}
.wow-class-card .wow-class-name,.wow-class-card .wow-class-role,.wow-class-card .wow-class-details,.wow-class-card .wow-view-label{color:var(--class-color,#dce5ef)}

/* Six independent version hubs within the shared QuestBase layout. */
.wow-hub[data-active-version="classic"]{--wow-blue:#dfbb78;--hub-glow:rgba(211,162,86,.16)}
.wow-hub[data-active-version="tbc-classic"]{--wow-blue:#a5d779;--hub-glow:rgba(112,190,73,.17)}
.wow-hub[data-active-version="wotlk-classic"]{--wow-blue:#9bd9ee;--hub-glow:rgba(81,178,214,.16)}
.wow-hub[data-active-version="cata-classic"]{--wow-blue:#ec9d70;--hub-glow:rgba(226,104,54,.17)}
.wow-hub[data-active-version="mop-classic"]{--wow-blue:#9bd5aa;--hub-glow:rgba(98,176,112,.17)}
.wow-hub[data-active-version="retail"]{--hub-glow:rgba(139,105,221,.17)}
.wow-hub[data-active-version="classic"] .wow-page-head-art,
.wow-hub[data-active-version="wotlk-classic"] .wow-page-head-art,
.wow-hub[data-active-version="cata-classic"] .wow-page-head-art{background-size:auto 86%;background-position:93% center;background-repeat:no-repeat;opacity:.48}
.wow-hub[data-active-version="wotlk-classic"] .wow-page-head{background:radial-gradient(circle at 87% 40%,rgba(74,166,204,.25),transparent 42%),#101821}
.wow-hub[data-active-version="cata-classic"] .wow-page-head{background:radial-gradient(circle at 87% 40%,rgba(195,82,46,.29),transparent 42%),#171412}
.wow-hub-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.wow-hub-badges:empty{display:none}
.wow-hub-badges span{border:1px solid color-mix(in srgb,var(--wow-blue) 45%,#2b3a49);background:rgba(9,16,25,.78);color:var(--wow-blue);border-radius:4px;padding:5px 7px;font-size:9px;font-weight:900;letter-spacing:.07em}
.wow-hub-section,.wow-branch-section{scroll-margin-top:80px}
.wow-hub-grid,.wow-branch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.wow-hub-card{min-width:0;align-self:start;border:1px solid var(--wow-line);border-radius:10px;background:radial-gradient(circle at 100% 0,var(--hub-glow,rgba(70,125,190,.12)),transparent 52%),#10161f;overflow:hidden;scroll-margin-top:82px}
.wow-hub-card[open]{grid-column:span 2;border-color:var(--wow-blue)}
.wow-hub-card summary{list-style:none;min-height:148px;display:flex;flex-direction:column;padding:17px;cursor:pointer}
.wow-hub-card summary::-webkit-details-marker{display:none}
.wow-hub-card summary:hover{background:rgba(255,255,255,.025)}
.wow-hub-card-kicker{color:var(--wow-blue);font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.wow-hub-card strong{display:block;margin-top:11px;color:#eef3f8;font:800 16px/1.25 "Space Grotesk","Manrope",sans-serif}
.wow-hub-card-summary{display:block;margin-top:7px;color:#a8b8c8;font-size:11px;line-height:1.55}
.wow-hub-card-cta{display:block;margin-top:auto;padding-top:14px;color:var(--wow-blue);font-size:10px;font-weight:800}
.wow-hub-card-detail{border-top:1px solid #344355;padding:5px 17px 14px;background:rgba(5,11,18,.36)}
.wow-hub-card-detail p{color:#d2deea;font-size:12px;line-height:1.7;margin:12px 0}
.wow-branch-card{min-width:0;min-height:174px;border:1px solid var(--wow-line);border-radius:10px;padding:20px;text-align:left;color:#e8eff6;font:inherit;background:radial-gradient(circle at 100% 0,var(--hub-glow),transparent 60%),#101720;cursor:pointer}
.wow-branch-card[aria-pressed="true"],.wow-branch-card:hover{border-color:var(--wow-blue)}
.wow-branch-card span{display:block;color:var(--wow-blue);font-size:9px;font-weight:900;letter-spacing:.1em}
.wow-branch-card strong{display:block;margin-top:11px;font:800 19px "Space Grotesk","Manrope",sans-serif}
.wow-branch-card p{color:#aebdca;font-size:11px;line-height:1.55;min-height:52px}
.wow-branch-card small{color:var(--wow-blue);font-size:10px;font-weight:800}
.wow-class-era{display:block;color:var(--wow-blue);font-size:9px;font-weight:800;margin-top:6px}
.wow-prof{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:12px;min-height:130px}
.wow-prof strong{font-size:11px;color:#e9f1f8}
.wow-prof small{font-size:9px;color:var(--wow-blue);font-weight:800;text-transform:uppercase}
.wow-prof-function,.wow-prof-pair,.wow-prof-context{color:#a6b8c8;font-size:9px;line-height:1.4;text-align:left}
.wow-prof-context{color:var(--wow-blue)}
.wow-prof em{color:#e2c179;font-size:8px;font-style:normal;font-weight:900}
@media(min-width:1500px){.wow-hub-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1150px){.wow-hub-grid,.wow-branch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.wow-hub-grid,.wow-branch-grid{grid-template-columns:1fr}.wow-hub-card[open]{grid-column:auto}.wow-hub-card summary{min-height:128px}.wow-branch-card{min-height:0}.wow-hub-badges span{font-size:8px}.wow-prof{min-height:120px}}