/* A class field guide: chronological reading, with tools at their point of use. */
.sr-class-journey{--cj-accent:#d6b477;box-sizing:border-box;max-width:76rem;width:100%;min-width:0;margin:0 auto;padding:30px 0 56px;color:#e5d9c1;font-family:Lora,Georgia,serif;font-size:17px;line-height:1.85}
.sr-class-journey[data-journey-class=druid]{--cj-accent:#e8a064}.sr-class-journey[data-journey-class=hunter]{--cj-accent:#adc989}.sr-class-journey[data-journey-class=mage]{--cj-accent:#8bc8dc}.sr-class-journey[data-journey-class=paladin]{--cj-accent:#df9dbc}.sr-class-journey[data-journey-class=priest]{--cj-accent:#ebe4d2}.sr-class-journey[data-journey-class=rogue]{--cj-accent:#e5d778}.sr-class-journey[data-journey-class=shaman]{--cj-accent:#78a8d6}.sr-class-journey[data-journey-class=warlock]{--cj-accent:#b3a2d4}.sr-class-journey[data-journey-class=warrior]{--cj-accent:#c9aa83}
.sr-class-journey :is(h1,h2,h3){font-family:Cinzel,Georgia,serif;color:#ffe3a9;line-height:1.3;font-weight:700;margin:0;letter-spacing:0}
.sr-class-journey h1{font-size:clamp(32px,4.4vw,48px)}.sr-class-journey h2{font-size:26px}.sr-class-journey h3{font-size:19px}
.sr-class-journey .cj-hero{box-sizing:border-box;display:grid;grid-template-columns:76px minmax(0,1fr);gap:24px;align-items:start;padding:28px 30px;background:linear-gradient(100deg,#182021e8,#162025e0),url(mechanics/images/oak.webp) center/cover;border:1px solid #8d713f;border-top:3px solid #d6b477;border-radius:3px;box-shadow:inset 0 1px #f0d7a633,inset 0 0 0 4px #070c0d88,0 4px 0 #080d0f,0 15px 24px -15px #000b}
.sr-class-journey .cj-class-icon{display:block;width:76px;height:76px;object-fit:cover;border:2px solid var(--cj-accent);border-radius:5px;box-shadow:0 0 0 2px #0e1518,0 3px 7px #0009;flex-shrink:0}
.sr-class-journey .cj-kicker{margin:0 0 7px;color:#cfb77f;font:600 12px/1.4 'Source Sans 3',sans-serif;text-transform:uppercase;letter-spacing:.09em}
.sr-class-journey .cj-summary{max-width:68ch;margin:13px 0 0;font:18px/1.75 Lora,Georgia,serif;color:#ede0c4}
.sr-class-journey .cj-beta-scope{margin:18px 0 28px;padding-left:13px;border-left:2px solid #9b7a44;color:#b8bcac;font:13px/1.65 'Source Sans 3',sans-serif}
.sr-class-journey .cj-next-step{box-sizing:border-box;max-width:64rem;padding:24px 26px;margin:28px auto 42px;border-left:3px solid var(--cj-accent);background:linear-gradient(90deg,#2d3127cc,#16202233);box-shadow:inset 0 1px #d6b47724}
.sr-class-journey .cj-next-step h2{font-size:25px}.sr-class-journey .cj-next-step p:not(.cj-kicker){max-width:66ch;margin:12px 0}
.sr-class-journey .cj-primary{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:13px;max-width:100%;min-height:48px;padding:11px 18px;margin-top:6px;border:1px solid #c09c60;border-top-color:#ead096;border-bottom-color:#69472e;border-radius:3px;background:linear-gradient(#832b2c,#5d1d26 60%,#3e131c);color:#ffe3a9;font:700 14px/1.45 Cinzel,serif;text-align:center;text-decoration:none;box-shadow:inset 0 1px #f4d69944,inset 0 0 0 2px #210d1588,0 2px 0 #080d0f}
.sr-class-journey .cj-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:42px;align-items:start}.sr-class-journey .cj-reading{width:100%;min-width:0}.sr-class-journey .cj-hub-reading{width:100%;min-width:0;max-width:64rem;margin:0 auto}
.sr-class-journey .cj-chapters{position:sticky;top:24px;box-sizing:border-box;min-width:0;padding:18px 16px;border:1px solid #77613c;background:linear-gradient(#262a25,#162024);box-shadow:inset 0 1px #d6b47733,inset 0 0 0 3px #090f1077,0 5px 12px -7px #0009}
.sr-class-journey .cj-chapters h2{font-size:15px;margin:0 0 13px}.sr-class-journey .cj-chapters ol{list-style:none;padding:0;margin:0}.sr-class-journey .cj-chapters li{margin:0;border-top:1px solid #c09e6433}.sr-class-journey .cj-chapters a{display:flex;align-items:center;min-height:44px;gap:10px;padding:9px 2px;color:#ded0ad;font:14px/1.45 'Source Sans 3',sans-serif;text-decoration:none}.sr-class-journey .cj-chapters a>span{color:#a58f64;font:11px 'IBM Plex Mono',monospace;flex-shrink:0}.sr-class-journey .cj-chapters a.cj-back{border-top:1px solid #ac8b5155;margin-top:9px;padding-top:13px;color:#d6b477}
.sr-class-journey .cj-mobile-chapters{display:none;margin:0 0 26px;border:1px solid #77613c;background:linear-gradient(#262a25,#162024);box-shadow:inset 0 1px #d6b47733,inset 0 0 0 3px #090f1077}.sr-class-journey .cj-mobile-chapters>summary{box-sizing:border-box;min-height:44px;padding:11px 14px;cursor:pointer;color:#e0c38b;font:600 14px/1.5 'Source Sans 3',sans-serif}.sr-class-journey .cj-mobile-chapters nav{padding:0 14px 8px}.sr-class-journey .cj-mobile-chapters ol{list-style:none;padding:0;margin:0}.sr-class-journey .cj-mobile-chapters li{border-top:1px solid #c09e6433}.sr-class-journey .cj-mobile-chapters a{display:flex;align-items:center;gap:10px;min-height:44px;padding:7px 2px;color:#ded0ad;font:14px/1.5 'Source Sans 3',sans-serif;text-decoration:none}.sr-class-journey .cj-mobile-chapters a>span{flex-shrink:0;color:#a58f64;font:11px 'IBM Plex Mono',monospace}
.sr-class-journey .cj-chapter{min-width:0;padding:0 0 32px;margin:0 0 32px;border-bottom:1px solid #8b70453d;scroll-margin-top:24px}.sr-class-journey .cj-chapter-heading{display:flex;align-items:flex-start;gap:13px;margin:0 0 19px}.sr-class-journey .cj-chapter-number{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:34px;height:34px;flex-shrink:0;border:1px solid #a2854c;border-radius:50%;background:linear-gradient(#3b3527,#192023);box-shadow:inset 0 1px #f0d49c33,0 2px 3px #0006;color:#e6c890;font:12px 'IBM Plex Mono',monospace}.sr-class-journey .cj-chapter-heading h2{padding-top:2px;min-width:0}
.sr-class-journey .cj-chapter>p{margin:0 0 18px;max-width:75ch}.sr-class-journey .cj-checklist{padding-left:24px;margin:18px 0;color:#e1d4b9}.sr-class-journey .cj-checklist li{margin:0 0 9px;padding-left:3px}.sr-class-journey .cj-checklist li::marker{color:#caa968}
.sr-class-journey .cj-chapter>p.cj-table-note{max-width:75ch;margin:18px 0 0;color:#c4c7b3;font:14px/1.7 'Source Sans 3',sans-serif}.sr-class-journey .cj-table-note+.cj-table-scroll{margin-top:10px}
.sr-class-journey .cj-table-scroll{position:relative;box-sizing:border-box;width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;margin:22px 0;border:1px solid #806941;background:#172022;box-shadow:inset 0 1px 3px #05090988;scrollbar-width:thin;scrollbar-color:#97794a #131b1d}
.sr-class-journey .cj-table-scroll table{width:100%;min-width:580px;border-collapse:collapse;table-layout:auto;color:#ded5bd;font:14px/1.65 'Source Sans 3',sans-serif}.sr-class-journey .cj-table-scroll caption{padding:11px 14px;text-align:left;color:#d9c18d;font:600 13px/1.5 'Source Sans 3',sans-serif;border-bottom:1px solid #8d713f66;background:#2b2a23}.sr-class-journey .cj-table-scroll th,.sr-class-journey .cj-table-scroll td{padding:12px 14px;text-align:left;vertical-align:top;border:0;border-bottom:1px solid #8d713f3b;overflow-wrap:anywhere}.sr-class-journey .cj-table-scroll thead th{background:#282c26;color:#e9cc92;font-weight:600;white-space:normal}.sr-class-journey .cj-table-scroll tbody th{color:#e1c594;font-weight:600;min-width:90px}.sr-class-journey .cj-table-scroll tbody tr:last-child>*{border-bottom:0}.sr-class-journey .cj-table-scroll tbody tr:nth-child(even){background:#20292580}
.sr-class-journey .cj-callout{box-sizing:border-box;margin:22px 0;padding:18px 20px;border-left:3px solid #a48a50;background:#2a2e2477}.sr-class-journey .cj-callout h3{margin:0 0 9px;color:#dfc68c}.sr-class-journey .cj-callout p{margin:0;font:15px/1.8 Lora,Georgia,serif}
.sr-class-journey .cj-tool{margin:24px 0;border:1px solid #8e7446;border-radius:3px;background:#162024;box-shadow:inset 0 1px #d6b47733,0 2px 0 #080c0e}.sr-class-journey .cj-tool>summary{box-sizing:border-box;min-height:48px;padding:13px 16px;cursor:pointer;color:#edcf96;font:600 15px/1.5 'Source Sans 3',sans-serif;background:linear-gradient(#333126,#232c2a);border-radius:2px}.sr-class-journey .cj-tool[open]>summary{border-bottom:1px solid #806941}.sr-class-journey .cj-tool-content{box-sizing:border-box;min-width:0;padding:18px}.sr-class-journey .cj-tool-intro{margin:0 0 18px;color:#c4c7b3;font:14px/1.7 'Source Sans 3',sans-serif}
.sr-class-journey .sr-talents .sr-legacy-picker,.sr-class-journey .sr-talents .sr-legacy-ranks{flex-wrap:wrap;min-width:0;max-width:100%}
.sr-class-journey .cj-actions{display:flex;gap:9px 20px;flex-wrap:wrap;margin:18px 0}.sr-class-journey .cj-actions a{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:7px 0;font:600 14px/1.5 'Source Sans 3',sans-serif}
.sr-class-journey .cj-chapter-sources{margin-top:22px;color:#a8b19e;font:12px/1.65 'Source Sans 3',sans-serif}.sr-class-journey .cj-chapter-sources>summary{min-height:44px;display:list-item;box-sizing:border-box;padding:12px 0;cursor:pointer;color:#c6b388}.sr-class-journey .cj-chapter-sources ul{padding-left:20px;margin:0}.sr-class-journey .cj-chapter-sources li{margin-bottom:15px}.sr-class-journey .cj-chapter-sources li small,.sr-class-journey .cj-source-ledger li small{display:block;color:#a1ae98;font-size:11px;margin-top:4px}.sr-class-journey .cj-chapter-sources li p,.sr-class-journey .cj-source-ledger li p{margin:5px 0 0;font:12px/1.65 'Source Sans 3',sans-serif;color:#a6af9a}
.sr-class-journey .cj-roles,.sr-class-journey .cj-context-tools{max-width:64rem;margin:0 auto 34px}.sr-class-journey .cj-roles h2,.sr-class-journey .cj-context-tools h2{margin-bottom:18px}.sr-class-journey .cj-roles dl{margin:0;padding:0}.sr-class-journey .cj-roles dl>div{display:grid;grid-template-columns:155px minmax(0,1fr);gap:22px;padding:17px 0;border-bottom:1px solid #8d713f44}.sr-class-journey .cj-roles dt{font:700 15px/1.6 Cinzel,serif;color:#e1c28b}.sr-class-journey .cj-roles dd{margin:0;font-size:15px;line-height:1.75}.sr-class-journey .cj-context-tools>p{color:#c4c5af;font-size:15px}.sr-class-journey .cj-continue{max-width:64rem;margin:20px auto 32px;font:600 15px/1.6 'Source Sans 3',sans-serif}
.sr-class-journey .cj-guide-footer{padding-top:18px;border-top:1px solid #a080484d}.sr-class-journey .cj-source-ledger{padding:14px 19px;border:1px solid #725c37;background:#202a27;color:#b2b9a5;font:13px/1.75 'Source Sans 3',sans-serif}.sr-class-journey .cj-source-ledger>summary{min-height:44px;padding:10px 0;box-sizing:border-box;cursor:pointer;color:#ddc48f;font-weight:600}.sr-class-journey .cj-source-ledger li{margin-bottom:16px}.sr-class-journey .cj-onward{display:flex;gap:9px 21px;flex-wrap:wrap;margin-top:20px}.sr-class-journey .cj-onward a{display:flex;align-items:center;min-height:44px;font:14px 'Source Sans 3',sans-serif}
.sr-class-journey a{color:#e0be7e;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.sr-class-journey a.cj-primary{text-decoration:none;color:#ffe3a9}.sr-class-journey :is(a,summary,.cj-table-scroll):focus-visible{outline:2px solid #adc989;outline-offset:3px}.sr-class-journey .cj-primary:active{box-shadow:inset 0 2px 5px #130b0bbb,inset 0 -1px #d6b47733}
@media(hover:hover){.sr-class-journey a:hover{color:#ffe3a9}.sr-class-journey .cj-primary:hover{border-color:#efd398;background:linear-gradient(#923536,#6a222b)}.sr-class-journey .cj-chapters a:hover{color:#ffe3a9;background:#d6b4770c}}
@media(max-width:1000px){.sr-class-journey .cj-layout{grid-template-columns:200px minmax(0,1fr);gap:28px}.sr-class-journey .cj-chapters{padding:15px 12px}}
@media(max-width:850px){.sr-class-journey{max-width:68rem;padding-top:24px;padding-inline:24px}.sr-class-journey .cj-layout{grid-template-columns:minmax(0,1fr);gap:30px}.sr-class-journey .cj-chapters{position:static}.sr-class-journey .cj-chapters ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.sr-class-journey .cj-reading{width:100%;max-width:760px;margin:0 auto}.sr-class-journey .cj-hero{padding:24px}.sr-class-journey .cj-chapter-heading h2{font-size:24px}}
@media(max-width:550px){.sr-class-journey{font-size:16px;padding-top:18px;padding-inline:16px}.sr-class-journey .cj-hero{grid-template-columns:minmax(0,1fr);gap:17px;padding:20px}.sr-class-journey .cj-class-icon{width:58px;height:58px}.sr-class-journey h1{font-size:30px}.sr-class-journey .cj-summary{font-size:16px}.sr-class-journey .cj-beta-scope{font-size:12px}.sr-class-journey .cj-next-step{padding:18px;margin-bottom:30px}.sr-class-journey .cj-next-step h2{font-size:22px}.sr-class-journey .cj-primary{width:100%;font-size:12px;padding:11px 12px}.sr-class-journey .cj-chapters ol{grid-template-columns:minmax(0,1fr)}.sr-class-journey .cj-chapter-heading{gap:10px}.sr-class-journey .cj-chapter-heading h2{font-size:22px}.sr-class-journey .cj-chapter-number{width:29px;height:29px;font-size:10px}.sr-class-journey .cj-tool-content{padding:12px}.sr-class-journey .cj-roles dl>div{grid-template-columns:minmax(0,1fr);gap:7px}.sr-class-journey .cj-callout{padding:15px}.sr-class-journey .cj-source-ledger{padding:12px 14px}}
@media(prefers-reduced-motion:reduce){.sr-class-journey,.sr-class-journey *{scroll-behavior:auto;transition:none}}
@media(max-width:550px){.sr-class-journey .cj-chapters{display:none}.sr-class-journey .cj-mobile-chapters{display:block}}