/* Reading and interaction layer. Native skill-board geometry is intentionally untouched. */
/* Original game cursor files retain their native R2 hotspots. WoW is event-only. */
body.rage-site{--game-cursor-normal:url('/db/assets/cursors/r2/normal.cur'),default;--game-cursor-link:url('/db/assets/cursors/r2/gui_act.cur'),pointer;--game-cursor-down:url('/db/assets/cursors/r2/item_pickup.cur'),pointer;--game-cursor-grab:url('/db/assets/cursors/r2/item_give.cur'),grab;--game-cursor-blocked:url('/db/assets/cursors/r2/dead.cur'),not-allowed;--game-cursor-help:url('/db/assets/cursors/r2/talk.cur'),help;--game-cursor-zoom:url('/db/assets/cursors/r2/target_refine.cur'),zoom-in;--game-cursor-wait:url('/db/assets/cursors/r2/target_refine.cur'),wait}
body.rage-site:has(.news-event){--game-cursor-normal:url('/db/assets/cursors/wow/Point.png') 0 0,default;--game-cursor-link:url('/db/assets/cursors/wow/Interact.png') 0 0,pointer;--game-cursor-down:url('/db/assets/cursors/wow/Cast.png') 0 0,pointer;--game-cursor-grab:url('/db/assets/cursors/wow/OPENHAND.png') 16 16,grab;--game-cursor-blocked:url('/db/assets/cursors/wow/UnableInteract.png') 0 0,not-allowed;--game-cursor-help:url('/db/assets/cursors/wow/Speak.png') 0 0,help;--game-cursor-zoom:url('/db/assets/cursors/wow/Inspect.png') 0 0,zoom-in;--game-cursor-wait:url('/db/assets/cursors/wow/Cast.png') 0 0,wait}
@media(any-pointer:fine){
 body.rage-site{cursor:var(--game-cursor-normal)!important}
 body.rage-site *{cursor:inherit!important}
 body.rage-site :is(a,button,summary,label[for],[role=button],select,input[type=checkbox],input[type=radio],input[type=range]){cursor:var(--game-cursor-link)!important}
 body.rage-site :is(.wow-lore,[data-tooltip]){cursor:var(--game-cursor-help)!important}
 body.rage-site .news-event-screenshot>a,body.rage-site .news-event-screenshot>a *{cursor:var(--game-cursor-zoom)!important}
 body.rage-site :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,[contenteditable=true]){cursor:var(--game-cursor-normal)!important}
 body.rage-site [draggable=true]{cursor:var(--game-cursor-grab)!important}
 body.rage-site:active,body.rage-site:active :is(*,[role=button]){cursor:var(--game-cursor-down)!important}
 body.rage-site [aria-busy=true],body.rage-site [aria-busy=true] *{cursor:var(--game-cursor-wait)!important}
 body.rage-site :is(:disabled,[aria-disabled=true]),body.rage-site :is(:disabled,[aria-disabled=true]) *,body.rage-site:active :is(:disabled,[aria-disabled=true]),body.rage-site:active :is(:disabled,[aria-disabled=true]) *{cursor:var(--game-cursor-blocked)!important}
}
body.rage-site{
 --reading-text:#d8cbbb;--reading-muted:#bbaa95;--reading-heading:#f1e5d2;
 --reading-accent:#e5c184;--reading-surface:#241b14;--reading-line:#c7a16a26;
 --text:var(--reading-text);--muted:var(--reading-muted);--ui-text:var(--reading-text);--ui-muted:var(--reading-muted);
 font-family:"Segoe UI",system-ui,-apple-system,"Noto Sans",Arial,sans-serif;
 font-size:.9375rem;font-weight:400;line-height:1.6;
}
body.rage-site ::selection{background:#b58b4666;color:#fff2da}
body.rage-site .workspace-heading h1{font-size:clamp(1.75rem,2.4vw,2.375rem);line-height:1.18;font-weight:650;letter-spacing:-.025em;color:var(--reading-heading);text-wrap:balance}
body.rage-site .workspace-heading p{font-size:.9375rem;line-height:1.75;font-weight:400;color:var(--reading-text);max-width:70ch}
body.rage-site .site-breadcrumb{font-size:.75rem;color:var(--reading-muted)}
body.rage-site .site-breadcrumb a{color:var(--reading-muted)}
body.rage-site .site-breadcrumb a:hover{color:var(--reading-accent)}
body.rage-site :is(.directory-card p,.realm-copy p,.news-feed-card-copy>p,.news-pinned-copy>p){font-size:.875rem;font-weight:400;line-height:1.75;color:var(--reading-text)}
body.rage-site .directory-card strong{font-size:1.375rem;line-height:1.3;font-weight:650;letter-spacing:-.02em;color:var(--reading-heading)}
body.rage-site :is(.news-feed-card-copy h2,.realm-copy h2){color:var(--reading-heading);text-wrap:balance}
body.rage-site :is(.context-title,.news-eyebrow,.realm-heading,.eyebrow){font-size:.6875rem;font-weight:600;letter-spacing:.1em}
body.rage-site :is(.context-links>a,.library-subnav>a,.library-navigation .category-link){font-size:.8125rem;font-weight:500;line-height:1.55}
body.rage-site :is(.catalog-item-cell small,.inspector-heading p,.catalog-bottom,.catalog-table th){font-size:.75rem;font-weight:400;color:var(--reading-muted);line-height:1.6}
body.rage-site .catalog-item-cell strong{font-weight:600;line-height:1.5}
body.rage-site :is(.inspector-stats,.catalog-combat){font-variant-numeric:tabular-nums}
body.rage-site :is(.chance-settings label,.chance-grade-control,.chance-item-list a,.journal-tabs a,.journal-card,.inspector-tabs>button){font-size:.8125rem;line-height:1.6}
body.rage-site .chance-settings label{color:var(--reading-muted);font-weight:400}
body.rage-site .chance-settings select{min-height:44px;padding:10px 12px;font-size:.875rem;font-weight:500;border-radius:4px;color:var(--reading-text)}
body.rage-site .chance-settings .chance-check{min-height:40px;cursor:pointer;gap:10px}
body.rage-site .chance-settings input[type=checkbox]{width:18px;height:18px;accent-color:#d8b77a}
body.rage-site :is(.chance-table-caption,.chance-table thead th){font-size:.8125rem;line-height:1.6;color:var(--reading-muted)}
body.rage-site :is(.chance-table tbody th,.chance-table td){font-size:.8125rem;line-height:1.6}
body.rage-site .chance-table td strong{font-size:1rem;font-weight:650;font-variant-numeric:tabular-nums}
body.rage-site .chance-table td small{font-size:.75rem;color:var(--reading-muted)}
body.rage-site :is(.journal-description,.journal-npcs,.inspector-description){font-size:.875rem;line-height:1.8;font-weight:400;color:var(--reading-text)}
body.rage-site :is(.catalog-table td,.chest-reward-item strong){font-size:.8125rem}
body.rage-site .chest-reward-item small{font-size:.75rem;color:var(--reading-muted);font-weight:400}

/* Prose has a readable measure; screenshots and banners keep the full article width. */
body.rage-site :is(.news-editorial-sections p,.news-editorial-sections li,.client-topic-body>ul,.news-article-content p,.chest-opening>p,.chest-pair-note){
 font-size:1rem;line-height:1.8;font-weight:400;color:var(--reading-text);
}
body.rage-site :is(.news-editorial-sections p,.news-editorial-sections>section>ul,.client-topic-body>ul,.news-article-content p){max-width:76ch}
body.rage-site :is(.news-editorial-lead,.client-feature-intro>p){font-size:1.125rem;font-weight:400;line-height:1.75;max-width:70ch;color:var(--reading-heading)}
body.rage-site :is(.news-editorial-sections h2,.client-feature-group>header h2,.news-section-title h2){font-size:1.5rem;line-height:1.35;font-weight:650;letter-spacing:-.015em;color:var(--reading-heading);text-wrap:balance}
body.rage-site :is(.news-editorial-sections p,.client-topic-body li){margin-block:0 12px}
body.rage-site .news-editorial-sections h2{margin-bottom:16px}
body.rage-site .news-editorial-sections section{padding-block:32px}
body.rage-site .news-editorial-sections li{padding-block:4px}
body.rage-site .post-key-fact{font-weight:650;color:#f1ddba}
body.rage-site :is(.news-editorial-notice,.news-editorial-sections .news-editorial-note,.client-feature-note p,.news-preliminary p){font-size:.875rem;line-height:1.8;font-weight:400;color:var(--reading-text)}
body.rage-site .news-editorial-sections .news-editorial-note{padding:18px 20px;margin-top:20px}
body.rage-site :is(.news-story-meta time,.news-feed-card time,.news-tag,.news-preliminary>span){font-size:.75rem}
body.rage-site :is(.news-story-meta time,.news-feed-card time){color:var(--reading-muted)}
body.rage-site .news-story-meta{gap:12px}
body.rage-site .news-tag{display:inline-flex;align-items:center;min-height:28px;padding:4px 9px;line-height:1.4;font-weight:600;border-radius:4px}
body.rage-site .news-tag-update{color:#efd49c}
body.rage-site .news-tag-information{color:#b8d1dd}
body.rage-site .news-tag-important{color:#f2bc9f}
body.rage-site .news-guide-links small{font-size:.8125rem;line-height:1.6;color:var(--reading-muted)}
body.rage-site .news-guide-links strong{font-size:.875rem}
body.rage-site .news-guide-links>a>.nav-icon{width:36px;height:36px;min-width:36px;flex:0 0 36px}
body.rage-site .client-topic h3{font-size:1.0625rem;font-weight:600;line-height:1.5}
body.rage-site :is(.client-topic-label>span,.client-feature-group>header p,.client-feature-toolbar>p,.client-feature-toc a){font-size:.875rem;line-height:1.65;color:var(--reading-muted);font-weight:400}
body.rage-site :is(.client-topic-media,.client-topic-number,.client-screen figcaption,.client-feature-facts){font-size:.75rem;color:var(--reading-muted)}
body.rage-site .client-topic-body{padding-bottom:28px}
body.rage-site .client-screen figcaption{line-height:1.7;margin-top:12px}
body.rage-site .client-feature-toc a{color:var(--reading-text)}
body.rage-site .client-feature-facts{gap:16px 28px}
body.rage-site .client-feature-toolbar{margin-bottom:28px}
body.rage-site .news-contents{padding-block:24px 0}
body.rage-site .news-contents>span{display:block;font-size:.6875rem;letter-spacing:.1em;text-transform:uppercase;color:var(--reading-muted);margin-bottom:12px;font-weight:600}
body.rage-site .news-contents>div{display:flex;flex-wrap:wrap;gap:8px 20px}
body.rage-site .news-contents a{display:inline-flex;align-items:center;min-height:36px;font-size:.8125rem;color:var(--reading-accent);line-height:1.5;text-decoration:underline;text-decoration-color:#e5c18440;text-underline-offset:5px}
body.rage-site .news-contents a:hover{text-decoration-color:currentColor;color:#fff0d1}
body.rage-site .news-editorial-sections section{scroll-margin-top:24px}

/* Controls use one calm surface; selected state persists without relying on hover. */
body.rage-site :is(.news-read-more,.client-feature-toolbar button,.news-filter-tabs a,.knowledge-search-tabs a,.catalog-pagination a,.knowledge-search-pages a,.inspector-grade-navigation a,.realm-arrows button){
 min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 13px;
 border:1px solid transparent;border-radius:4px;background:#b18a4812;color:var(--reading-accent);
 font-family:inherit;font-size:.8125rem;font-weight:600;line-height:1.4;box-shadow:none;text-shadow:none;clip-path:none;
 transition:background-color .16s ease,color .16s ease,border-color .16s ease;touch-action:manipulation;
}
body.rage-site :is(.news-read-more,.client-feature-toolbar button,.news-filter-tabs a,.knowledge-search-tabs a,.catalog-pagination a,.knowledge-search-pages a,.inspector-grade-navigation a,.realm-arrows button):hover{background:#bd93532b;color:#fff0d1;border-color:#d7b07455}
body.rage-site :is(.news-filter-tabs a,.knowledge-search-tabs a,.catalog-pagination a):is(.active,[aria-current=page]){background:#b68b3930;box-shadow:inset 0 -2px #e5c184;color:#ffe4b2}
body.rage-site :is(.catalog-filter,.journal-search,.chance-item-search,.news-feed-tools) :is(input,select,button){min-height:44px;height:44px;font-size:.875rem;font-family:inherit}
body.rage-site :is(.catalog-filter,.journal-search,.chance-item-search) label{font-size:.8125rem;font-weight:400;line-height:1.5}
body.rage-site :is(.catalog-filter,.journal-search,.chance-item-search) input::placeholder{color:var(--reading-muted);opacity:1}
body.rage-site :is(.catalog-filter,.journal-search,.chance-item-search) label:has(input[type=checkbox]){min-height:40px;display:inline-flex;align-items:center;gap:8px;cursor:pointer}
body.rage-site :is(.catalog-filter,.journal-search,.chance-item-search) input:is([type=checkbox],[type=radio]){width:18px;height:18px;min-height:18px;accent-color:#d8b77a}
body.rage-site .realm-arrows button{min-width:44px;min-height:44px;padding:10px}
body.rage-site .realm-dot{position:relative;width:32px;min-width:32px;height:28px;min-height:28px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;clip-path:none}
body.rage-site .realm-dot::before{display:none}
body.rage-site .realm-dot::after{content:"";position:absolute;left:2px;right:2px;top:13px;height:3px;border-radius:2px;background:#9f8666;opacity:.6;transition:background-color .16s,opacity .16s}
body.rage-site .realm-dot[aria-pressed=true]::after{background:#efd19a;opacity:1}
body.rage-site .realm-dot:hover{background:transparent;transform:none}
body.rage-site .realm-dot:is([aria-pressed=true],[aria-pressed=false]){background:transparent;border:0;box-shadow:none}
body.rage-site .realm-dot:hover::after{background:#efd19a;opacity:1}
body.rage-site :is(a,button,summary,input,select):focus-visible{outline:2px solid #f0c987;outline-offset:4px}
body.rage-site :is(.realm-dot,.client-topic>summary):focus-visible{outline-offset:-3px}
body.rage-site .skip-to-content{position:fixed;left:24px;top:12px;z-index:11000;padding:12px 20px;border-radius:4px;background:#f1ddba;color:#241b14;font-weight:600;transform:translateY(-160%);transition:none}
body.rage-site .skip-to-content:focus{transform:none}
body.rage-site #main-content{scroll-margin-top:24px}
body.rage-site[data-page=home] .workspace-heading{padding-top:28px}
body.rage-site :is(.home-bottom-note,.footer-bottom,.footer-to-top){font-size:.75rem;color:var(--reading-muted)}

/* Keep the existing three-zone header, without search covering the navigation. */
body.rage-site .site-header{background:radial-gradient(ellipse at 40% 0,#75512d25,transparent 65%),linear-gradient(180deg,#2a2018fa,#19130ffa);border-bottom-color:#c7a16a33}
body.rage-site .site-header .top-navigation a{font-weight:600;letter-spacing:0}
body.rage-site .site-header .global-search input[name=q]{font-size:.875rem}
body.rage-site .site-header .global-search input::placeholder{color:var(--reading-muted)}
body.rage-site .site-header .global-search button{color:#f0d5a4;font-size:.75rem;text-shadow:none}
@media(min-width:1101px){
 body.rage-site .site-header :is(.global-search,.global-search:focus-within){width:240px}
 body.rage-site .site-header :is(.global-search form,.global-search form:focus-within){position:relative;top:auto;right:auto;transform:none;width:240px;max-width:100%}
 body.rage-site .site-header .global-search form:focus-within{background:#17120f;border-color:#d8b77a;box-shadow:0 0 0 3px #d8b77a1a}
}
@media(max-width:700px){
 body.rage-site .workspace-heading h1{font-size:1.75rem}
 body.rage-site :is(.news-editorial-lead,.client-feature-intro>p){font-size:1.0625rem}
 body.rage-site :is(.news-editorial-sections h2,.client-feature-group>header h2,.news-section-title h2){font-size:1.375rem}
 body.rage-site .news-editorial-sections section{padding-block:24px}
 body.rage-site .client-topic>summary{padding:18px 16px;gap:12px}
 body.rage-site .client-topic-body{padding:0 18px 24px}
 body.rage-site .client-topic h3{font-size:1rem}
 body.rage-site .client-topic-label>span{font-size:.8125rem}
 body.rage-site .client-feature-toolbar{align-items:start;flex-direction:column;gap:12px}
 body.rage-site .client-feature-toolbar>div{display:flex;flex-wrap:wrap;gap:8px}
 body.rage-site .news-contents>div{display:grid;gap:4px}
 body.rage-site .news-contents a{min-height:44px}
 body.rage-site .site-header .mobile-menu{min-width:40px;min-height:44px}
 body.rage-site .site-header .top-navigation a{min-height:44px}
 body.rage-site .site-header .global-search input[name=q]{font-size:1rem}
}
@media(prefers-reduced-motion:reduce){
 body.rage-site :is(.realm-dot::after,.news-read-more,.client-feature-toolbar button,.news-filter-tabs a,.knowledge-search-tabs a,.realm-arrows button){transition:none!important}
}
@media(min-width:1101px) and (max-width:1400px){
 body.rage-site .site-header .masthead{grid-template-columns:200px minmax(0,1fr) 210px;gap:16px}
 body.rage-site .site-header .rage-original-logo{width:46px;height:46px}
 body.rage-site .site-header .rage-original-title{width:146px}
 body.rage-site .site-header :is(.global-search,.global-search:focus-within,.global-search form,.global-search form:focus-within){width:210px}
}
@media(max-width:1100px){
 body.rage-site .site-header .top-navigation a:last-child:nth-child(odd){grid-column:1/-1}
}

/* Shared content insets: filters, counts and results follow the same edge. */
body.rage-site .rage-content>.panel{padding:var(--panel-inset);border:1px solid var(--reading-line);border-radius:4px;background:#21190feb}
body.rage-site .rage-content>.panel> :first-child{margin-top:0}
body.rage-site .rage-content>.panel> :last-child{margin-bottom:0}
body.rage-site .panel>.filters{margin:0 0 16px;gap:12px;align-items:stretch}
body.rage-site .panel>.items-count{margin:0 0 16px;line-height:1.6}
body.rage-site .panel>.table-wrap{margin:0;width:100%}
body.rage-site :is(.filters,.set-search) :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]),select,button){box-sizing:border-box;min-height:44px;height:44px;font-size:14px;line-height:20px;padding:11px 12px;margin:0;border-radius:4px}
body.rage-site :is(.filters,.set-search) button{flex-shrink:0;padding-inline:18px;white-space:nowrap}
body.rage-site .chance-grade-form select{min-height:44px;height:44px;padding:10px 12px;font-size:14px;line-height:20px;border-radius:4px}
body.rage-site :is(.catalog-results,.item-inspector,.journal-detail,.chance-page-detail){padding:var(--panel-inset)}
body.rage-site :is(.journal-search,.set-browser-tools,.chance-workbench>.chance-item-search){padding:var(--panel-inset);gap:12px;margin:0}
body.rage-site :is(.catalog-filter,.chance-item-search){gap:12px;align-items:center}
body.rage-site :is(.tabs,.wiki-floor-tabs,.skill-class-tabs,.news-filter-tabs){gap:8px;flex-wrap:wrap}
body.rage-site :is(.catalog-pagination,.pagination){display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:24px}
@media(max-width:700px){
 body.rage-site .rage-content>.panel{padding:16px}
 body.rage-site :is(.catalog-results,.item-inspector,.journal-detail,.chance-page-detail,.journal-search,.set-browser-tools,.chance-workbench>.chance-item-search){padding:16px}
 body.rage-site .panel>.filters{gap:8px}
 body.rage-site .panel>.filters input:not([type=hidden]){min-width:0;width:100%;flex:0 1 auto}
 body.rage-site :is(.filters,.set-search,.catalog-filter,.journal-search,.chance-item-search) input:not([type=checkbox]):not([type=radio]){font-size:16px}
}

/* Keep publication artwork and search controls aligned at every width. */
body.rage-site .news-event-screenshot{margin:24px 0 0;max-width:100%;border:1px solid var(--reading-line);border-radius:4px;overflow:hidden;background:#14130f}
body.rage-site .news-event-screenshot>a{display:block;padding:12px;text-align:center}
body.rage-site .news-event-screenshot img{display:block;width:auto;height:auto;max-width:100%;margin:auto}
body.rage-site .news-event-screenshot figcaption{padding:12px 16px;border-top:1px solid var(--reading-line);font-size:13px;line-height:1.65;color:var(--reading-muted)}
body.rage-site .news-feed-cover{height:auto;aspect-ratio:16/9;flex:none}
body.rage-site .news-feed-cover img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
body.rage-site .news-feed-tools{gap:16px;margin-block:24px}
body.rage-site .news-feed-tools form{align-items:stretch;gap:8px;min-width:0}
body.rage-site .news-feed-tools form :is(input[type="search"],button){box-sizing:border-box;min-height:44px;height:44px;margin:0;font-size:14px;line-height:20px;border-radius:4px;clip-path:none}
body.rage-site .news-feed-tools form input[type="search"]{flex:1;min-width:0;padding:11px 12px}
body.rage-site .news-feed-tools form button{flex:0 0 auto;white-space:nowrap;padding:11px 18px}
body.rage-site .news-feed-tools form button::before,body.rage-site .news-feed-tools form button::after{display:none}
@media(max-width:600px){body.rage-site .news-feed-tools form{flex:1 1 100%;width:100%}}

/* Class notes use native disclosures and readable, horizontally scrollable data. */
body.rage-site .news-class-topic{border-block:1px solid #d1ad6726;background:#251c1250}
body.rage-site .news-class-topic>summary{display:flex;align-items:center;gap:16px;padding:22px 24px;cursor:pointer;list-style:none}
body.rage-site .news-class-topic>summary::-webkit-details-marker{display:none}
body.rage-site .news-class-topic>summary>img{width:20px;height:20px;flex:0 0 20px;image-rendering:auto}
body.rage-site .news-class-topic>summary>span{flex:1;min-width:0}
body.rage-site .news-class-topic>summary h2{margin:0;font-size:1.375rem}
body.rage-site .news-class-topic>summary small{display:block;color:var(--reading-muted);font-size:.875rem;line-height:1.6;margin-top:6px}
body.rage-site .news-class-topic>summary>.utility-icon{flex:0 0 18px;color:var(--reading-accent)}
body.rage-site .news-class-topic[open]>summary>.utility-icon{transform:rotate(180deg)}
body.rage-site .news-class-topic>summary:focus-visible{outline:2px solid var(--reading-accent);outline-offset:-3px}
body.rage-site .news-class-topic-body{padding:0 24px 24px}
body.rage-site .news-class-topic-body>ul{max-width:76ch}
body.rage-site .news-table-scroll{max-width:100%;overflow-x:auto;margin-block:24px;border:1px solid #d1ad6726;border-radius:4px}
body.rage-site .news-data-table{width:100%;border-collapse:collapse;font-size:.875rem;line-height:1.65;color:var(--reading-text)}
body.rage-site .news-data-table caption{text-align:left;padding:16px 18px;color:var(--reading-heading);font-weight:600;background:#d1ad6708}
body.rage-site .news-data-table :is(th,td){padding:14px 18px;border-top:1px solid #d1ad6726;text-align:left;vertical-align:top;min-width:105px}
body.rage-site .news-data-table thead th{font-size:.8125rem;color:var(--reading-accent);font-weight:600;background:#d1ad6708}
body.rage-site .news-data-table tbody th{color:var(--reading-heading);font-weight:600;min-width:140px}
body.rage-site .news-data-table tr:nth-child(even){background:#d1ad6705}
@media(max-width:600px){
 body.rage-site .news-class-topic>summary{padding:18px 16px;gap:12px}
 body.rage-site .news-class-topic-body{padding:0 16px 20px}
 body.rage-site .news-data-table :is(th,td){padding:12px 14px}
}