/* design-super v1 | macro: Catalogue | theme: Studio / learning | type: Manrope | context: Morrow reference frontend */
@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-latin.woff2') format('woff2');font-weight:200 800;font-display:swap}
:root{--a-paper:#f9faf6;--a-ink:#19372d;--a-muted:#5e7066;--a-line:#d4ded2;--a-green:#214b3a;--a-lime:#e5edb9;--a-panel:#eef2e7;--a-white:#fff;--a-gap:clamp(22px,5vw,72px);--a-radius:10px;--a-peach:#f1d3b8;--a-blue:#d9e8ef}
*{box-sizing:border-box}html{overflow-x:clip;scroll-behavior:smooth}body{margin:0;background:var(--a-paper);color:var(--a-ink);font:15px/1.65 Manrope,Arial,sans-serif;overflow-x:clip}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance;overflow-wrap:anywhere;min-width:0}p{text-wrap:pretty}h1{font-size:clamp(44px,5.5vw,76px);line-height:1.09;letter-spacing:-.06em;font-weight:500}h2{font-size:32px;letter-spacing:-1.4px;font-weight:550;line-height:1.2}h3{font-size:20px;line-height:1.3;letter-spacing:-.6px;font-weight:600}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #305ad4;outline-offset:4px}button,a{transition:background-color .16s,color .16s}::selection{background:var(--a-lime);color:var(--a-ink)}[hidden]{display:none!important}.skip{position:absolute;left:12px;top:-100px;z-index:10;padding:12px;background:var(--a-green);color:var(--a-paper)}.skip:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.reference-bar{background:var(--a-green);color:var(--a-paper);display:flex;justify-content:space-between;align-items:center;gap:20px;padding:6px var(--a-gap);font-size:10px;min-height:40px}.reference-bar>span{letter-spacing:.07em;font-size:9px}.reference-bar a,.reference-bar button{min-height:32px;display:inline-flex;align-items:center}.reference-bar button{border:0;color:inherit;background:transparent;font-size:10px;padding:0}.reference-bar button:hover{text-decoration:underline}.academy-header{display:flex;justify-content:space-between;align-items:center;gap:32px;margin:0 var(--a-gap);border-bottom:1px solid var(--a-line);height:98px}.academy-brand{font-size:32px;font-weight:750;letter-spacing:-1.8px;display:flex;align-items:center;gap:8px}.academy-brand>span:last-child{margin-left:-8px}.brand-symbol{display:grid;place-items:center;width:28px;height:28px;background:var(--a-ink);color:var(--a-lime);border-radius:50%;font-size:24px;line-height:1;padding-bottom:3px}.academy-header nav{display:flex;align-items:center;gap:35px;font-size:12px;font-weight:600}.academy-header nav>a{padding:12px 0;border-bottom:2px solid transparent}.academy-header nav>a[aria-current]{border-color:var(--a-green)}.academy-header nav>a:hover{color:#3e7150}#enrolment-count{background:var(--a-panel);padding:3px 7px;border-radius:4px;margin-left:4px;font-size:10px}.academy-tagline{font-size:11px;color:var(--a-muted)}main{max-width:1440px;margin:auto;padding:0 var(--a-gap);min-height:65vh}main:focus{outline:none}.eyebrow{font-size:10px;font-weight:650;letter-spacing:.06em}.catalogue-intro{display:flex;justify-content:space-between;gap:64px;align-items:end;padding:70px 0 62px}.catalogue-intro h1{margin-top:22px}.catalogue-intro h1 span{color:#52765b}.intro-aside{padding-bottom:7px}.intro-aside p{font-size:14px;line-height:1.8;color:var(--a-muted);margin-bottom:28px}.intro-aside>a{font-size:12px;display:flex;justify-content:space-between;gap:28px;border-bottom:1px solid var(--a-line);padding-bottom:10px;min-height:44px}.catalogue-section{padding:38px 0 66px;border-top:1px solid var(--a-line)}.catalogue-heading{display:flex;align-items:center;justify-content:space-between;gap:32px}.catalogue-heading h2{font-size:26px;letter-spacing:-1px}.catalogue-heading p{font-size:12px;color:var(--a-muted);margin-top:7px}.search-label{display:flex;align-items:center;border:1px solid #8b9e8e;border-radius:5px;padding:0 12px;background:var(--a-white)}.search-label input{min-height:44px;width:210px;background:transparent;border:0;font-size:12px;color:var(--a-ink);outline-offset:8px}.search-label>span:last-child{font-size:25px;color:var(--a-muted)}.catalogue-filters{display:flex;gap:10px;flex-wrap:wrap;margin:27px 0 26px}.catalogue-filters button{min-height:40px;padding:9px 15px;font-size:11px;border-radius:30px;border:1px solid var(--a-line);background:transparent;color:var(--a-ink)}.catalogue-filters button[aria-pressed=true]{background:var(--a-green);color:var(--a-paper);border-color:var(--a-green)}.catalogue-filters button:hover{border-color:var(--a-green)}.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.course-card{min-width:0}.course-card>a{display:block;border-radius:var(--a-radius);height:100%}.course-card>a:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.course-cover{position:relative;min-height:245px;border-radius:var(--a-radius);padding:24px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}.peach{background:var(--a-peach);color:#583b2d}.green{background:var(--a-green);color:var(--a-lime)}.blue{background:var(--a-blue);color:#294658}.cover-label{font-size:7px;font-weight:650;letter-spacing:.1em}.cover-number{position:absolute;right:20px;top:17px;font-size:11px;font-weight:500}.course-cover strong{font-size:22px;letter-spacing:-.9px;line-height:1.14;font-weight:500;max-width:185px;position:relative;z-index:1}.cover-diagram{position:absolute;right:22px;bottom:27px;width:135px;height:145px;opacity:.8}.cover-diagram i{position:absolute;display:block;border:1px solid currentColor;width:82px;height:105px;top:0;left:0;border-radius:9px}.cover-diagram i:nth-child(2){left:25px;top:20px}.cover-diagram i:nth-child(3){left:50px;top:40px}.green .cover-diagram i{width:85px;height:85px;border-radius:50%;top:10px;left:0}.green .cover-diagram i:nth-child(2){left:47px;top:10px}.green .cover-diagram i:nth-child(3){left:23px;top:51px}.blue .cover-diagram i{width:80px;height:50px;border-radius:3px;left:0;top:0;transform:rotate(-10deg)}.blue .cover-diagram i:nth-child(2){left:35px;top:42px;transform:rotate(10deg)}.blue .cover-diagram i:nth-child(3){left:0;top:89px;transform:rotate(-5deg)}.course-card-body{padding:21px 1px 0}.course-card-body>.eyebrow{color:var(--a-muted);font-size:9px;letter-spacing:.02em}.course-card h3{display:flex;justify-content:space-between;gap:10px;margin:8px 0 11px}.course-card h3 span{font-size:18px}.course-card p{font-size:12px;line-height:1.8;color:var(--a-muted)}.card-meta{display:flex;justify-content:space-between;gap:12px;font-size:10px;margin-top:22px;padding-top:15px;border-top:1px solid var(--a-line)}.result-count{font-size:11px;color:var(--a-muted);margin-top:25px}.empty-state{grid-column:1/-1;background:var(--a-panel);padding:45px;text-align:center;border-radius:var(--a-radius)}.empty-state p{margin:12px 0 24px;color:var(--a-muted)}.primary,.secondary{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-height:48px;padding:12px 20px;border-radius:5px;border:1px solid var(--a-green);background:var(--a-green);color:var(--a-paper);font-size:12px;font-weight:600;white-space:nowrap}.primary:hover{background:#31634a}.secondary{background:transparent;color:var(--a-green)}.secondary:hover{background:var(--a-panel)}.breadcrumbs{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:30px 0;font-size:11px;color:var(--a-muted)}.breadcrumbs a:hover{text-decoration:underline}.course-intro{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:85px;padding:27px 0 65px;align-items:center}.course-intro h1{font-size:clamp(44px,4.8vw,66px);margin:20px 0 25px}.course-intro>div:first-child>p{max-width:490px;font-size:15px;color:var(--a-muted);line-height:1.85}.course-facts{display:flex;gap:28px;font-size:11px;margin:24px 0 29px}.course-intro .course-cover{min-height:400px;padding:36px}.course-intro .course-cover strong{font-size:36px;max-width:270px}.course-intro .cover-diagram{width:200px;height:250px;transform:scale(1.5);transform-origin:top right;top:70px;right:30px}.course-intro .course-access{font-size:10px!important;margin-top:15px}.curriculum{display:grid;grid-template-columns:1fr 1.5fr;gap:90px;border-top:1px solid var(--a-line);padding:55px 0 75px}.curriculum h2{font-size:42px;margin:17px 0}.curriculum p{font-size:13px;color:var(--a-muted);max-width:285px}.curriculum ol{padding:0;margin:0;list-style:none}.curriculum li{display:flex;align-items:center;gap:22px;padding:25px 0;border-bottom:1px solid var(--a-line)}.curriculum li:first-child{padding-top:0}.lesson-index{font-size:12px;color:var(--a-muted)}.curriculum li h3{font-size:17px}.curriculum li p{font-size:11px;margin-top:8px;max-width:none}.lesson-state{margin-left:auto;font-size:9px;white-space:nowrap;color:var(--a-muted)}.learning-intro{padding:66px 0 45px}.learning-intro h1{font-size:clamp(43px,4.6vw,64px);margin:20px 0}.learning-intro p{color:var(--a-muted);font-size:14px}.learning-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:55px;padding-bottom:70px}.learning-layout h2{font-size:25px;margin-bottom:24px}.learning-card{display:grid;grid-template-columns:175px minmax(0,1fr);border:1px solid var(--a-line);border-radius:var(--a-radius);padding:18px;gap:25px;margin-bottom:20px;background:var(--a-white)}.learning-card .course-cover{min-height:210px;padding:16px}.learning-card .course-cover strong{font-size:19px;max-width:130px}.learning-card .cover-diagram{right:0;top:20px;transform:scale(.65)}.learning-card .cover-number{display:none}.learning-card .cover-label{font-size:5px}.learning-card-content{padding:12px 7px}.learning-card-content h3{font-size:23px;margin:10px 0 22px}.progress-description{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--a-muted)}.progress-description strong{color:var(--a-green)}progress{display:block;width:100%;height:5px;border:0;border-radius:8px;overflow:hidden;margin-top:11px;background:var(--a-line);color:var(--a-green)}progress::-webkit-progress-bar{background:var(--a-line)}progress::-webkit-progress-value{background:var(--a-green)}progress::-moz-progress-bar{background:var(--a-green)}.learning-card-content>a{display:flex;justify-content:space-between;font-size:12px;font-weight:650;margin-top:25px;min-height:44px;align-items:center}.learning-summary{background:var(--a-panel);padding:30px;border-radius:var(--a-radius);align-self:start;margin-top:54px}.learning-summary>strong{display:block;font-size:80px;line-height:1.1;font-weight:450;letter-spacing:-5px;margin:25px 0 6px}.learning-summary h3{font-size:19px}.learning-summary p{font-size:13px;margin:18px 0 25px;color:var(--a-muted)}.learning-summary>a{font-size:11px;text-decoration:underline;text-underline-offset:4px}.lesson-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:75px;padding:22px 0 75px}.lesson-sidebar{padding:25px;background:var(--a-panel);border-radius:var(--a-radius);align-self:start}.lesson-sidebar h2{font-size:23px;margin:15px 0 24px;letter-spacing:-.7px}.lesson-sidebar>p{font-size:10px;color:var(--a-muted);margin-top:9px}.lesson-sidebar nav{display:grid;gap:7px;margin:26px -12px}.lesson-sidebar nav>a{display:flex;gap:12px;align-items:center;padding:12px;border-radius:5px;font-size:11px;min-height:48px}.lesson-sidebar nav>a[aria-current]{background:var(--a-green);color:var(--a-paper)}.lesson-sidebar nav>a>span{font-size:10px}.back-learning{font-size:10px;display:inline-flex;min-height:44px;align-items:center}.lesson-article{max-width:720px;padding:15px 0}.lesson-article h1{font-size:clamp(38px,4vw,56px);margin:18px 0 16px}.lesson-article .lesson-subtitle{font-size:18px;margin-bottom:32px}.lesson-article>p{font-size:15px;line-height:1.9;color:var(--a-muted);margin-bottom:22px}.exercise{background:var(--a-panel);padding:28px 32px;margin:35px 0;border-radius:var(--a-radius)}.exercise h2{font-size:27px;margin:13px 0}.exercise p{font-size:14px;color:var(--a-muted)}.lesson-actions{display:flex;justify-content:space-between;align-items:center;gap:20px}.lesson-actions>a{font-size:12px;min-height:44px;display:flex;align-items:center}.lesson-article .save-status{font-size:10px;margin-top:20px}.academy-footer{border-top:1px solid var(--a-line);margin:0 var(--a-gap);padding:27px 0;display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:10px;color:var(--a-muted)}.academy-footer .academy-brand{font-size:25px;color:var(--a-green)}.academy-footer>a:last-child{padding:12px 0}dialog{border:0;padding:40px;border-radius:12px;background:var(--a-paper);color:var(--a-ink);width:min(600px,calc(100% - 32px));max-height:90dvh;overflow:auto}dialog::backdrop{background:#10271ecc}dialog h2{margin:20px 0;font-size:34px}dialog p{color:var(--a-muted);font-size:14px}dialog dl{margin:25px 0}dialog dl>div{border-top:1px solid var(--a-line);padding:15px 0;font-size:12px}dialog dt{font-weight:700}dialog dd{margin:8px 0 0;color:var(--a-muted)}#close-info{position:absolute;right:12px;top:12px;width:44px;height:44px;border:0;background:transparent;font-size:26px;color:var(--a-ink)}
@media(min-width:1500px){.academy-header,.academy-footer{max-width:1296px;margin-inline:auto}.catalogue-intro{padding-top:82px}}
@media(max-width:1000px){.academy-tagline{display:none}.course-grid{gap:18px}.course-cover{min-height:220px;padding:20px}.course-cover strong{font-size:20px}.cover-diagram{right:0;opacity:.6}.course-card h3{font-size:18px}.course-intro{gap:40px}.curriculum{gap:40px}.lesson-state{display:none}.learning-layout{gap:30px}.learning-card{grid-template-columns:140px minmax(0,1fr);gap:18px}.learning-card-content h3{font-size:20px}.learning-summary{padding:25px}.lesson-layout{grid-template-columns:220px minmax(0,1fr);gap:40px}.lesson-sidebar{padding:22px}.lesson-actions{flex-wrap:wrap}.course-facts{gap:16px;flex-wrap:wrap}}
@media(max-width:760px){.academy-header{height:84px;gap:20px}.academy-brand{font-size:27px}.academy-header nav{gap:18px;font-size:11px}.catalogue-intro{padding:45px 0;gap:32px;align-items:start;flex-direction:column}.catalogue-intro h1{font-size:62px}.intro-aside{display:flex;justify-content:space-between;gap:32px;width:100%;align-items:center}.intro-aside p{margin:0;font-size:13px}.intro-aside>a{align-items:center;padding:0;gap:15px}.catalogue-heading{gap:20px}.catalogue-heading h2{font-size:24px}.search-label input{width:160px}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.course-cover{min-height:245px}.course-intro{gap:32px}.course-intro h1{font-size:44px}.course-intro .course-cover{min-height:360px;padding:24px}.course-intro .course-cover strong{font-size:27px}.course-intro .cover-diagram{transform:scale(1.1);right:0}.curriculum{grid-template-columns:1fr;gap:32px}.curriculum h2{font-size:36px}.curriculum p{max-width:500px}.learning-layout{grid-template-columns:1fr}.learning-summary{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 25px}.learning-summary>.eyebrow{grid-column:1/-1}.learning-summary>strong{grid-row:2/5;margin:0}.learning-summary h3{align-self:end}.learning-summary p{margin:0}.learning-summary>a{grid-column:2}.learning-card{grid-template-columns:175px minmax(0,1fr)}.lesson-layout{grid-template-columns:1fr;gap:30px}.lesson-sidebar h2{font-size:24px}.lesson-sidebar nav{margin:18px 0 0;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.lesson-sidebar .back-learning{margin-top:12px}.lesson-sidebar nav>a{font-size:10px;align-items:flex-start}.lesson-article{padding:0}.academy-footer{flex-wrap:wrap;gap:16px}.academy-footer>span{margin-left:auto}.academy-footer>a:last-child{width:100%}}
@media(max-width:520px){.reference-bar{gap:10px;font-size:9px}.reference-bar>span{display:none}.reference-bar a,.reference-bar button{min-height:36px}.academy-header{gap:16px;height:78px}.academy-brand{font-size:25px}.brand-symbol{width:23px;height:23px;font-size:20px}.academy-header nav{gap:16px;font-size:10px}.academy-header nav>a{white-space:nowrap}.academy-header #enrolment-count{display:none}.catalogue-intro h1{font-size:clamp(43px,11.8vw,61px)}.catalogue-intro .eyebrow{font-size:9px}.intro-aside{display:block}.intro-aside p{font-size:14px}.intro-aside>a{margin-top:20px;display:inline-flex;padding-bottom:8px}.catalogue-heading{display:block}.search-label{margin-top:24px}.search-label input{width:100%;font-size:16px}.catalogue-filters{gap:8px}.catalogue-filters button{font-size:10px;padding:9px 12px;min-height:44px}.course-grid{grid-template-columns:1fr;gap:35px}.course-cover{min-height:260px;padding:25px}.course-cover strong{font-size:29px;max-width:200px}.cover-diagram{right:20px;opacity:.8}.course-card-body>.eyebrow{font-size:10px}.course-card h3{font-size:22px}.course-card p{font-size:14px}.card-meta{font-size:11px}.course-intro{grid-template-columns:1fr;padding-top:10px;padding-bottom:40px}.course-intro h1{font-size:45px}.course-intro .course-cover{min-height:280px}.course-intro .course-cover strong{max-width:220px;font-size:31px}.course-intro .course-access{font-size:10px}.curriculum{padding:40px 0 55px}.curriculum li{gap:16px}.curriculum li h3{font-size:17px}.curriculum li p{font-size:12px}.learning-intro{padding:42px 0 32px}.learning-intro h1{font-size:41px}.learning-card{grid-template-columns:1fr;padding:16px;gap:10px}.learning-card .course-cover{min-height:180px}.learning-card .course-cover strong{max-width:160px;font-size:25px}.learning-card .cover-diagram{right:22px;top:10px;transform:scale(.85)}.learning-card .cover-label{font-size:7px}.learning-card-content{padding:10px 3px 0}.learning-card-content h3{font-size:24px}.learning-card-content>a{font-size:13px}.progress-description{font-size:12px}.learning-summary{display:block}.learning-summary>strong{margin:18px 0 8px}.learning-summary p{margin:18px 0}.empty-state{padding:32px 20px}.empty-state h3{font-size:21px}.empty-state p{font-size:14px}.lesson-sidebar nav{grid-template-columns:1fr;gap:5px}.lesson-sidebar nav>a{font-size:12px;align-items:center}.lesson-article h1{font-size:40px}.lesson-article>p{font-size:15px}.exercise{padding:25px}.lesson-actions{display:grid;grid-template-columns:1fr}.lesson-actions .primary,.lesson-actions .secondary{justify-content:center;font-size:11px}.lesson-actions>a{justify-content:center}.academy-footer>span{margin:0;font-size:9px}.academy-footer .academy-brand{font-size:23px}dialog{padding:28px}dialog h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}