.journey-hero{position:relative;isolation:isolate;overflow:hidden;max-width:1288px;min-height:460px;padding:52px 45px;margin:27px auto 0;border:1px solid #6a604d;border-radius:5px;background:#17212c}.journey-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% center;z-index:-3}.journey-hero:after{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#101c2bed,#142033d9 36%,#14203325 90%),linear-gradient(0deg,#0d1629a1,transparent 65%)}.journey-hero>div{max-width:720px}.journey-hero .crumb{font-size:11px;color:#b3c1d0;margin:0 0 30px}.journey-hero .tag{font-size:8px;color:#e8c68d;border-color:#998055;background:#17202bb8}.journey-hero h1{font:500 65px/1.05 Georgia,serif;letter-spacing:-.045em;margin:24px 0;color:#f3e8d5}.journey-hero h1 em{font-style:normal;color:#e0bd7d}.journey-hero>div>p:not(.crumb){font-size:15px;line-height:1.95;color:#c0cbdb;max-width:560px;margin:0 0 26px}.journey-hero>small{position:absolute;right:20px;bottom:12px;font-size:8px;color:#b2bdc9}.journey-hero .button{font-size:11px}
.journey-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;padding:0 0 32px;border-bottom:1px solid #485064;margin-top:6px;color:#a4b2c6;font-size:11px}.journey-metrics b{font:31px/1.1 Georgia,serif;color:#e1c591;display:block;margin-bottom:9px}.journey-note{font-size:11px;line-height:1.9;color:#b4b5bd;background:#29281f6b;border:1px solid #625943;border-radius:4px;padding:17px 20px;margin:25px 0}
.session-planner{display:grid;grid-template-columns:.75fr 1.7fr;gap:40px;background:linear-gradient(135deg,#25354b,#1a222e);border:1px solid #4f5d73;border-top:2px solid #bd9b62;border-radius:5px;padding:30px;margin:30px 0 0;scroll-margin-top:24px}.session-planner h2{font:29px/1.3 Georgia,serif;margin:10px 0 12px;color:#e9dbc3}.session-planner .overline{font-size:8px;color:#d3b77f}.session-planner p:not(.overline){font-size:12px;line-height:1.9;color:#aebdd1;max-width:240px}.session-inputs{display:grid;grid-template-columns:1fr .65fr 1fr;gap:17px;align-content:center}.session-inputs label,.finder-fields label{font-size:10px;color:#b7c3d5;display:flex;flex-direction:column;gap:9px}.session-inputs select,.session-inputs input,.finder-fields select,.finder-fields input:not([type=range]){min-width:0;width:100%;min-height:43px;padding:10px 12px;background:#141f30;border:1px solid #59677b;border-radius:3px;color:#e9d9bd;font-size:12px}.session-links{grid-column:1/-1;display:flex;gap:14px;flex-wrap:wrap;margin-top:3px}.session-links>a{padding:12px 16px;border:1px solid #7e755f;border-radius:3px;font-size:11px;color:#e5c88e;background:#30312f}.session-links>a+ a{border-color:#536c89;background:#253950;color:#accbf0}
.leveling-promo .section-head h2{font:500 37px/1.2 Georgia,serif;letter-spacing:-.02em}.learning-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.learning-paths>a{display:flex;flex-direction:column;background:#1c2431;border:1px solid #4c5057;border-radius:5px;overflow:hidden;min-width:0;transition:transform .15s,border-color .15s}.learning-paths>a:hover{transform:translateY(-3px);border-color:#bda16b}.learning-paths img{width:100%;height:200px;object-fit:cover;object-position:center}.learning-paths>a>div{padding:24px;display:flex;flex-direction:column;flex:1;border-top:1px solid #5b5141}.learning-paths span{font:8px/1.5 ui-monospace,monospace;letter-spacing:.1em;color:#d4b785}.learning-paths h3{font:500 29px/1.2 Georgia,serif;color:#e5d8c0;margin:15px 0}.learning-paths p{font-size:12px;line-height:1.9;color:#abb9cd;margin:0 0 20px}.learning-paths b{display:block;font-size:11px;font-weight:500;color:#e0bd7d;margin-top:auto}
.leveling-class-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.leveling-class-grid>a{display:grid;grid-template-columns:36% minmax(0,1fr);min-height:245px;background:linear-gradient(115deg,#1c2533,#1a202b);border:1px solid #414b5c;border-radius:5px;overflow:hidden;min-width:0}.leveling-class-grid>a:hover{border-color:var(--class-color)}.leveling-class-grid img{height:100%;width:100%;object-fit:cover;object-position:55% 15%;mask-image:linear-gradient(90deg,#000 70%,transparent)}.leveling-class-grid>a>div{padding:24px 18px 22px 4px;display:flex;flex-direction:column;min-width:0}.leveling-class-grid span{font:7px/1.6 ui-monospace,monospace;color:#a9b8ce;letter-spacing:.1em}.leveling-class-grid h3{font:500 29px/1.2 Georgia,serif;color:var(--class-color);margin:12px 0}.leveling-class-grid p{font-size:11px;line-height:1.85;color:#aebbd0;margin:0 0 17px}.leveling-class-grid b{font-size:10px;font-weight:500;color:#d4b780;margin-top:auto}
.faction-route-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.faction-route-cards>a{--faction:#95b5df;display:flex;gap:23px;align-items:start;padding:30px;border:1px solid #536a85;border-top:2px solid var(--faction);border-radius:5px;background:radial-gradient(ellipse at 10% 20%,#4f729033,transparent 70%),#1b2432;min-width:0}.faction-route-cards .route-horde{--faction:#d1958c;border-color:#775958;background:radial-gradient(ellipse at 10% 20%,#8d4d4333,transparent 70%),#26232d}.faction-crest{display:grid;place-content:center;flex-shrink:0;width:54px;height:66px;clip-path:polygon(0 0,50% 9%,100% 0,95% 72%,50% 100%,5% 72%);border-top:2px solid var(--faction);background:color-mix(in srgb,var(--faction) 17%,#142032);color:var(--faction);font:32px/1 Georgia,serif}.faction-route-cards .overline{font-size:7px;color:var(--faction)}.faction-route-cards h3{font:500 29px/1.2 Georgia,serif;color:#e4d7c0;margin:13px 0}.faction-route-cards p{font-size:12px;line-height:1.9;color:#aebbd0;margin:0 0 20px}.faction-route-cards b{font-size:11px;color:var(--faction);font-weight:500}
.zone-finder{display:grid;grid-template-columns:270px minmax(0,1fr);gap:25px;align-items:start}.zone-finder-controls{position:sticky;top:22px;border:1px solid #535a68;border-top:2px solid #d1b078;border-radius:5px;padding:23px;background:linear-gradient(140deg,#252e3c,#1b2330)}.zone-finder-controls .overline{font-size:7px;color:#d5b67f}.zone-finder-controls h2{font:500 27px/1.25 Georgia,serif;color:#e7d8bc;margin:12px 0 25px}.finder-fields{display:grid;gap:22px}.finder-fields .finder-level{display:block}.finder-level output{font:36px/1.2 Georgia,serif;color:#e1c189;margin-left:10px}.finder-level input{display:block;width:100%;accent-color:#d2af70;margin:18px 0 3px}.finder-fields select{font-size:11px}.finder-status{font:10px/1.9 ui-monospace,monospace;color:#d4c092;margin:23px 0 12px}.finder-scope{font-size:10px;line-height:1.9;color:#9eafc5;margin:0 0 15px}.zone-finder-controls>button{min-height:37px;padding:9px 13px;border:1px solid #64728a;background:#212c3d;border-radius:3px;color:#c6d2e3;font-size:10px}.zone-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;min-width:0}.zone-card{position:relative;isolation:isolate;min-width:0;border:1px solid #424d60;border-radius:5px;background:radial-gradient(ellipse at 100% 0%,#6071801f,transparent 75%),#1b2330;padding:24px;overflow:hidden}.zone-card-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.zone-faction{font-size:8px;letter-spacing:.07em;text-transform:uppercase;color:#b7c0c8;border:1px solid #56606b;border-radius:3px;padding:5px 7px}.zone-card[data-faction=Alliance] .zone-faction{color:#a9c7ea;border-color:#55708f}.zone-card[data-faction=Horde] .zone-faction{color:#d6a39d;border-color:#7e5958}.zone-range{font:28px/1.2 Georgia,serif;color:#d9bd8f;white-space:nowrap}.zone-range i{font-style:normal;font-size:16px;color:#857a65;margin:0 3px}.zone-continent{font:8px/1.5 ui-monospace,monospace;color:#8ea5c3;margin:20px 0 8px;text-transform:uppercase;letter-spacing:.1em}.zone-card h3{font:500 27px/1.2 Georgia,serif;color:#ece1cc;margin:0 0 14px;overflow-wrap:anywhere}.zone-card>p:not(.zone-continent){font-size:12px;line-height:1.9;color:#b1bfd2;margin:15px 0}.zone-level-track{height:5px;border-radius:10px;background:#334051;position:relative;overflow:hidden;margin:23px 0}.zone-level-track>span{position:absolute;top:0;height:100%;background:#d1af74;border-radius:10px;min-width:5px}.zone-access{display:inline-block;font-size:9px;line-height:1.7;padding:5px 8px;background:#45402b;color:#e3cb92;border-radius:3px}.zone-card details{border-top:1px solid #3e4859;padding-top:15px}.zone-card summary{display:flex;justify-content:space-between;gap:15px;list-style:none;font-size:10px;color:#acc6e5;cursor:pointer;line-height:1.8}.zone-card summary>b{font-size:14px;color:#cdb68b}.zone-card details[open] summary>b{transform:rotate(45deg)}.zone-card details p,.zone-card li{font-size:11px;line-height:1.9;color:#acb9cb}.zone-card details ul{padding-left:15px}.zone-card details a{color:#dec08c;font-size:10px}.zone-empty{grid-column:2;border:1px dashed #5b6575;padding:30px;border-radius:4px;color:#b8c7dc}.zone-empty h3{font:27px/1.2 Georgia,serif;color:#ddc498}
.journey-article-layout{display:grid;grid-template-columns:180px minmax(0,1fr);gap:32px;align-items:start}.journey-reading{min-width:0}.journey-reading>.journey-note{margin-top:0}.journey-reading .guide-prose{margin-top:40px}.journey-sources{border-top:1px solid #48546b;padding-top:30px;margin-top:40px}.journey-sources h2{font:500 30px/1.3 Georgia,serif;color:#e5d6bd;margin:15px 0}.journey-sources>.overline{font-size:8px;color:#d4b785}.journey-sources>p:not(.overline){font-size:12px;line-height:1.9;color:#aab9ce}.route-chapter{display:grid;grid-template-columns:100px minmax(0,1fr);gap:30px;position:relative;padding:10px 0 38px;margin-bottom:25px;border-bottom:1px solid #38445a}.chapter-number{border-left:2px solid #9d875e;padding-left:17px}.chapter-number>span{font:7px/1.8 ui-monospace,monospace;letter-spacing:.08em;color:#9dabbf}.chapter-number>strong{display:block;font:29px/1.3 Georgia,serif;color:#dfc18c;margin-top:10px}.route-chapter h2{font:500 30px/1.25 Georgia,serif;color:#e7d8bd;margin:0 0 18px}.route-zone-links{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.route-zone-links a{font-size:10px;line-height:1.8;color:#bdd2ef;border:1px solid #485c77;border-radius:3px;background:#203149;padding:6px 10px}.route-zone-links span{margin-left:10px;color:#9ab6d9}.route-chapter p{font-size:14px;line-height:1.95;color:#b6c2d4}.route-checkpoint{border-left:2px solid #83714e;background:#39332633;padding:13px 17px;font-size:12px!important;line-height:1.9!important;color:#c5bca8!important;margin:22px 0 0}.route-checkpoint b{display:block;font:8px/1.9 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em;color:#d8be8b;margin-bottom:8px}
.journey-class-hero{position:relative;isolation:isolate;overflow:hidden;max-width:1288px;padding:40px;margin:28px auto 0;min-height:370px;border:1px solid #4a5464;border-top:2px solid var(--class-color);border-radius:5px;background:linear-gradient(110deg,#242c3c,#171f2c)}.journey-class-hero>img{position:absolute;right:0;top:0;height:100%;width:380px;object-fit:cover;object-position:65% 10%;z-index:-1;opacity:.65;mask-image:linear-gradient(90deg,transparent,#000 50%)}.journey-class-hero>div{max-width:900px}.journey-class-hero h1{font:500 55px/1.05 Georgia,serif;letter-spacing:-.03em;color:var(--class-color);margin:28px 0 20px}.journey-class-hero h1 em{font-style:normal;color:#e3d9c6}.journey-class-hero p:not(.crumb){font-size:14px;line-height:1.9;color:#bcc9dc;max-width:690px;margin-right:110px}.journey-class-hero .crumb{font-size:11px;color:#a8bbd4}.journey-class-hero .hero-actions{margin-top:25px;gap:20px}.journey-class-hero .text-link{font-size:11px;color:#c5ad83}.level-milestones{margin:34px 0}.level-milestones>.overline{font-size:8px;color:#b7cce8}.level-milestones h2{font:500 31px/1.2 Georgia,serif;color:#e7d9c1;margin:15px 0 25px}.level-milestones>div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:25px;padding:22px 0;border-top:1px solid #3c4a5f}.level-milestones>div>span{font:24px/1.4 Georgia,serif;color:#d2b47b;border-left:2px solid #746445;padding-left:16px}.level-milestones h3{font:500 24px/1.3 Georgia,serif;color:#d4d3cf;margin:0 0 13px}.level-milestones p{font-size:14px;line-height:1.9;color:#b4c0d3;margin:0}.next-build-links{display:grid;gap:10px;margin:30px 0}.next-build-links a{padding:15px 18px;border:1px solid #4a5a70;background:#202b3d;border-radius:3px;color:#c5d8ef;font-size:12px}
.session-checklist{padding:25px;border:1px solid #5b624e;border-top:2px solid #a7b482;border-radius:5px;background:linear-gradient(120deg,#293229,#1d2730);margin:35px 0}.session-checklist .overline{font-size:8px;color:#b8ca9f}.session-checklist h2{font:500 29px/1.2 Georgia,serif;color:#e0dccb;margin:12px 0}.session-checklist [role=status]{font:10px/1.8 ui-monospace,monospace;color:#afc79d;margin:15px 0 20px}.session-checklist label{position:relative;display:flex;gap:13px;align-items:start;border-top:1px solid #465348;padding:15px 0;color:#c1cdbf;font-size:12px;line-height:1.9;cursor:pointer}.session-checklist input{position:absolute;opacity:0;width:23px;height:23px;top:18px;left:0;margin:0}.check-mark{display:grid;place-content:center;flex-shrink:0;width:22px;height:22px;margin-top:2px;border:1px solid #839271;background:#17231e;color:transparent;border-radius:3px}.session-checklist input:checked+.check-mark{color:#d5e6b2;background:#506140;border-color:#b1c790}.session-checklist input:focus-visible+.check-mark{outline:2px solid #a6c9f0;outline-offset:3px}.session-checklist input:checked~span:last-child{color:#a2ba93}.session-checklist>button{min-height:37px;margin-top:15px;font-size:10px;padding:9px 13px;border:1px solid #748366;background:#26352a;border-radius:3px;color:#c0d1ac}.session-checklist>small{display:block;font-size:9px;color:#99aa9a;line-height:1.8;margin-top:12px}
.profession-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;border-bottom:1px solid #485365;padding:5px 0 30px}.profession-principles>div>span{font:10px/1.3 ui-monospace,monospace;color:#c8ac78}.profession-principles h2{font:500 27px/1.25 Georgia,serif;color:#e3d3b7;margin:17px 0 13px}.profession-principles p{font-size:12px;line-height:1.9;color:#a9bad0}.profession-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.profession-grid>a{min-width:0;display:flex;flex-direction:column;border:1px solid #46546a;border-radius:5px;background:radial-gradient(ellipse at 100% 0,#74613f20,transparent 70%),#1c2533;padding:26px;transition:border-color .15s}.profession-grid>a:hover{border-color:#c1a16b}.profession-card-top{display:flex;justify-content:space-between;gap:20px;align-items:center}.profession-card-top>img{width:55px;height:55px;border:1px solid #ab8a51;border-radius:5px;box-shadow:0 2px 15px #0005}.profession-card-top>span{font-size:9px;color:#b5c7de;text-align:right}.profession-card-top small{display:block;font:7px/1.5 ui-monospace,monospace;color:#8fa1b7;margin-top:8px}.profession-grid h3{font:500 29px/1.2 Georgia,serif;color:#e8d3ad;margin:22px 0 15px}.profession-grid p{font-size:12px;line-height:1.9;color:#b0bfd1;margin:0 0 20px}.profession-pair{font-size:11px;line-height:1.8;color:#acbf9a;border-top:1px solid #3c4b58;padding-top:14px;margin-top:auto}.profession-pair>span{font:7px/1.6 ui-monospace,monospace;display:block;color:#8598b0;margin-bottom:7px}.profession-grid b{font-size:11px;font-weight:500;color:#e0bd7d;display:block;margin-top:20px}.profession-filters{display:flex;gap:10px;flex-wrap:wrap}.profession-filters button{min-height:40px;font-size:11px;padding:10px 17px;border:1px solid #506178;background:#1c2839;color:#adbed4;border-radius:3px}.profession-filters button[aria-pressed=true]{border-color:#b49865;background:#393529;color:#e2c58e}.camp-feature{display:grid;grid-template-columns:1.05fr 1fr;gap:0;overflow:hidden;border:1px solid #635c4b;border-radius:5px;background:#242a31;max-width:1288px;margin:25px auto 40px;padding:0}.camp-feature>img{width:100%;height:100%;object-fit:cover}.camp-feature>div{padding:35px}.camp-feature .overline{font-size:8px;color:#d1b276}.camp-feature h2{font:500 33px/1.2 Georgia,serif;color:#e9d4af;margin:17px 0}.camp-feature p:not(.overline){font-size:13px;line-height:1.9;color:#b6c3d4}.camp-feature a{font-size:11px;color:#c9b286}
.profession-guide-hero{display:flex;align-items:center;gap:35px;max-width:1288px;margin:28px auto 0;padding:40px;border:1px solid #5b5c58;border-top:2px solid #ccb17a;border-radius:5px;background:radial-gradient(ellipse at 5% 50%,#6f674a3b,transparent 70%),linear-gradient(120deg,#222d3b,#181f2b)}.profession-emblem{display:grid;place-content:center;flex-shrink:0;width:140px;height:165px;border:1px solid #978354;clip-path:polygon(0 0,50% 5%,100% 0,95% 77%,50% 100%,5% 77%);background:linear-gradient(130deg,#5b533d,#1b2535)}.profession-emblem>img{width:80px;height:80px;border:2px solid #b69b63;border-radius:6px;box-shadow:0 3px 20px #0008}.profession-guide-hero h1{font:500 52px/1.1 Georgia,serif;color:#ead3a9;margin:23px 0 20px;letter-spacing:-.03em}.profession-guide-hero h1 em{font-style:normal;color:#c1cbd9;font-size:.77em}.profession-guide-hero p:not(.crumb){font-size:14px;line-height:1.9;color:#b6c7db;max-width:790px}.profession-guide-hero .crumb{font-size:11px;color:#a7b8cf;margin:0 0 21px}.profession-pairing{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:23px;font-size:10px}.profession-pairing>span:first-child{font:7px/1.7 ui-monospace,monospace;color:#93a6c1;margin-right:5px}.profession-pairing a,.profession-pairing>span:not(:first-child){color:#bbcdac;border:1px solid #54674a;background:#2b3629;padding:6px 10px;border-radius:3px}.profession-focus{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.profession-focus>span{font-size:10px;line-height:1.8;border:1px solid #475a75;border-radius:3px;background:#203048;color:#b3cbe8;padding:7px 11px}.skill-preview{padding:25px;border:1px solid #58637a;border-top:2px solid #be9e65;border-radius:5px;background:#202d41;display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:30px 0}.skill-preview h2{font:500 30px/1.2 Georgia,serif;color:#e4cfa8;margin:12px 0}.skill-preview .overline{font-size:8px;color:#c5b995}.skill-preview p:not(.overline){font-size:11px;line-height:1.9;color:#acbdd4;margin:8px 0}.skill-preview label{font-size:10px;color:#aebed6;align-self:center}.skill-preview output{font:31px/1.3 Georgia,serif;color:#e2be7e;margin-left:12px}.skill-preview input{display:block;width:100%;accent-color:#d4b276;margin:18px 0}.skill-preview .skill-stage-status{grid-column:1/-1;font:10px/1.8 ui-monospace,monospace;color:#c5b489!important;border-top:1px solid #485a75;padding-top:14px}.skill-stage{display:grid;grid-template-columns:85px minmax(0,1fr);gap:25px;padding:24px;border:1px solid #39485d;border-radius:4px;margin:17px 0;background:#1c2532;scroll-margin-top:25px}.skill-stage.current{border-color:#baa06c;box-shadow:inset 3px 0 #d2b172;background:linear-gradient(110deg,#3e3a2d44,#1c2532 70%)}.skill-stage-range{font:23px/1.4 Georgia,serif;color:#ae986f;overflow-wrap:anywhere}.skill-stage.current .skill-stage-range{color:#e6c58c}.skill-stage h3{font:500 25px/1.3 Georgia,serif;color:#ddd4c4;margin:0 0 15px}.skill-stage p{font-size:13px;line-height:1.95;color:#b2c1d5}.material-checkpoint{padding-top:13px;margin-top:20px;border-top:1px solid #3e4b5b}.material-checkpoint>span{font:7px/1.7 ui-monospace,monospace;color:#b8c2b0;letter-spacing:.08em}.material-checkpoint ul{display:flex;gap:8px;flex-wrap:wrap;padding:0;list-style:none;margin:11px 0}.material-checkpoint li{border:1px solid #4f5d50;background:#2b322b;color:#b8caaa;font-size:10px;line-height:1.8;padding:5px 9px;border-radius:3px}.profession-related .profession-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.profession-related .profession-grid>a>img{width:48px;height:48px;border:1px solid #a18b5f;border-radius:4px}
:is(.session-planner,.zone-finder,.profession-filters,.skill-preview,.session-checklist) :is(a,button,select,input,summary):focus-visible{outline:2px solid #a3caf1;outline-offset:4px}
@media(max-width:1200px){.journey-hero,.journey-class-hero,.profession-guide-hero{margin-left:30px;margin-right:30px}.leveling-class-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.zone-finder{grid-template-columns:240px minmax(0,1fr)}.zone-card{padding:19px}.zone-range{font-size:23px}.learning-paths img{height:170px}.session-planner{grid-template-columns:1fr 2fr;gap:25px}.profession-grid{gap:16px}.profession-grid>a{padding:22px}.journey-article-layout{grid-template-columns:160px minmax(0,1fr);gap:24px}.profession-guide-hero h1{font-size:46px}.profession-emblem{width:110px;height:135px}}
@media(max-width:900px){.journey-hero{min-height:430px;padding:35px}.journey-hero h1{font-size:54px}.learning-paths{gap:15px}.learning-paths>a>div{padding:21px}.learning-paths h3{font-size:25px}.session-planner{grid-template-columns:1fr;gap:17px}.session-planner p:not(.overline){max-width:none}.journey-article-layout{grid-template-columns:1fr}.journey-article-layout>.guide-toc{position:static;display:flex;flex-wrap:wrap;gap:7px 18px}.journey-article-layout .guide-toc .overline{width:100%;margin-bottom:6px}.journey-article-layout .guide-toc>a{margin:3px 0}.journey-article-layout .guide-toc .toc-other{border:0;padding:0}.zone-finder{grid-template-columns:1fr}.zone-finder-controls{position:static;padding:25px}.finder-fields{grid-template-columns:1fr 1fr}.zone-finder-controls h2{margin-bottom:23px}.zone-finder-controls .finder-level{grid-column:1/-1}.finder-level input{max-width:500px}.finder-status{margin-top:15px}.finder-scope{max-width:700px}.zone-empty{grid-column:1}.profession-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profession-principles{gap:25px}.profession-principles h2{font-size:23px}.faction-route-cards>a{padding:25px;gap:17px}.faction-crest{width:42px;height:54px;font-size:27px}.faction-route-cards h3{font-size:25px}.camp-feature>div{padding:26px}.camp-feature h2{font-size:29px}.profession-guide-hero{gap:25px;padding:30px}.profession-guide-hero h1{font-size:41px}.journey-class-hero h1{font-size:48px}}
@media(max-width:600px){.journey-hero,.journey-class-hero,.profession-guide-hero{margin:22px 23px 0;padding:27px 23px}.journey-hero{min-height:485px}.journey-hero>img{object-position:62% center;opacity:.63}.journey-hero:after{background:linear-gradient(90deg,#102033e8,#1220359e),linear-gradient(0deg,#102033cc,transparent)}.journey-hero h1{font-size:45px;margin:26px 0 23px}.journey-hero .crumb{font-size:10px;line-height:1.8;margin-bottom:26px}.journey-hero>div>p:not(.crumb){font-size:13px;line-height:1.9}.journey-hero>small{left:23px;right:15px;font-size:6px}.journey-metrics{grid-template-columns:1fr 1fr;gap:24px;font-size:10px}.journey-metrics b{font-size:29px}.session-planner{padding:22px;gap:10px}.session-inputs{grid-template-columns:1fr 1fr;gap:17px}.session-inputs>label:first-child{grid-column:1/-1}.session-inputs select,.session-inputs input{font-size:11px;padding:10px}.session-links{flex-direction:column;gap:10px}.session-links>a{text-align:center;font-size:11px;line-height:1.8}.learning-paths{grid-template-columns:1fr;gap:20px}.learning-paths>a{display:grid;grid-template-columns:1fr}.learning-paths img{height:190px}.learning-paths h3{font-size:30px}.learning-paths p{font-size:13px}.learning-paths>a>div{padding:25px}.leveling-promo .section-head h2{font-size:32px}.leveling-class-grid{grid-template-columns:1fr;gap:16px}.leveling-class-grid>a{min-height:240px;grid-template-columns:37% minmax(0,1fr)}.leveling-class-grid h3{font-size:31px}.leveling-class-grid p{font-size:12px}.leveling-class-grid>a>div{padding:25px 19px 23px 3px}.faction-route-cards{grid-template-columns:1fr}.faction-route-cards>a{padding:24px 20px}.faction-route-cards h3{font-size:27px}.faction-route-cards p{font-size:12px}.journey-note{font-size:10px;padding:15px}.zone-finder-controls{padding:22px 18px}.zone-finder-controls h2{font-size:29px}.finder-fields{gap:18px 12px}.finder-fields>label:last-child{grid-column:1/-1}.finder-fields select,.finder-fields input:not([type=range]){font-size:10px;padding:10px 7px}.zone-grid{grid-template-columns:1fr}.zone-card{padding:24px}.zone-card h3{font-size:30px}.zone-range{font-size:30px}.zone-card>p:not(.zone-continent){font-size:13px}.zone-card details p,.zone-card li{font-size:12px}.zone-card summary{font-size:11px}.zone-empty{padding:23px}.route-chapter{grid-template-columns:1fr;gap:20px;padding:0 0 28px;margin-bottom:30px}.chapter-number{display:flex;align-items:center;gap:20px}.chapter-number strong{font-size:27px;margin-top:0}.chapter-number>span{font-size:8px}.route-chapter h2{font-size:29px}.route-chapter p{font-size:14px}.journey-class-hero{min-height:440px}.journey-class-hero>img{width:100%;opacity:.3;mask-image:linear-gradient(0deg,#000,transparent 90%);object-position:70% 0}.journey-class-hero h1{font-size:42px;line-height:1.1}.journey-class-hero p:not(.crumb){font-size:13px;margin-right:0}.journey-class-hero .hero-actions{flex-direction:column;align-items:start;gap:17px}.journey-article-layout{gap:25px}.journey-reading .guide-prose p{font-size:14px}.level-milestones>div{grid-template-columns:1fr;gap:15px;padding:24px 0}.level-milestones>div>span{font-size:24px}.level-milestones h3{font-size:25px}.level-milestones p{font-size:14px}.session-checklist{padding:22px 18px}.session-checklist h2{font-size:27px}.session-checklist label{font-size:12px}.profession-principles{grid-template-columns:1fr;gap:20px}.profession-principles>div+div{border-top:1px solid #3b485d;padding-top:18px}.profession-principles h2{font-size:27px}.profession-principles p{font-size:13px}.profession-grid{grid-template-columns:1fr;gap:17px}.profession-grid>a{padding:25px}.profession-card-top>img{width:58px;height:58px}.profession-grid h3{font-size:32px}.profession-grid p{font-size:13px}.profession-filters{gap:7px}.profession-filters button{font-size:10px;padding:10px 13px}.camp-feature{grid-template-columns:1fr;margin-left:23px;margin-right:23px}.camp-feature>img{height:210px}.camp-feature>div{padding:25px}.profession-guide-hero{display:block}.profession-emblem{width:80px;height:90px;margin-bottom:23px}.profession-emblem>img{width:50px;height:50px}.profession-guide-hero h1{font-size:39px;overflow-wrap:anywhere}.profession-guide-hero p:not(.crumb){font-size:13px}.profession-guide-hero .crumb{line-height:1.8}.profession-guide-hero .tag{font-size:8px}.profession-focus{gap:8px}.profession-focus>span{font-size:9px}.skill-preview{grid-template-columns:1fr;padding:22px 19px;gap:14px}.skill-preview h2{font-size:28px}.skill-preview .skill-stage-status{font-size:9px}.skill-stage{grid-template-columns:1fr;gap:15px;padding:23px 19px}.skill-stage-range{font-size:24px}.skill-stage h3{font-size:26px}.skill-stage p{font-size:13px}.material-checkpoint li{font-size:11px}.profession-related .profession-grid{grid-template-columns:1fr}.next-build-links a{font-size:11px;line-height:1.9}}
@media(prefers-reduced-motion:reduce){.learning-paths>a{transition:none}}
.class-leveling-alt{display:inline-block;font-size:12px;margin-left:20px;color:#c4ae87}.skill-preview>button{justify-self:start;border:1px solid #89754f;border-radius:3px;background:#3c3528;color:#e4c68c;font-size:11px;padding:11px 15px;min-height:40px}
.zone-card-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;opacity:.16;mask-image:linear-gradient(0deg,#000,transparent 90%)}.profession-pair-explainer{border:1px solid #495a4b;background:#28332966;border-radius:4px;padding:18px;margin:25px 0;color:#b7c9aa}.profession-pair-explainer summary{font-size:12px;cursor:pointer}.profession-pair-explainer ul{padding-left:20px}.profession-pair-explainer li{font-size:12px;line-height:1.9;margin:12px 0;color:#aabca2}