/* Course-first navigation and a quiet reading surface. Practice widgets retain their own theme. */
.campus-nav.app-nav{display:flex;flex-wrap:wrap;align-items:center;gap:6px;overflow:visible;padding:12px 24px;background:#102c23;border-block:1px solid #355247;position:relative;z-index:20}
.campus-nav>.nav-tab{border:0;border-radius:5px;background:transparent;padding:12px 16px}.campus-nav>.nav-tab.active{background:#294b3d}.campus-nav .nav-icon{display:none}
.campus-tools{margin-left:auto;color:#f0f5ef}.campus-tools>summary{padding:12px 16px;cursor:pointer;font-weight:600;list-style:revert}.campus-tools-grid{position:absolute;right:20px;top:100%;width:min(720px,calc(100vw - 40px));display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;background:#142e24;padding:20px;border:1px solid #567361;border-radius:8px;box-shadow:0 14px 32px #0006}.campus-tools-grid .nav-tab{white-space:normal;text-align:left;justify-content:flex-start;font-size:14px}
.campus-formations{margin:28px 0 36px}.campus-section-title h2{margin:6px 0;font-size:28px}.campus-section-title p,.campus-note{color:#c0cfc4}.campus-course-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:22px}.campus-course-grid>button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:14px;padding:30px;border:1px solid #365345;border-radius:8px;background:#172b24;color:#eff7f1;cursor:pointer;font:inherit;min-width:0}.campus-course-grid>button:nth-child(2){background:#1d292b}.campus-course-grid strong{font-size:clamp(23px,2.4vw,32px);line-height:1.2}.campus-course-number{font-size:12px;letter-spacing:.12em;font-weight:700;color:#78d9ad}.campus-course-grid small{color:#bdcec3}.campus-course-grid b{margin-top:auto;padding-top:18px;border-top:1px solid #3b5446;width:100%;font-size:15px}.campus-course-grid>button:hover{border-color:#91b895;box-shadow:0 8px 22px #0002}.campus-note{font-size:13px}.campus-course-grid button:focus-visible,.campus-nav summary:focus-visible{outline:3px solid #a1dabc;outline-offset:4px}
#curriculumView{max-width:1360px;background:#f6f5f0;color:#263b31;margin:24px auto 60px;border-radius:8px;padding:26px 32px 60px}.dc-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;color:#526558;padding-bottom:22px;border-bottom:1px solid #d8dfd5}.dc-breadcrumb button{background:none;border:0;padding:6px 0;color:#28583f;cursor:pointer;font:inherit;text-decoration:underline}.dc-header{padding-top:22px}.dc-header .eyebrow,.dc-lesson>.eyebrow{color:#42684e}.dc-header h1{font-size:clamp(27px,3vw,36px);margin:16px 0 8px}.dc-header>p{margin:8px 0}.dc-availability,.dc-small{color:#59695d}.dc-tabs{margin-top:12px}.dc-tabs button{background:transparent;color:#2c4834;border:1px solid #a3b4a5;border-radius:5px;padding:9px 14px}.dc-tabs button[aria-pressed=true]{background:#204c36;color:#fff}.dc-roadmap{background:#ecefe6;border-color:#cbd5c8;color:#2d4937;margin:20px 0;padding:12px 18px}.dc-map article{border-color:#c0cdbc}.dc-progress{font-size:14px;color:#445d49}.dc-progress progress{accent-color:#2b6844}.dc-layout{grid-template-columns:260px minmax(0,1fr);gap:28px}.dc-outline{position:sticky;top:20px;border:1px solid #cad4c7;border-radius:6px;background:#edf0e8;overflow:hidden}.dc-outline>summary{cursor:pointer;padding:16px;font-weight:700;font-size:14px;background:#e0e7dc}.dc-index{position:static;padding:10px;gap:4px}.dc-index h2{padding:4px 8px;color:#405b45;font-size:14px}.dc-index button{border:0;border-radius:4px;color:#304b38;background:transparent;padding:12px 10px}.dc-index button[aria-current]{background:#204c36;color:white}.dc-index small{color:#526651}.dc-index button[aria-current] small{color:#d3e7d7}.dc-lesson{background:#fff;border:1px solid #dbe1d6;border-radius:6px;padding:32px;color:#263b31}.dc-lesson h2{font-size:clamp(24px,2.8vw,32px)}.dc-lesson h3{color:#285b3e}.dc-before{background:#f0f3eb;border-left-color:#567a52}.dc-listen,.dc-review,.dc-challenge,.dc-checks{border-color:#cbd7c6}.dc-checks legend{color:#31593c}.dc-checks input{accent-color:#2d6544}.dc-next button{background:#254f37;border:0;border-radius:5px}.dc-demonstration{background:#11291c;color:#e9f5ed;border-radius:8px;padding:20px;margin:24px 0}.dc-demonstration h3{color:#b2e1be}.dc-demonstration h4{color:inherit}.dc-locked{border-color:#bbcab6}
@media(max-width:850px){.campus-nav.app-nav{padding:10px 12px;gap:3px}.campus-nav>.nav-tab{padding:10px;font-size:13px}.campus-tools{margin-left:0}.campus-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dc-layout{grid-template-columns:1fr}.dc-outline{position:static}.dc-index{grid-template-columns:1fr 1fr}.dc-outline>summary{padding:14px}.dc-lesson{padding:22px}#curriculumView{margin:14px 10px;padding:20px}.campus-course-grid>button{padding:22px}}
@media(max-width:540px){.campus-course-grid{grid-template-columns:1fr}.campus-tools-grid{right:10px;width:calc(100vw - 20px);padding:10px}.campus-tools>summary{font-size:13px}.dc-index{grid-template-columns:1fr}#curriculumView{padding:16px 12px}.dc-lesson{padding:18px 14px}.dc-demonstration{padding:12px}.dc-breadcrumb{font-size:12px}.dc-tabs button{width:auto;font-size:13px}.campus-course-grid strong{font-size:26px}}
.campus-video-section{margin:36px 0 48px}.campus-video-section>h2{font-size:26px}.campus-video-section>p{color:#b9ccbd}.campus-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:22px}.campus-video-card{background:#192b23;color:#eff7f1;border:1px solid #365345;border-radius:8px;overflow:hidden;min-width:0}.campus-video-card>div:not(.campus-playlist-preview){padding:20px}.campus-video-card h3{font-size:21px;line-height:1.3;margin:8px 0}.campus-video-card p{font-size:15px;color:#bdcec3;line-height:1.6}.campus-video-card small{color:#82cda5;font-weight:700;letter-spacing:.06em;font-size:11px}.campus-video-card a{color:#8ce4b5;font-weight:700}.campus-thumbnail{position:relative;display:block;aspect-ratio:16/9;background:#10251a;overflow:hidden}.campus-thumbnail img{display:block;width:100%;height:100%;object-fit:cover}.campus-thumbnail>span{position:absolute;bottom:12px;right:12px;border-radius:6px;background:#cf2020;color:white;padding:6px 16px}.campus-playlist-preview{aspect-ratio:16/9;background:#10251a}.campus-playlist-preview iframe{display:block;width:100%;height:100%;border:0}.campus-video-card a:focus-visible{outline:3px solid #49895b;outline-offset:3px}@media(max-width:1000px){.campus-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:580px){.campus-video-grid{grid-template-columns:1fr}}
/* Real performance photographs, quiet editorial cards. */
#homeView>.campus-formations:first-child{margin-top:4px}
.campus-course-grid>button{display:grid;grid-template-columns:36% minmax(0,1fr);align-items:stretch;gap:0;padding:0;overflow:hidden;border-radius:10px;background:#19231f;min-height:330px}
.campus-course-grid>button:nth-child(2){background:#212624}
.campus-course-photo{display:block;position:relative;min-height:330px;background:#101713;overflow:hidden}
.campus-course-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 35%;display:block}
.campus-course-grid>button:nth-child(2) .campus-course-photo img{object-position:63% 50%}
.campus-course-copy{display:flex;flex-direction:column;align-items:flex-start;gap:15px;padding:28px;min-width:0}
.campus-course-copy>strong{font-size:clamp(24px,2.2vw,32px);font-weight:650;letter-spacing:-.025em;line-height:1.16}
.campus-course-copy>span:not(.campus-course-number){font-size:15px;color:#c5cfc8;line-height:1.6}
.campus-course-copy>.campus-course-number{color:#94b8a3;letter-spacing:.07em;font-size:11px}
.campus-course-copy>small{font-size:12px;color:#aab9af}
.campus-course-copy>b{font-size:14px;font-weight:600;border-color:#39483e;color:#e0eee4;padding-top:16px}
.campus-course-grid>button:hover{box-shadow:none;border-color:#6f927e;background:#203027}
@media(max-width:1100px) and (min-width:581px){.campus-course-grid>button{grid-template-columns:1fr;min-height:0}.campus-course-photo{min-height:210px;max-height:210px}.campus-course-photo img{object-position:50% 27%}.campus-course-grid>button:nth-child(2) .campus-course-photo img{object-position:63% 40%}.campus-course-copy{min-height:270px;padding:24px}}
@media(max-width:580px){.campus-course-grid>button{grid-template-columns:32% minmax(0,1fr);padding:0;min-height:295px}.campus-course-photo{min-height:295px}.campus-course-copy{padding:22px 18px;gap:12px}.campus-course-copy>strong{font-size:24px}.campus-course-copy>span:not(.campus-course-number){font-size:14px}}
@media(max-width:360px){.campus-course-grid>button{grid-template-columns:1fr}.campus-course-photo{min-height:180px;height:180px}.campus-course-photo img{object-position:50% 25%}}
/* The four learning paths lead; the reference library supports them. */
.academy-study-entrance{max-width:1180px;margin:36px auto 0;padding:0 24px;color:#f1f2ed}.academy-study-entrance[hidden],.academy-tools-heading[hidden]{display:none}.academy-study-entrance header h1{font-size:clamp(30px,3.5vw,48px);line-height:1.12;letter-spacing:-.035em;margin:10px 0 12px}.academy-study-entrance header p{color:#b8c2bb;font-size:16px;line-height:1.6;margin:0}.academy-path-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:28px}.academy-path-card{position:relative;isolation:isolate;overflow:hidden;min-width:0;min-height:440px;display:flex;align-items:flex-end;text-align:left;padding:30px;border:1px solid #495149;border-radius:12px;background:#111713;color:white;font:inherit;cursor:pointer}.academy-path-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 28%;z-index:-2;transition:transform .3s ease}.academy-path-card:nth-child(2)>img{object-position:center 24%}.academy-path-card:nth-child(3)>img{object-position:64% center}.academy-path-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#07110c00 20%,#07110c55 43%,#07110cf0 100%);z-index:-1}.academy-path-copy{display:flex;flex-direction:column;align-items:flex-start;gap:12px;max-width:440px;text-shadow:0 1px 8px #0008}.academy-path-copy>small{font-size:11px;letter-spacing:.14em;font-weight:700;color:#e6e7d7}.academy-path-copy>strong{font-family:Georgia,'Times New Roman',serif;font-size:clamp(30px,3vw,42px);font-weight:500;line-height:1.05;letter-spacing:-.025em;color:#fff}.academy-path-copy>span{font-size:15px;line-height:1.5;color:#e2e7e1;max-width:350px}.academy-path-copy>b{display:flex;gap:24px;align-items:center;margin-top:8px;font-size:14px;color:#fff}.academy-path-card:hover>img{transform:scale(1.035)}.academy-path-card:focus-visible,.academy-reference-grid>button:focus-visible{outline:3px solid #a5d7b4;outline-offset:4px}.academy-reference{margin:50px 0 28px;padding-top:30px;border-top:1px solid #39453b}.academy-reference h2{font-size:26px;margin:8px 0}.academy-reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}.academy-reference-grid>button{display:flex;flex-direction:column;gap:12px;text-align:left;padding:24px;min-width:0;background:#202a23;border:1px solid #435146;border-radius:8px;color:#ebeee8;font:inherit;cursor:pointer}.academy-reference-grid small{font-size:10px;letter-spacing:.11em;color:#b8c6b9}.academy-reference-grid strong{font-size:22px}.academy-reference-grid span{font-size:14px;line-height:1.5;color:#bdc8bf}.academy-reference-grid b{font-size:13px;padding-top:8px;margin-top:auto}.academy-reference-grid>button:hover{background:#29352b;border-color:#879b8b}.academy-tools-heading{max-width:1180px;margin:0 auto;padding:16px 24px 0}.academy-tools-heading h2{font-size:20px;margin:8px 0 12px}
#trailsView .study-paths{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}#trailsView .study-paths>button{position:relative;isolation:isolate;overflow:hidden;min-height:370px;justify-content:flex-end;padding:28px;border:1px solid #495149;background:#101a13}#trailsView .study-path-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 25%;z-index:-2}#trailsView .study-paths>button:nth-child(3) .study-path-photo{object-position:64% center}#trailsView .study-paths>button:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#07110c00 10%,#07110c80 45%,#07110cf5);z-index:-1}#trailsView .study-paths strong{font-family:Georgia,'Times New Roman',serif;font-size:34px;font-weight:500;color:white}#trailsView .study-paths b{margin-top:0}#trailsView .study-paths button>span:not(.study-path-number){color:#e3e8e2}
@media(max-width:640px){.academy-study-entrance{padding:0 16px;margin-top:24px}.academy-path-grid,#trailsView .study-paths{grid-template-columns:1fr;gap:18px}.academy-path-card{min-height:410px;padding:26px}.academy-reference-grid{grid-template-columns:1fr}.academy-reference-grid>button{padding:22px}.academy-reference{margin-top:36px}.academy-tools-heading{padding-inline:16px}#trailsView .study-paths>button{min-height:380px;padding:26px}}
@media(prefers-reduced-motion:reduce){.academy-path-card>img{transition:none}.academy-path-card:hover>img{transform:none}}
/* Compact, single-row course covers. On small screens the row scrolls. */
.academy-home-link{color:inherit;text-decoration:none}.academy-home-link:focus-visible{outline:2px solid #a5d7b4;outline-offset:4px}.academy-study-entrance{margin-top:24px}.academy-study-entrance header h1{font-size:clamp(28px,3vw,38px)}.academy-path-grid,#trailsView .study-paths{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:22px}.academy-path-card,#trailsView .study-paths>button{min-height:340px;padding:20px;border-radius:9px}.academy-path-copy{gap:10px}.academy-path-copy>strong,#trailsView .study-paths strong{font-size:28px;line-height:1.08}.academy-path-copy>small,#trailsView .study-path-number{font-size:9px;letter-spacing:.08em}.academy-path-copy>span,#trailsView .study-paths button>span:not(.study-path-number){font-size:13px;line-height:1.4}.academy-path-copy>b,#trailsView .study-paths b{font-size:12px;gap:12px;margin-top:3px}.academy-path-card>img,.academy-path-card:nth-child(2)>img{object-position:center top}.academy-path-card:nth-child(3)>img{object-position:62% center}.academy-reference{margin-top:28px;padding-top:24px}
@media(max-width:1000px){.academy-path-grid,#trailsView .study-paths{grid-template-columns:repeat(4,250px);overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 4px 14px;scrollbar-width:thin}.academy-path-card,#trailsView .study-paths>button{min-height:330px;scroll-snap-align:start;padding:20px}.academy-path-copy>strong,#trailsView .study-paths strong{font-size:27px}}
.academy-reference-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.academy-reference-grid>button{padding:0 20px 20px;overflow:hidden;gap:10px}.academy-reference-photo{width:calc(100% + 40px);max-width:none;height:135px;object-fit:cover;margin:0 -20px 7px;object-position:center 45%}.academy-reference-grid>button:nth-child(3) .academy-reference-photo{object-position:center 75%}.academy-reference-grid>button:nth-child(6) .academy-reference-photo{object-position:center 70%}.academy-reference-grid strong{font-size:20px}.academy-path-card:nth-child(3)>img,#trailsView .study-paths>button:nth-child(3) .study-path-photo{object-position:center center}@media(max-width:640px){.academy-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.academy-reference-grid>button{padding:0 14px 16px}.academy-reference-photo{width:calc(100% + 28px);margin-inline:-14px;height:110px}.academy-reference-grid strong{font-size:18px}.academy-reference-grid span{font-size:12px}}
/* Existing practice covers keep their photographs and copy in wide rectangles. */
#homeView .home-shelf-track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;overflow:visible}#homeView .home-feature-card{min-height:210px;aspect-ratio:2 / 1;padding:22px;border-radius:9px}#homeView .home-feature-card strong,#homeView .home-feature-card small{max-width:90%}#homeView .home-feature-card em{margin-top:14px}@media(max-width:640px){#homeView .home-shelf-track{grid-template-columns:1fr}#homeView .home-feature-card{min-height:200px;aspect-ratio:1.8 / 1;padding:20px}}

#academyStudyEntrance{margin-bottom:24px}#academyReferenceEntrance{margin-top:20px}#academyReferenceEntrance .academy-reference{margin-top:0;padding-top:0;border-top:0}

@media(min-width:1001px){.academy-reference-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}

#academyReferenceTitle{font-size:clamp(30px,3.2vw,42px);line-height:1.12;letter-spacing:-.025em;margin:10px 0 14px;color:#f1f2ed}#academyReferenceEntrance .academy-reference>header{border-left:4px solid #80c99b;padding:8px 0 8px 20px;margin-bottom:24px}
/* The global timer strip is retired; study tools keep their own controls. */
.growth-bar{display:none!important}

#studyGrid .grouping-practice{margin-top:10px;width:100%}#studyGrid .grouping-open{display:block;box-sizing:border-box;width:100%;padding:10px 14px;border:0;border-radius:9px;background:linear-gradient(110deg,#27d97b,#59efab);color:#04140a;cursor:pointer;text-align:center;font:800 14px/1.2 system-ui,sans-serif;list-style:none;box-shadow:0 6px 18px #23d67b18}#studyGrid .grouping-open::-webkit-details-marker{display:none}#studyGrid .grouping-open:focus-visible{outline:3px solid #c6ffe0;outline-offset:3px}#studyGrid .grouping-close-label{display:none}#studyGrid .grouping-practice[open] .grouping-open-label{display:none}#studyGrid .grouping-practice[open] .grouping-close-label{display:inline}#studyGrid .grouping-practice[open]>summary{margin-bottom:14px}
/* Shared page edges for course covers, quick navigation and reference cards. */
body>.academy-study-entrance,body>.academy-tools-heading,body>.app-nav{box-sizing:border-box;width:calc(100% - 48px);max-width:1180px;margin-left:auto;margin-right:auto}
body>.academy-study-entrance,body>.academy-tools-heading{padding-left:0;padding-right:0}body>.app-nav{display:flex;flex-wrap:wrap;gap:8px;padding:14px;overflow:visible}body>.app-nav .nav-tab,body>.app-nav .youtube-link{margin:0;flex:0 0 auto}body>.app-nav .youtube-link{width:auto}
.academy-path-copy{width:100%}.academy-path-copy>strong{min-height:2.16em}.academy-path-copy>span{min-height:4.2em}.academy-path-copy>b{margin-top:0}
@media(min-width:1001px) and (max-width:1280px){.academy-path-card{padding:18px}.academy-path-copy>strong{font-size:26px}.academy-path-grid{gap:14px}}
@media(max-width:640px){body>.academy-study-entrance,body>.academy-tools-heading,body>.app-nav{width:calc(100% - 32px)}body>.app-nav{flex-wrap:nowrap;overflow-x:auto;gap:8px;padding:10px;scrollbar-width:thin}.academy-path-grid{grid-template-columns:repeat(4,min(76vw,270px));gap:14px;padding-left:0;padding-right:0}.academy-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.academy-reference-grid>button{min-width:0}.academy-reference-grid strong{overflow-wrap:break-word}.academy-tools-heading h2{line-height:1.3}}
@media(max-width:360px){.academy-reference-grid{grid-template-columns:1fr}}

/* Four primary learning destinations: visible, bounded study steps. */
#curriculumView .dc-layout{grid-template-columns:320px minmax(0,1fr)}
#curriculumView .dc-index{gap:9px;padding:12px}
#curriculumView .dc-index button[data-dc-lesson]{display:grid;grid-template-columns:52px minmax(0,1fr) 16px;align-items:center;gap:11px;padding:10px;border:1px solid #cbd4ca;border-radius:9px;background:#fff;color:#293e31;min-height:76px;text-align:left;box-shadow:0 2px 5px #172e1710}
#curriculumView .course-step-number{display:flex;flex-direction:column;align-items:center;justify-content:center;align-self:stretch;background:#e8ede4;border-radius:6px;font-size:20px;font-weight:750;min-height:54px}
#curriculumView .course-step-number em{font-size:8px;letter-spacing:.08em;font-style:normal}
#curriculumView .course-step-title{font-size:14px;line-height:1.4;font-weight:600;overflow-wrap:anywhere}
#curriculumView .course-step-title small{display:block;font-size:11px;margin-top:5px;font-weight:400}
#curriculumView .course-step-arrow{font-size:23px}
#curriculumView .dc-index button[data-dc-lesson]:hover{border-color:#6c9578;background:#f3f7ef}
#curriculumView .dc-index button[data-dc-lesson][aria-current]{background:#244b38;color:#fff;border-color:#244b38}
#curriculumView .dc-index button[aria-current] .course-step-number{background:#ffffff20}
#curriculumView .dc-index button[aria-current] small{color:#d4eadb}
#zeroTrail .zero-module{border:1px solid #526359;border-radius:10px;margin:12px 0;overflow:hidden;background:#19231f}
#zeroTrail .zero-module>summary{display:grid;grid-template-columns:60px minmax(0,1fr);gap:6px 16px;padding:18px;background:#222d27;cursor:pointer;color:#f0f4ef}
#zeroTrail .zero-module>summary>span{grid-row:span 2;display:grid;place-content:center;min-height:58px;border-radius:7px;background:#ffffff10;font-size:23px}
#zeroTrail .zero-module>summary>span:before{content:'ETAPA';font-size:9px;letter-spacing:.08em;text-align:center}
#zeroTrail .zero-module>summary>small{color:#c0cec4}
#zeroTrail .zero-module.done>summary{border-left:4px solid #89cba0}
#zeroTrail .zero-lesson{border:1px solid #536458;border-radius:10px;padding:20px;margin:14px 0}
#trailsView[data-study-mode="explore"] .trail-featured{border:1px solid #4d5e53;border-radius:12px;overflow:hidden;margin-bottom:16px}
#trailsView[data-study-mode="explore"] .trail-featured-head{background:#202b25;padding:20px;border-bottom:1px solid #405247}
#trailsView[data-study-mode="explore"] .trail-index-badge{display:grid;place-content:center;min-width:54px;min-height:58px;border-radius:7px;background:#ffffff12;color:#e7f1e8}
@media(max-width:850px){#curriculumView .dc-layout{grid-template-columns:1fr}#curriculumView .dc-index{grid-template-columns:1fr 1fr}}
@media(max-width:540px){#curriculumView .dc-index{grid-template-columns:1fr}#zeroTrail .zero-module>summary{padding:14px;gap:8px 12px}}
/* Optimized photographic atmosphere behind the academy; readable solid panels. */
body{background-image:linear-gradient(90deg,rgba(13,18,16,.92),rgba(13,18,16,.86) 50%,rgba(13,18,16,.92)),url('brand/academy-atmosphere.webp');background-size:cover;background-position:center;background-attachment:fixed}
@media(max-width:700px){body{background-attachment:scroll;background-size:auto 100vh;background-repeat:no-repeat;background-color:#101713}}
/* Dark course reading surface; scope excludes tools and printable diagrams. */
#curriculumView{background:#111315ed;color:#f3f4f5;border:1px solid #343a37}
#curriculumView .dc-outline{background:#151819;border-color:#343b37}
#curriculumView .dc-outline>summary{background:#202524;color:#f5f6f5}
#curriculumView .dc-index h2,#curriculumView .dc-index-section{color:#d8e1db}
#curriculumView .dc-index button[data-dc-lesson]{background:#222628;color:#f4f5f4;border-color:#404844;box-shadow:none}
#curriculumView .course-step-number{background:#303735;color:#fff}
#curriculumView .course-step-title small{color:#bfcac3}
#curriculumView .dc-index button[data-dc-lesson]:hover{background:#2c3430;border-color:#82aa91}
#curriculumView .dc-index button[data-dc-lesson][aria-current]{background:#254936;border-color:#83b997;color:#fff}
#curriculumView .dc-lesson{background:#181c1d;color:#f2f4f3;border-color:#3c4540}
#curriculumView .dc-lesson h2,#curriculumView .dc-lesson h4{color:#fff}
#curriculumView .dc-lesson h3,#curriculumView .dc-checks legend{color:#b4d9c0}
#curriculumView .dc-header .eyebrow,#curriculumView .dc-lesson>.eyebrow{color:#b4d9c0}
#curriculumView .dc-before,#curriculumView .dc-roadmap{background:#222927;color:#e4ebe6;border-color:#46564a}
#curriculumView .dc-map article,#curriculumView .dc-checks,#curriculumView .dc-listen,#curriculumView .dc-review,#curriculumView .dc-challenge{border-color:#455249}
#curriculumView .dc-breadcrumb,#curriculumView .dc-breadcrumb button,#curriculumView .dc-availability,#curriculumView .dc-small,#curriculumView .dc-progress{color:#c4cec7}
#curriculumView .dc-breadcrumb{border-color:#3a453e}
#curriculumView .dc-tabs button{background:#242a27;color:#f0f4f1;border-color:#55655a}
#curriculumView .dc-tabs button[aria-pressed=true]{background:#31543e;border-color:#8cab94}
#curriculumView .dc-index button[data-dc-support]{background:#242c28;color:#edf4ef;border:1px solid #506457;margin-top:10px}
#trailsView .trail-featured,#zeroTrail{color:#f4f5f4}
/* Override legacy !important solid shell backgrounds. */
html body:has(.topbar){background:linear-gradient(90deg,rgba(10,13,12,.66),rgba(10,13,12,.78) 50%,rgba(10,13,12,.66)),url('brand/academy-atmosphere.webp') center/cover fixed!important}
@media(max-width:700px){html body:has(.topbar){background-attachment:scroll!important}}

/* Four course entrances: consistent labels and concise topic lists. */
.academy-path-copy>small,#trailsView .study-path-number{text-transform:uppercase;font-variant:normal;font-size:11px;font-weight:800;letter-spacing:.08em;line-height:1.4}
.academy-path-copy>.course-card-topics,#trailsView .study-paths button>.course-card-topics{display:grid;gap:5px;text-align:left;font-size:13px;line-height:1.4;color:#edf0ec}
.course-card-topics>[role="listitem"]{display:block;position:relative;padding-left:13px}
.course-card-topics>[role="listitem"]::before{content:"•";position:absolute;left:0;top:0;color:#cbdccf}
.academy-path-copy>strong,#trailsView .study-paths>button>strong{min-height:2.16em}
@media(max-width:600px){.academy-path-copy>.course-card-topics,#trailsView .study-paths button>.course-card-topics{font-size:13px;gap:4px}}
