/* M.O.R.D.A. v50 — unified academy, accessible navigation and category routes */
.links>.nav-dropdown{position:relative;display:flex;align-items:center;min-height:75px;gap:3px}
.links>.nav-dropdown>.nav-dropdown-link{display:inline-flex;align-items:center;min-height:42px}
.links>.nav-dropdown.active>.nav-dropdown-link{color:var(--gold);border-bottom:2px solid var(--red)}
.nav-dropdown-toggle{appearance:none;cursor:pointer;border:0;background:transparent;color:#e7cba4;padding:7px 3px;font:700 13px Cinzel,serif;line-height:1}
.nav-dropdown-toggle:hover,.nav-dropdown-toggle:focus-visible{color:#fff1ce;outline-offset:4px}
.nav-submenu{position:absolute;top:100%;left:-20px;z-index:80;display:none;flex-direction:column;min-width:240px;width:max-content;max-width:min(92vw,360px);padding:9px;background:#110e13;border:1px solid #765a43;box-shadow:0 18px 40px #000d}
.links .nav-submenu a{display:block;border:0;font:600 11px/1.4 Cinzel,Georgia,serif;letter-spacing:.055em;color:#efd5ae;padding:13px 16px;white-space:normal;text-decoration:none}
.links .nav-submenu a:hover,.links .nav-submenu a:focus-visible{background:#4a2129;color:#fff1cf;border:0}
@media(min-width:761px){.nav-dropdown:hover .nav-submenu,.nav-dropdown:focus-within .nav-submenu,.nav-dropdown.expanded .nav-submenu{display:flex}}
@media(max-width:760px){
 .links>.nav-dropdown{width:100%;min-height:0;display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;border-bottom:1px solid #4f3e38;padding:4px 0}
 .links>.nav-dropdown>.nav-dropdown-link{min-height:36px}
 .nav-dropdown-toggle{width:44px;min-height:40px;border:1px solid #644d3e}
 .nav-submenu{display:none;position:static;left:auto;top:auto;max-width:none;width:100%;flex-basis:100%;min-width:0;box-shadow:none;padding:4px 0 6px 12px;background:#151116}
 .nav-dropdown.expanded .nav-submenu{display:flex}
 .links .nav-submenu a{width:100%;padding:10px 14px;font-size:12px}
}
/* The hero keeps its existing imagery and the PvE/PvP tabs remain visible in every route. */
.academy-hub{padding-top:100px;padding-bottom:95px;min-height:80vh}
.academy-hub .academy-hub-heading{margin:20px auto 28px;padding:45px 25px 32px;max-width:1020px}
.academy-hub-heading h1{font-size:clamp(26px,3.7vw,51px);line-height:1.25}
.academy-hub-heading p{max-width:760px;margin:12px auto;color:#e7d6c1;font-size:16px;line-height:1.7}
.academy-tabs{position:relative;display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:24px}
.academy-tabs a{display:inline-flex;align-items:center;justify-content:center;padding:11px 18px;background:#171419b8;border:1px solid #987352;box-shadow:0 2px 13px #0009;font-size:12px}
.academy-tabs a:hover,.academy-tabs a:focus-visible{border-color:#ecc78e;background:#48222b}
.academy-tabs a.selected{background:linear-gradient(135deg,#89313d,#4e1d2a);border-color:#e0a77d}
.academy-breadcrumb{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font:700 11px Cinzel,serif;letter-spacing:.04em;color:#dbc195;margin:15px 0 15px;min-height:25px}
.academy-breadcrumb a{color:#bead98;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:4px}
.academy-breadcrumb a:hover{color:#fff0ce}
.academy-breadcrumb>*+*:before{content:'›';margin-right:9px;color:#806b55;text-decoration:none;display:inline-block}
.academy-section-heading{text-align:center;margin:0 auto 28px;max-width:900px}
.academy-section-heading h2{font-size:clamp(22px,3vw,37px);color:#f0d6ad;margin:0 0 9px}
.academy-section-heading p{font-size:16px;line-height:1.65;margin:0;color:#c9bcb0}
.academy-hub .academy-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;margin:25px 0 26px}
.academy-hub .academy-grid.academy-four{grid-template-columns:repeat(4,minmax(0,1fr))}
.academy-hub .academy-card{border-radius:9px;aspect-ratio:1.4/1;min-height:205px;border-color:#765f47;box-shadow:0 10px 22px #0009}
.academy-hub .academy-card:hover,.academy-hub .academy-card:focus-visible{outline:0;transform:translateY(-4px);border-color:#edc68d;box-shadow:0 0 0 1px #a37b54,0 16px 32px #000d}
.academy-hub .academy-card-body{z-index:2;padding:22px 19px;gap:7px}
.academy-hub .academy-card-body strong{font:700 clamp(16px,1.55vw,21px)/1.35 Cinzel,Georgia,serif;letter-spacing:.03em;color:#fce1b8}
.academy-hub .academy-card-body small{font:700 10px/1.5 Cinzel,serif;letter-spacing:.08em;color:#f1bd80}
.academy-hub .academy-nav-card .academy-visual{transition:transform .25s ease,filter .25s;filter:saturate(.8)}
.academy-hub .academy-nav-card:hover .academy-visual{transform:scale(1.04);filter:saturate(1)}
.academy-return{display:inline-flex;align-items:center;gap:7px;color:#f4d4a9;font:700 12px Cinzel,Georgia,serif;background:#26181e;border:1px solid #826143;padding:12px 17px;margin:8px 0 18px}
.academy-return:hover,.academy-return:focus-visible{background:#47232b;border-color:#e9bf7f}
.academy-hub #academyView .build-section{padding:18px 0 45px;max-width:none;width:100%}
.academy-hub #academyView .build-section .section-heading{margin-bottom:26px}
.academy-hub #academyView .build-section .section-heading h2{font-size:clamp(23px,2.9vw,35px)}
.academy-hub #academyView .build-section .skinny-grid{margin-bottom:15px}
.academy-hub #academyView .pvp-container{max-width:none;padding:5px 0 20px}
.academy-hub .academy-guide{border:1px solid #806143;background:linear-gradient(140deg,#2b1d23,#0d1015 75%);padding:35px 43px;margin:0 auto 24px;max-width:1000px;box-shadow:0 15px 36px #0006}
.academy-guide-kicker{font:700 11px Cinzel,serif;letter-spacing:.16em;color:#dfb783}
.academy-guide ul{margin:22px 0;padding-left:22px;display:grid;gap:12px}
.academy-guide li{line-height:1.65;color:#e6d7c5;font-size:17px}
.academy-tip{margin:20px 0 0;border-left:3px solid #c18b59;padding:14px 17px;background:#392329;color:#f1dac0}
.academy-guide-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0 0}
.academy-action{display:inline-block;padding:12px 18px;border:1px solid #e0af77;background:#602631;font:700 12px/1.5 Cinzel,Georgia,serif;color:#f8dec0}
.academy-action.secondary{background:#231a1d;border-color:#94724c}
.academy-action:hover,.academy-action:focus-visible{background:#85404c}
@media(max-width:1040px){.academy-hub .academy-grid.academy-four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 .academy-hub{padding-top:135px}
 .academy-hub .academy-hub-heading{margin-top:10px;padding:30px 16px 22px}
 .academy-hub-heading h1{font-size:clamp(23px,5.5vw,38px)}
 .academy-hub .academy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .academy-hub .academy-card{min-height:155px;aspect-ratio:1.2/1}
 .academy-hub .academy-card-body{padding:15px 12px}
 .academy-hub .academy-card-body strong{font-size:15px}
 .academy-hub .academy-card-body small{font-size:9px}
 .academy-hub .academy-guide{padding:22px}
 .academy-guide li{font-size:15px}
}
@media(max-width:510px){.academy-hub .academy-grid,.academy-hub .academy-grid.academy-four{grid-template-columns:1fr}.academy-hub .academy-card{aspect-ratio:1.85/1;min-height:165px}.academy-hub .academy-card-body strong{font-size:19px}.academy-tabs a{padding:10px 12px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.academy-hub .academy-nav-card .academy-visual,.academy-hub .academy-card{transition:none}.academy-hub .academy-nav-card:hover .academy-visual{transform:none}}

/* Preserve original four-column quiz catalog while new hub categories use three columns. */
.academy-hub .academy-grid.academy-quiz-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1020px){.academy-hub .academy-grid.academy-quiz-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:510px){.academy-hub .academy-grid.academy-quiz-grid{grid-template-columns:1fr}}

/* v51 — two equal, centered options in the common PvE/PvP quiz picker. */
.academy-hub .academy-grid.academy-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:940px;margin-left:auto;margin-right:auto}
@media(max-width:510px){.academy-hub .academy-grid.academy-picker-grid{grid-template-columns:1fr}}
