.sr-class-trainers{--ct-gold:#d6b477;--ct-ivory:#e5d9c1;--ct-muted:#b9baae;--ct-edge:#806343;max-width:1060px;width:100%;min-width:0;margin:0 auto;padding:26px 0 52px;color:var(--ct-ivory);font:400 15px/1.65 'Source Sans 3',sans-serif}
.sr-class-trainers *{box-sizing:border-box}
.sr-class-trainers [hidden]{display:none!important}
.sr-class-trainers a{color:#e3c18a;text-decoration:underline;text-underline-offset:3px}
.sr-class-trainers .ct-heading{padding:29px 32px;border:1px solid #96744d;border-top:3px solid #bc925d;border-radius:4px;background:linear-gradient(110deg,#202821eb,#151d20fa 80%),url(mechanics/images/oak.webp) center/cover;box-shadow:inset 0 1px #eed29a2e,inset 0 0 0 4px #0b111866,0 5px 0 #090f12,0 13px 27px #0005}
.sr-class-trainers .ct-kicker{margin:0 0 9px;color:#d6b477;font:600 11px/1.5 'Source Sans 3',sans-serif;letter-spacing:.12em;text-transform:uppercase}
.sr-class-trainers .ct-heading h1{margin:0 0 14px;color:#ffe3a9;font:600 clamp(30px,4vw,43px)/1.2 Cinzel,Georgia,serif;letter-spacing:-.02em}
.sr-class-trainers .ct-heading>p:not(.ct-kicker):not(.ct-meta){max-width:72ch;margin:0;font:400 16px/1.8 Lora,Georgia,serif;color:#e5d9c1}
.sr-class-trainers .ct-heading .ct-meta{margin:17px 0 0;color:#b5b5a7;font-size:11px}
.sr-class-trainers .ct-controls{margin:27px 0 0;padding:18px;border:1px solid #796445;border-radius:4px;background:linear-gradient(#242c29,#182122);box-shadow:inset 0 1px #d6b4772c,inset 0 0 0 3px #0c151844,0 5px 12px #0004}
.sr-class-trainers .ct-class-selector{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:8px;margin-bottom:18px}
.sr-class-trainers .ct-class-selector button{--ct-class:#d6b477;min-width:0;min-height:73px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:9px 3px;color:#bcc0b1;border:1px solid #5d604f;border-bottom:3px solid #0b1214;border-radius:4px;background:linear-gradient(#313630,#1b2425);font:600 11px/1.25 'Source Sans 3',sans-serif;cursor:pointer;box-shadow:inset 0 1px #e3cf9525,0 2px 4px #0005;transition:background .12s,border-color .12s}
.sr-class-trainers .ct-class-selector button[data-class=warrior]{--ct-class:#c79c6e}.sr-class-trainers .ct-class-selector button[data-class=paladin]{--ct-class:#f58cba}.sr-class-trainers .ct-class-selector button[data-class=hunter]{--ct-class:#abd473}.sr-class-trainers .ct-class-selector button[data-class=rogue]{--ct-class:#fff569}.sr-class-trainers .ct-class-selector button[data-class=priest]{--ct-class:#eee}.sr-class-trainers .ct-class-selector button[data-class=shaman]{--ct-class:#5584e5}.sr-class-trainers .ct-class-selector button[data-class=mage]{--ct-class:#69ccf0}.sr-class-trainers .ct-class-selector button[data-class=warlock]{--ct-class:#9482c9}.sr-class-trainers .ct-class-selector button[data-class=druid]{--ct-class:#ff963b}
.sr-class-trainers .ct-class-selector img,.sr-class-trainers .ct-all-icon{width:34px;height:34px;border:1px solid #ac8d57;border-radius:50%;box-shadow:0 0 0 2px #0b1315,0 2px 5px #0008;object-fit:cover}
.sr-class-trainers .ct-all-icon{display:grid;place-items:center;color:#dfbc78;font:600 17px/1 Cinzel,Georgia,serif;background:#162024}
.sr-class-trainers .ct-class-selector button[aria-pressed=true]{color:var(--ct-class);border-color:var(--ct-class);border-bottom-color:#765e37;background:linear-gradient(#444332,#222b27);box-shadow:inset 0 1px #ecd6a050,inset 0 0 0 1px #0b1617,0 2px 5px #0007}
.sr-class-trainers .ct-class-selector button[aria-pressed=true] img{border-color:var(--ct-class)}
.sr-class-trainers .ct-class-selector button:active{box-shadow:inset 0 2px 5px #000a}
.sr-class-trainers .ct-filter-fields{display:grid;grid-template-columns:minmax(130px,.85fr) minmax(145px,1fr) minmax(200px,1.4fr) auto;gap:13px;align-items:end}
.sr-class-trainers .ct-filter-fields label{display:block;min-width:0;color:#cebd95;font:600 12px/1.5 'Source Sans 3',sans-serif}
.sr-class-trainers input,.sr-class-trainers select{width:100%;min-width:0;min-height:44px;padding:10px 11px;margin:5px 0 0;border:1px solid #746347;border-radius:3px;background:#10191c;color:#e5d9c1;font:400 14px/1.4 'Source Sans 3',sans-serif;box-shadow:inset 0 2px 4px #0007;color-scheme:dark}
.sr-class-trainers input::placeholder{color:#89948b;opacity:1}
.sr-class-trainers .ct-clear{min-height:44px;padding:9px 14px;border:1px solid #8c6f46;border-bottom:3px solid #0c1516;border-radius:3px;background:linear-gradient(#494636,#292c25);color:#ead4ac;font:600 12px/1.5 'Source Sans 3',sans-serif;cursor:pointer;box-shadow:inset 0 1px #eed09830,0 2px 4px #0004}
.sr-class-trainers .ct-clear:active{box-shadow:inset 0 2px 5px #0009}
.sr-class-trainers .ct-result-count{overflow-wrap:anywhere;min-height:22px;margin:20px 0 14px;font-size:13px;color:#c2c6b4}
.sr-class-trainers .ct-result-region{position:relative;min-width:0}
.sr-class-trainers .ct-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.sr-class-trainers .ct-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;min-width:0}
.sr-class-trainers .ct-card{min-width:0;padding:20px 23px;border:1px solid #6d624b;border-top:2px solid #aa8751;border-radius:4px;background:linear-gradient(125deg,#232c29,#182123);box-shadow:inset 0 1px #e1c58826,inset 0 0 0 3px #0c14164d,0 4px 0 #0a1214,0 9px 16px #0004}
.sr-class-trainers .ct-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;flex-wrap:wrap;font:600 10px/1.4 'Source Sans 3',sans-serif}
.sr-class-trainers .ct-faction{color:#b3b9a6;text-transform:uppercase;letter-spacing:.07em}
.sr-class-trainers .ct-faction-alliance .ct-faction{color:#8ab6db}.sr-class-trainers .ct-faction-horde .ct-faction{color:#d79683}.sr-class-trainers .ct-faction-neutral .ct-faction{color:#b7c898}
.sr-class-trainers .ct-status{padding:3px 7px;border:1px solid #80704d66;border-radius:2px;color:#c7bf9d;background:#d4bb7910}
.sr-class-trainers .ct-status-classic_reference{color:#c5ad95;border-color:#90715380;background:#9b704511}.sr-class-trainers .ct-status-forever_author_report{color:#bbcda0;border-color:#82996970;background:#94b3760d}.sr-class-trainers .ct-status-unknown{color:#b8baaf;border-color:#747f7560;background:#9aa18e0a}
.sr-class-trainers .ct-card h3{margin:0 0 5px;color:#ffe3a9;font:600 22px/1.3 Cinzel,Georgia,serif;overflow-wrap:anywhere}
.sr-class-trainers .ct-class-label{margin:0 0 15px;color:#b8bfae;font-size:12px}
.sr-class-trainers .ct-location{margin:0 0 5px;color:#e3d4b8;font-size:15px;line-height:1.45}
.sr-class-trainers .ct-location strong{display:block;font-weight:600}.sr-class-trainers .ct-location span{display:block;color:#adb4a5;font-size:12px;margin-top:3px}
.sr-class-trainers .ct-landmark{margin:9px 0;color:#d2cab5;font:400 13px/1.7 Lora,Georgia,serif}
.sr-class-trainers .ct-location-status{margin:8px 0 12px;font-size:11px;color:#a9b19f}
.sr-class-trainers .ct-coordinates{padding:11px 12px;border-left:2px solid #8f7850;background:#0d171940;margin:13px 0;color:#c2c4b1}
.sr-class-trainers .ct-coordinates p{display:flex;justify-content:space-between;gap:12px;margin:0;flex-wrap:wrap;font-size:12px}.sr-class-trainers .ct-coordinates strong{color:#e3cd9c;font:400 13px/1.5 'IBM Plex Mono',monospace}
.sr-class-trainers .ct-coordinates small{display:block;margin-top:5px;font-size:11px;color:#a5ad9e;line-height:1.55}
.sr-class-trainers .ct-missing{font-size:11px;color:#8fa093;margin:12px 0}
.sr-class-trainers .ct-access{padding-top:8px;margin:9px 0 13px;font-size:12px;color:#c7bc9b;line-height:1.6}
.sr-class-trainers .ct-card-links{display:flex;align-items:center;flex-wrap:wrap;gap:4px 19px;margin:11px 0 0;font:600 12px/1.5 'Source Sans 3',sans-serif}.sr-class-trainers .ct-card-links a{display:inline-flex;align-items:center;gap:9px;min-height:44px;text-decoration:none}
.sr-class-trainers .ct-source-details{border-top:1px solid #73674a5c;padding-top:10px;margin-top:7px;font-size:12px}
.sr-class-trainers summary{cursor:pointer;color:#c4b18c;min-height:44px;padding:11px 0;line-height:1.65}.sr-class-trainers .ct-source-details p{font-size:11px;color:#a9b19f;margin:7px 0}.sr-class-trainers .ct-source-details ul{padding-left:18px;margin:8px 0}.sr-class-trainers .ct-source-details li{margin:9px 0}.sr-class-trainers .ct-source-details small{display:block;color:#a3ad9d;font-size:10px;margin-top:3px}.sr-class-trainers .ct-source-details a{overflow-wrap:anywhere}
.sr-class-trainers .ct-empty{padding:28px 22px;border:1px dashed #86734d;border-radius:4px;background:#142023;text-align:center}.sr-class-trainers .ct-empty h2{margin:0 0 10px;color:#e3ce9f;font:600 23px/1.3 Cinzel,Georgia,serif}.sr-class-trainers .ct-empty p{margin:0 auto 18px;max-width:58ch;color:#b6bfac;font-size:14px}
.sr-class-trainers .ct-coverage{margin:30px 0 10px;padding:17px 20px;border-top:2px solid #92764b;border-bottom:1px solid #77624266;background:#d6b47705;color:#b7bead;font-size:13px}.sr-class-trainers .ct-coverage>summary{color:#d9bf89;font:600 14px/1.7 'Source Sans 3',sans-serif}.sr-class-trainers .ct-coverage dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 25px;margin:17px 0}.sr-class-trainers .ct-coverage dt{font-weight:600;color:#d0bc90}.sr-class-trainers .ct-coverage dd{margin:4px 0 0}.sr-class-trainers .ct-coverage ul{padding-left:20px}
.sr-class-trainers button:focus-visible,.sr-class-trainers input:focus-visible,.sr-class-trainers select:focus-visible,.sr-class-trainers a:focus-visible,.sr-class-trainers summary:focus-visible{outline:2px solid #adc989;outline-offset:3px}
@media(max-width:900px){.sr-class-trainers .ct-class-selector{grid-template-columns:repeat(5,minmax(0,1fr))}.sr-class-trainers .ct-filter-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.sr-class-trainers .ct-search-label{grid-column:1}.sr-class-trainers .ct-clear{justify-self:start}}
@media(max-width:650px){.sr-class-trainers .ct-heading{padding:24px 20px}.sr-class-trainers .ct-heading h1{font-size:31px}.sr-class-trainers .ct-heading>p:not(.ct-kicker):not(.ct-meta){font-size:15px}.sr-class-trainers .ct-controls{padding:14px 11px}.sr-class-trainers .ct-class-selector{gap:7px}.sr-class-trainers .ct-class-selector button{font-size:10px;gap:6px;min-height:72px}.sr-class-trainers .ct-class-selector img,.sr-class-trainers .ct-all-icon{width:32px;height:32px}.sr-class-trainers .ct-filter-fields{gap:11px}.sr-class-trainers .ct-search-label{grid-column:1/-1}.sr-class-trainers .ct-result-region{position:relative;min-width:0}
.sr-class-trainers .ct-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.sr-class-trainers .ct-results{grid-template-columns:1fr;gap:16px}.sr-class-trainers .ct-card{padding:19px 20px}.sr-class-trainers .ct-card h3{font-size:21px}.sr-class-trainers .ct-result-count{font-size:12px}.sr-class-trainers .ct-coverage{padding:16px 13px}.sr-class-trainers .ct-coverage dl{grid-template-columns:1fr}}
@media(hover:hover){.sr-class-trainers a:hover{color:#ffe3a9}.sr-class-trainers .ct-class-selector button:hover{border-color:var(--ct-class);color:var(--ct-class)}.sr-class-trainers .ct-clear:hover{background:linear-gradient(#58503a,#333126)}}
@media(prefers-reduced-motion:reduce){.sr-class-trainers *{transition:none;scroll-behavior:auto}}
