/* The event borrows its black, gold and arcane palette from the native compendium. */
body.rage-site:has(.news-event){--reading-heading:#f5dfad;--reading-text:#dfd9c8;--reading-muted:#b5b7a3;--reading-accent:#e9c77f;background-color:#080f11}
body.rage-site:has(.news-event) .site-header{background:linear-gradient(#142126,#080f13);border-bottom:1px solid #b18b46}
body.rage-site:has(.news-event) .site-art{position:fixed;inset:0;height:100vh;height:100svh;background-image:linear-gradient(90deg,#06101438,#06101455 34%,#06101455 72%,#06101438),linear-gradient(180deg,#07101333,#07101311 55%,#07101388),url('/db/assets/news/echo-azeroth/suramar-backdrop-v1.webp');background-size:cover;background-position:center;background-repeat:no-repeat;opacity:1;filter:none;mask-image:none;pointer-events:none}
body.rage-site:has(.news-event) .site-world-floor{opacity:.24;filter:hue-rotate(30deg) saturate(.6)}
body.rage-site:has(.news-event) .workspace-heading h1{font-family:Georgia,'Times New Roman',serif;font-weight:700;color:#f4dc9c;letter-spacing:.01em}
body.rage-site:has(.news-event) .context-navigation{background:linear-gradient(120deg,#142024f5,#0a1115f5);border:1px solid #94703d;box-shadow:inset 0 0 0 3px #060b0e,inset 0 0 0 4px #b4924b35}
body.rage-site:has(.news-event) .context-navigation :is(.context-title,.context-back){color:#dec085;border-color:#a282473d}
body.rage-site .news-event{position:relative;border:1px solid #c9a252;border-radius:3px;background:radial-gradient(ellipse at 0 0,#1e414133,transparent 55%),#0b1418;box-shadow:0 0 0 3px #060b0e,0 0 0 4px #8d6c3755,0 24px 60px #0006}
body.rage-site .news-event .news-editorial-cover{border-bottom:2px solid #bf974f;background:#070d10}
body.rage-site .news-event .news-announcement-facts{gap:12px;padding:24px 0;border-color:#94703d66}
body.rage-site .news-event .news-announcement-facts>div{padding:16px 18px;border:1px solid #a4864555;background:linear-gradient(135deg,#18313288,#0b151add);box-shadow:inset 0 0 0 2px #070d1066}
body.rage-site .news-event .news-announcement-facts span{color:#c3a86b;letter-spacing:.07em;text-transform:uppercase;font-size:10px}
body.rage-site .news-event .news-announcement-facts strong{font-family:Georgia,'Times New Roman',serif;color:#ffe2a2;font-size:clamp(18px,1.7vw,24px);line-height:1.4}
body.rage-site .news-event .news-announcement-facts small{color:#b9c5bc}
body.rage-site .news-event .news-editorial-lead{padding:24px 0;color:#e8ddc6;font-family:Georgia,'Times New Roman',serif;font-size:19px;line-height:1.8;max-width:72ch}
body.rage-site .news-event .news-contents{margin-top:0;margin-bottom:24px;padding:16px;border:1px solid #91744266;background:#071012}
body.rage-site .news-event .news-contents>span{font-size:10px;color:#a9bdac;letter-spacing:.1em}
body.rage-site .news-event .news-contents>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
body.rage-site .news-event .news-contents a{padding:7px 11px;min-height:36px;border:1px solid #9a7c424d;background:#132321;color:#e5ca8f;text-decoration:none;font-size:12px;line-height:1.5}
body.rage-site .news-event .news-contents a:hover{background:#233b32;border-color:#c0a05b;color:#fff0c8}
body.rage-site .news-event .news-editorial-sections{padding:0 0 8px;display:grid;gap:20px}
body.rage-site .news-event .event-chapter{padding:24px;border:1px solid #a083454d;border-radius:2px;background:linear-gradient(130deg,#16272ac9,#101b20ed);min-width:0;scroll-margin-top:24px}
body.rage-site .news-event .event-chapter h2{font-family:Georgia,'Times New Roman',serif;font-size:24px;line-height:1.35;color:#f2d99b;font-weight:700;letter-spacing:0;margin:0 0 16px;text-wrap:balance}
body.rage-site .news-event .event-chapter-copy{min-width:0}
body.rage-site .news-event .event-chapter :is(p,li){font-size:15px;line-height:1.85;color:#d7dbce}
body.rage-site .news-event .event-chapter li::marker{color:#7ac3a3}
body.rage-site .news-event .event-chapter-copy>:last-child{margin-bottom:0}
body.rage-site .news-event .event-chapter-media{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:24px;align-items:start}
body.rage-site .news-event .event-chapter-wide{grid-template-columns:minmax(0,1fr)}
body.rage-site .news-event .news-event-screenshot{margin:0;background:#060c0e;border:1px solid #aa884a88;box-shadow:0 0 0 3px #05090b}
body.rage-site .news-event .news-event-screenshot>a{padding:8px}
body.rage-site .news-event .news-event-screenshot img{max-height:720px;object-fit:contain}
body.rage-site .news-event .news-event-screenshot figcaption{background:#0a1318;color:#bdc6b9;border-color:#96733b66;font-size:12px;padding:12px 14px}
body.rage-site .news-event :is(.news-editorial-note,.news-editorial-notice){border-left:2px solid #82c3a3;background:#23413755;color:#e0dfc5;font-size:14px;line-height:1.8}
body.rage-site .news-event .news-editorial-notice{margin-top:16px}
body.rage-site .news-event .news-data-table{color:#d9dfd0}
body.rage-site .news-event .news-data-table caption{background:#12302b;color:#e8d29b}
body.rage-site .news-event .news-data-table thead th{background:#152a27;color:#d7b978}
body.rage-site .news-event .news-data-table :is(th,td){border-color:#977b414d}
/* Arcane feedback stays on hovered controls and never obscures the prose. */
body.rage-site .news-event .wow-lore{color:#c9b9ed;text-decoration:underline;text-decoration-style:dotted;text-decoration-color:#9980bb80;text-underline-offset:4px;cursor:help;border-radius:2px;transition:color .18s ease,text-shadow .18s ease,background-color .18s ease}
body.rage-site .news-event .wow-lore:is(:hover,:focus-visible){color:#f0dcff;background:#8460ba20;text-shadow:0 0 12px #b48cff88;outline:1px solid #bd9be15c;outline-offset:3px;text-decoration-style:solid}
body.rage-site .news-event .wow-hero-name.is-sticker-open{color:#f0d69b;text-shadow:0 0 14px #d6b06366}
.wow-hero-sticker{position:fixed;z-index:11000;display:flex;align-items:center;flex-direction:column;width:176px;gap:4px;pointer-events:auto;animation:wow-sticker-in .18s ease-out both;transform-origin:center bottom}
.wow-hero-sticker[hidden]{display:none}
.wow-hero-sticker img{display:block;width:176px;height:176px;object-fit:contain;filter:drop-shadow(0 5px 9px #000b) drop-shadow(0 0 10px #8f6cc744)}
.wow-hero-sticker>span{max-width:100%;padding:4px 12px;border:1px solid #c09d5d99;border-radius:3px;background:#0b1418f5;color:#f1d99c;box-shadow:0 3px 10px #0006;font-size:12px;line-height:1.5;text-align:center}
.wow-hero-sticker[data-hero=illidan] img{filter:drop-shadow(0 5px 9px #000b) drop-shadow(0 0 9px #79b64766)}
.wow-hero-sticker[data-hero=jaina] img{filter:drop-shadow(0 5px 9px #000b) drop-shadow(0 0 9px #659bd066)}
@keyframes wow-sticker-in{from{opacity:0;transform:translateY(9px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.wow-hero-sticker{animation:none}}
body.rage-site .news-event .event-chapter{transition:border-color .25s ease,box-shadow .25s ease}
body.rage-site .news-event .event-chapter:focus-within{border-color:#ae93ca88;box-shadow:inset 3px 0 #9872c355}
@media(hover:hover){
 body.rage-site .news-event .event-chapter:hover{border-color:#ae986966;box-shadow:inset 0 1px #c5a86433,0 0 24px #664fa016}
 body.rage-site .news-event .news-event-screenshot>a{transition:background-color .25s ease,box-shadow .25s ease}
 body.rage-site .news-event .news-event-screenshot>a:hover{background:#172a2f;box-shadow:inset 0 0 0 1px #b4a168,inset 0 0 24px #7c65c326}
 body.rage-site .news-event .news-contents a{position:relative;overflow:hidden;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}
 body.rage-site .news-event .news-contents a::after{content:'';position:absolute;pointer-events:none;inset:0;background:linear-gradient(110deg,transparent 20%,#b5f4de26 50%,transparent 80%);transform:translateX(-130%);transition:transform .55s ease}
 body.rage-site .news-event .news-contents a:hover{box-shadow:0 0 16px #65b99722,inset 0 -2px #95c9b2}
 body.rage-site .news-event .news-contents a:hover::after{transform:translateX(130%)}
}
@media(prefers-reduced-motion:reduce){body.rage-site .news-event :is(.wow-lore,.event-chapter,.news-event-screenshot>a,.news-contents a,.news-contents a::after){transition:none}}
@media(max-width:1100px){body.rage-site .news-event .event-chapter-media{grid-template-columns:minmax(0,1fr)}body.rage-site .news-event .event-chapter{padding:20px}}
@media(max-width:600px){
 body.rage-site:has(.news-event) .site-art{opacity:.7;background-position:center}
 body.rage-site .news-event>:not(.news-editorial-cover){margin-inline:16px}
 body.rage-site .news-event .news-announcement-facts{grid-template-columns:1fr;padding:16px 0;gap:8px}
 body.rage-site .news-event .news-announcement-facts>div{padding:12px 14px}
 body.rage-site .news-event .news-announcement-facts strong{margin:4px 0;font-size:20px}
 body.rage-site .news-event .news-editorial-lead{padding:8px 0 20px;font-size:17px}
 body.rage-site .news-event .news-contents{padding:12px;margin-bottom:16px}
 body.rage-site .news-event .news-contents>div{gap:6px}
 body.rage-site .news-event .news-contents a{padding:7px 9px}
 body.rage-site .news-event .news-editorial-sections{gap:16px}
 body.rage-site .news-event .event-chapter{padding:16px;gap:20px}
 body.rage-site .news-event .event-chapter h2{font-size:22px}
 body.rage-site .news-event .event-chapter :is(p,li){font-size:14px;line-height:1.8}
 body.rage-site .news-event .news-data-table :is(th,td){min-width:95px;padding:12px}
}