.sr-mechanics *{box-sizing:border-box}
.sr-mechanics a{color:var(--gold);text-underline-offset:3px}
.sr-mechanics a:hover{color:#f6d7a5}
.sr-mechanics button,.sr-mechanics input,.sr-mechanics select{font:inherit}
.sr-mechanics button{cursor:pointer;color:inherit}
.sr-mechanics button:disabled{cursor:default}
.sr-mechanics .intro{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:40px 0 28px}
.sr-mechanics .eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:1.8px;font-size:11px;margin:0 0 8px}
.sr-mechanics h1,.sr-mechanics h2,.sr-mechanics h3{font-family:Cinzel,Georgia,serif;font-weight:600;margin:0}
.sr-mechanics h1{font-size:42px;line-height:1.2;letter-spacing:-.8px}
.sr-mechanics h2{font-size:25px;line-height:1.3}
.sr-mechanics h3{font-size:19px;line-height:1.4}
.sr-mechanics .lede{color:var(--muted);font-size:18px;max-width:730px;margin:12px 0 0}
.sr-mechanics .class-icon{width:70px;height:70px;border:1px solid #987948;border-radius:3px;box-shadow:0 0 0 4px #121b12}
.sr-mechanics .page-tabs{display:flex;gap:26px;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:34px}
.sr-mechanics .page-tabs a{text-decoration:none;font-size:14px}
.sr-mechanics .section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.sr-mechanics .section-heading .muted{font-size:12px}
.sr-mechanics .muted{color:var(--muted)}
.sr-mechanics section{scroll-margin-top:20px;margin-bottom:38px}
.sr-mechanics .article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.sr-mechanics .article-card,.sr-mechanics .evidence-panel{min-width:0;background:linear-gradient(120deg,#1d2426ed,#13181af2);border:1px solid #66583e;padding:21px;border-radius:3px;box-shadow:inset 0 1px #ad936230}
.sr-mechanics .article-card h3{margin-top:14px}
.sr-mechanics .article-card p,.sr-mechanics .evidence-panel p{font-size:14px;color:var(--muted)}
.sr-mechanics .article-card a{font-size:14px}
.sr-mechanics .evidence-badge{display:inline-block;font:11px 'Source Sans 3',sans-serif;color:#d8c69f;padding:3px 8px;border:1px solid #786543;background:#24281d;border-radius:3px;vertical-align:middle}
.sr-mechanics .evidence-badge.confirmed{border-color:#667f51;color:var(--green)}
.sr-mechanics .workbench-note{max-width:860px;color:var(--muted);font-size:14px;margin:0 0 20px}
.sr-mechanics .filters{display:flex;align-items:flex-end;gap:16px;background:linear-gradient(#141b1ded,#141b1df5),url(images/oak.webp) center/cover;border:1px solid #80634488;border-radius:3px;padding:16px}
.sr-mechanics .filters>label{font-size:12px;color:var(--muted)}
.sr-mechanics .filters select,.sr-mechanics .filters input[type=search],.sr-mechanics .filters input[type=number]{display:block;border:1px solid #62674e;background:#111a12;color:var(--text);padding:9px 10px;border-radius:3px;min-height:42px;margin-top:5px;max-width:100%}
.sr-mechanics .filters select{min-width:170px}
.sr-mechanics .search-label{flex:1;min-width:180px}
.sr-mechanics .search-label input{width:100%}
.sr-mechanics .filters input[type=number]{width:102px}
.sr-mechanics .check{display:flex;align-items:center;gap:8px;min-height:42px;max-width:190px;font-size:13px!important}
.sr-mechanics input{accent-color:var(--orange)}
.sr-mechanics .table-caption{display:flex;justify-content:space-between;gap:20px;margin:14px 0 10px;color:var(--muted);font-size:12px}
.sr-mechanics .table-scroll{position:relative;overflow-x:auto;border:1px solid #4b503e;border-radius:3px}
.sr-mechanics table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}
.sr-mechanics th{color:#d6c8a9;background:#242a1f;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.6px}
.sr-mechanics th,.sr-mechanics td{padding:13px 14px;border-bottom:1px solid #454d3b;vertical-align:middle}
.sr-mechanics tbody tr:last-child td{border-bottom:0}
.sr-mechanics tbody tr:nth-child(2n){background:#26302155}
.sr-mechanics tbody tr:hover{background:#34402b70}
.sr-mechanics td small{display:block;color:var(--muted);font-size:11px;margin-top:2px}
.sr-mechanics td:first-child{min-width:165px}
.sr-mechanics td:last-child{text-align:right}
.sr-mechanics .inspect-button{border:1px solid #927449;border-radius:3px;background:linear-gradient(#4c422d,#2c3020);padding:6px 11px;font-size:12px;min-height:34px;white-space:nowrap}
.sr-mechanics .inspect-button:hover{filter:brightness(1.2)}
.sr-mechanics .table-footnote{color:var(--muted);font-size:12px;margin:12px 0 20px}
.sr-mechanics .source-info{padding:15px 18px;border:1px solid #5c6249;background:#192019;border-radius:3px;font-size:14px}
.sr-mechanics .source-info summary{cursor:pointer;color:var(--gold)}
.sr-mechanics .source-info p{color:var(--muted)}
.sr-mechanics .source-list{padding-left:20px}
.sr-mechanics .source-list li{margin:7px 0}
.sr-mechanics .evidence-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.sr-mechanics .evidence-panel h3{font-size:20px}
.sr-mechanics .evidence-panel ul{padding-left:18px;font-size:14px}
.sr-mechanics .evidence-panel li{margin:9px 0}
.sr-mechanics .evidence-panel li small{display:block;color:var(--muted)}
.sr-mechanics .evidence-panel a{font-size:13px}
.sr-mechanics button:focus-visible,.sr-mechanics a:focus-visible,.sr-mechanics input:focus-visible,.sr-mechanics select:focus-visible,.sr-mechanics summary:focus-visible,.sr-mechanics .table-scroll:focus-visible{outline:2px solid var(--green);outline-offset:3px}
.sr-mechanics .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sr-mechanics [hidden]{display:none!important}
.sr-mechanics dialog{background:#1c241b;border:1px solid #aa8652;border-radius:4px;color:var(--text);width:min(780px,calc(100% - 24px));max-height:calc(100% - 38px);padding:22px 26px;box-shadow:0 22px 75px #000b}
.sr-mechanics dialog::backdrop{background:#07110dd9;backdrop-filter:blur(3px)}
.sr-mechanics .dialog-top{display:flex;justify-content:space-between;align-items:center}
.sr-mechanics .dialog-top button{border:0;background:none;font-size:28px;color:var(--gold);padding:0 5px;min-width:38px;min-height:38px}
.sr-mechanics dialog h3{font-size:26px}
.sr-mechanics dialog p{font-size:14px}
.sr-mechanics dialog h4{font-size:16px;color:var(--gold);margin:22px 0 10px}
.sr-mechanics .callout{border-left:3px solid var(--gold);background:#d9b16c0c;padding:12px 16px;color:#d2c7ae;font-size:14px}
.sr-mechanics .native-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#47543b;border:1px solid #47543b;margin:12px 0}
.sr-mechanics .native-fields div{background:#192019;padding:10px 12px}
.sr-mechanics .native-fields dt{color:var(--muted);font-size:11px;overflow-wrap:anywhere}
.sr-mechanics .native-fields dd{font-size:15px;margin:4px 0 0;font-variant-numeric:tabular-nums}
.sr-mechanics .related-links{display:flex;flex-wrap:wrap;gap:7px}
.sr-mechanics .article-content{max-width:820px;margin:38px auto}
.sr-mechanics .article-content h1{font-size:38px}
.sr-mechanics .article-content h2{margin-top:34px;font-size:25px;color:var(--gold)}
.sr-mechanics .article-content h3{margin-top:25px}
.sr-mechanics .article-content p,.sr-mechanics .article-content li{line-height:1.65}
.sr-mechanics .article-content table{display:block;overflow-x:auto;margin:20px 0}
.sr-mechanics .article-content .evidence-badge{margin-top:18px}
.sr-mechanics .article-content code{font-size:13px;color:#d9c7a3}
.sr-mechanics .article-content .lede{font-size:19px}
.sr-mechanics .article-content .callout{margin:22px 0}
.sr-mechanics .article-content details{margin:20px 0;border:1px solid #5c6249;padding:12px 16px}
.sr-mechanics .article-content summary{cursor:pointer;color:var(--gold)}
@media(max-width:900px){.sr-mechanics .filters{flex-wrap:wrap}
.sr-mechanics .search-label{min-width:220px}
.sr-mechanics .filters .check{max-width:none}
.sr-mechanics .article-grid{gap:10px}
.sr-mechanics .article-card{padding:17px}
.sr-mechanics h1{font-size:36px}
.sr-mechanics .table-caption{flex-direction:column;gap:3px}
.sr-mechanics .table-scroll table{min-width:800px}
.sr-mechanics .section-heading{align-items:flex-start}}
@media(max-width:650px){.sr-mechanics .intro{margin:28px 0 24px}
.sr-mechanics .class-icon{width:48px;height:48px}
.sr-mechanics h1{font-size:30px}
.sr-mechanics .lede{font-size:16px}
.sr-mechanics .article-grid,.sr-mechanics .evidence-grid{grid-template-columns:1fr}
.sr-mechanics .article-card{padding:18px}
.sr-mechanics .article-card h3{font-size:20px}
.sr-mechanics .section-heading{flex-direction:column;gap:9px}
.sr-mechanics h2{font-size:23px}
.sr-mechanics .filters{gap:12px;padding:14px}
.sr-mechanics .filters>label:not(.check){flex:1;min-width:0}
.sr-mechanics .filters>label.search-label{order:-1;flex:1 0 100%}
.sr-mechanics .filters select{min-width:0;width:100%}
.sr-mechanics .filters .check{flex-basis:100%;min-height:32px}
.sr-mechanics .table-scroll table{min-width:760px}
.sr-mechanics dialog{padding:17px}
.sr-mechanics .native-fields{grid-template-columns:1fr}
.sr-mechanics .article-content{margin-top:28px}
.sr-mechanics .article-content h1{font-size:30px}
.sr-mechanics .article-content .lede{font-size:17px}}
@media(max-width:650px){.sr-mechanics .filters>label.class-filter,.sr-mechanics .filters>label.family-filter{flex:1 0 calc(50% - 6px)}}
.sr-mechanics .article-grid>.article-card:last-child:nth-child(odd){grid-column:1/-1}
.sr-mechanics .article-content{max-width:900px;margin:52px auto 64px;line-height:1.75;font-size:17px;overflow-wrap:anywhere}
.sr-mechanics .article-content h1{font-size:clamp(30px,4vw,49px);line-height:1.15;margin:12px 0 20px}
.sr-mechanics .article-content h2{font-size:26px;line-height:1.3;margin:46px 0 17px;scroll-margin-top:24px}
.sr-mechanics .article-content h3{font-size:21px;line-height:1.4;margin:28px 0 12px;scroll-margin-top:24px}
.sr-mechanics .article-content p{margin:0 0 19px}
.sr-mechanics .article-content .lede{font-size:20px;line-height:1.55;color:#e4ddc7;max-width:72ch}
.sr-mechanics .article-meta{font-size:13px;color:#a9aa99}
.sr-mechanics .article-toc{display:block;border:1px solid #514a32;background:#151c16c9;padding:19px 24px;margin:30px 0 36px}
.sr-mechanics .article-toc h2{font-family:inherit;font-size:15px;margin:0 0 12px}
.sr-mechanics .article-content .article-toc ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 25px;list-style:none;padding:0;margin:0;font-size:14px;line-height:1.5}
.sr-mechanics .article-content ul,.sr-mechanics .article-content ol{padding-left:25px;margin-bottom:24px}
.sr-mechanics .article-content li{padding-left:4px;margin-bottom:8px}
.sr-mechanics .article-content strong{color:#eee5ca}
.sr-mechanics .article-content code{font-family:ui-monospace,SFMono-Regular,monospace;color:#cde0bd;font-size:.91em;background:#161d17;padding:2px 5px;border-radius:3px}
.sr-mechanics .article-content pre{padding:17px;background:#111812;border:1px solid #343f31;overflow:auto;line-height:1.6}
.sr-mechanics .article-content pre code{padding:0;background:none}
.sr-mechanics .article-content blockquote{margin:26px 0;padding:18px 23px;border-left:3px solid #a68a47;background:#182018;color:#d9d9c7}
.sr-mechanics .article-content .table-scroll{overflow-x:auto;margin:26px 0;border:1px solid #424d3b}
.sr-mechanics .article-content .table-scroll:focus-visible{outline:2px solid #dfbd69;outline-offset:4px}
.sr-mechanics .article-content table{display:table;width:100%;min-width:570px;border-collapse:collapse;font-size:15px;line-height:1.6;margin:0}
.sr-mechanics .article-content th,.sr-mechanics .article-content td{text-align:left;vertical-align:top;padding:13px 15px;border-bottom:1px solid #343f31}
.sr-mechanics .article-content th{background:#20291e;color:#eadbb5;font-weight:600}
.sr-mechanics .article-content tbody tr:nth-child(even){background:#172016b3}
.sr-mechanics .article-content a{color:#dec990;text-underline-offset:3px}
.sr-mechanics .article-content a:hover{color:#fff0bb}
.sr-mechanics .article-content a:focus-visible{outline:2px solid #dfbd69;outline-offset:4px}
.sr-mechanics .mana-calculator{padding:24px;border:1px solid #6d6446;background:#172018;margin:35px 0}
.sr-mechanics .mana-calculator h2{margin:0 0 18px}
.sr-mechanics .mana-loadouts{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0}
.sr-mechanics .mana-calculator fieldset{border:1px solid #46553b;padding:16px;min-width:0}
.sr-mechanics .mana-calculator legend{color:#e4cf9d;font-size:16px;padding:0 7px}
.sr-mechanics .mana-calculator label{display:block;font-size:15px;color:#dedbc9;margin:0 0 15px}
.sr-mechanics .mana-calculator input,.sr-mechanics .mana-calculator select{display:block;width:100%;max-width:280px;background:#0f1711;color:#eee5ca;border:1px solid #687250;padding:9px 11px;margin:7px 0;font:inherit;border-radius:3px;min-height:42px}
.sr-mechanics .mana-calculator small,.sr-mechanics .mana-note{display:block;color:#b5bbad;font-size:13px;line-height:1.6}
.sr-mechanics #mana-error,.sr-mechanics #weapon-error{color:#efaa91;font-size:14px}
.sr-mechanics #mana-result,.sr-mechanics #weapon-result{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:15px;margin:10px 0 22px;border-top:1px solid #46553b}
.sr-mechanics #weapon-result>div:first-child{grid-column:1/-1}
.sr-mechanics #mana-result dt,.sr-mechanics #weapon-result dt{font-size:13px;color:#bcc3ae}
.sr-mechanics #mana-result dd,.sr-mechanics #weapon-result dd{margin:4px 0 0;font-size:27px;font-weight:600;color:#d7e4c2;font-variant-numeric:tabular-nums}
@media(max-width:600px){.sr-mechanics .mana-calculator{padding:17px}
.sr-mechanics .mana-loadouts{grid-template-columns:1fr;gap:12px}
.sr-mechanics #mana-result,.sr-mechanics #weapon-result{grid-template-columns:1fr}
.sr-mechanics .mana-calculator input,.sr-mechanics .mana-calculator select{max-width:none}}
@media(max-width:600px){.sr-mechanics .article-content{margin:30px auto 44px;font-size:16px}
.sr-mechanics .article-content .lede{font-size:18px}
.sr-mechanics .article-content h2{font-size:23px;margin-top:35px}
.sr-mechanics .article-toc{padding:17px}
.sr-mechanics .article-content .article-toc ol{grid-template-columns:1fr}}
.sr-mechanics{--bg:#13181a;--panel:#1d2426;--line:#745f42;--text:#f0e7d5;--muted:#b9baae;--gold:#d6b477;--orange:#c5743e;--green:#adc989;width:100%;max-width:100%;min-width:0;color:var(--text);color-scheme:dark;line-height:1.6;font-family:inherit;box-sizing:border-box}
.sr-mechanics .sr-mechanics-content{max-width:1200px;margin:auto;padding:0 20px 28px}
.sr-mechanics .intro{min-height:210px;padding:30px;border:1px solid #91734c;background:linear-gradient(90deg,#13181aef,#13181abd),url(images/elwynn.webp) center 42%/cover;box-shadow:inset 0 0 0 3px #13181a9e,inset 0 1px #e8c98c55;border-radius:3px}
.sr-mechanics h1,.sr-mechanics h2,.sr-mechanics h3{color:#ffe3a9;font-family:Cinzel,Georgia,serif}
.sr-mechanics .article-content{font-family:Lora,Georgia,serif;color:#e5d9c1;margin:24px auto 48px}
.sr-mechanics .article-content code{font-family:'IBM Plex Mono',ui-monospace,monospace}
.sr-mechanics .filters,.sr-mechanics .table-scroll,.sr-mechanics .mana-calculator,.sr-mechanics .article-toc{font-family:'Source Sans 3',sans-serif}
.sr-mechanics .article-card,.sr-mechanics .evidence-panel,.sr-mechanics .source-info,.sr-mechanics dialog{background-color:#1d2426;border-color:#7d6545}
.sr-mechanics .filters input,.sr-mechanics .filters select,.sr-mechanics .mana-calculator input,.sr-mechanics .mana-calculator select{background:#13181a;color:#f0e7d5;border-color:#7d765e}
.sr-mechanics .article-path{display:flex;gap:12px;align-items:center;margin:0 0 24px;font-size:14px;color:var(--muted)}
.sr-mechanics .article-path a{font-family:inherit;color:var(--gold)}
.sr-mechanics .mana-calculator h3{margin:0 0 18px}
.sr-mechanics .mechanics-attribution{font-size:12px;color:var(--muted);margin:20px 0 0}
@media(max-width:650px){.sr-mechanics .sr-mechanics-content{padding:0 8px 22px}.sr-mechanics .intro{padding:22px 18px;min-height:180px}}

.sr-mechanics .inspect-button{background:linear-gradient(#71362e,#48231f);border-color:#9b7146;color:#f0e7d5}
.sr-mechanics th{background:#242c2e}.sr-mechanics tbody tr:nth-child(2n){background:#1d24267a}.sr-mechanics .native-fields{background:#756244;border-color:#756244}.sr-mechanics .native-fields div{background:#182023}