:root{--navy:#172c34;--navy-light:#233e47;--paper:#f8f7f2;--white:#fff;--ink:#1d3037;--muted:#5d6c70;--line:#dce1dc;--green:#37644d;--mint:#dce8dc;--gold:#ebce79;--radius:12px}*{box-sizing:border-box}body{margin:0;font:15px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--paper);color:var(--ink)}button,input{font:inherit}button,a,input,summary{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #967324}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit}button{border:0}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.15}button,summary{touch-action:manipulation}.skip{position:fixed;top:8px;left:8px;background:white;padding:12px;z-index:10;transform:translateY(-160%)}.skip:focus{transform:none}.demo-banner{padding:10px 30px;display:flex;justify-content:space-between;gap:12px;font-size:11px;background:#e7ebdf;color:#35483e;letter-spacing:.02em}.app-shell{display:grid;grid-template-columns:244px minmax(0,1fr);max-width:1800px;margin:auto;min-height:calc(100vh - 37px)}.sidebar{background:var(--navy);color:#f7f8ef;padding:34px 23px;display:flex;flex-direction:column;gap:10px}.brand{display:flex;align-items:center;flex-wrap:wrap;gap:9px;text-decoration:none;font-size:24px;font-weight:700;letter-spacing:-1px}.brand-icon{font-family:Georgia,serif;background:var(--gold);color:var(--navy);height:40px;width:40px;display:grid;place-items:center;border-radius:9px;font-size:31px;letter-spacing:-3px;padding-right:4px}.brand-sub{display:block;flex-basis:100%;font-size:9px;font-weight:500;letter-spacing:3.4px;margin-left:49px;margin-top:-14px;color:#bfd0cf}.nav-label{font-size:9px;letter-spacing:1.6px;color:#bbc9c8;margin:42px 10px 5px}.nav-item{display:flex;align-items:center;gap:12px;text-align:left;background:transparent;color:#fff;border-radius:7px;padding:13px;font-size:13px;width:100%}.nav-item.current{background:#2d474f}.nav-item span{font-size:20px;line-height:1}.course-nav-head{display:flex;justify-content:space-between;gap:8px;font-size:8px;letter-spacing:1px;color:#c4d0ce;margin:32px 5px 15px}.lesson-nav-button{width:100%;display:flex;gap:12px;align-items:start;text-align:left;background:transparent;color:#d4dddd;padding:12px 7px;border-radius:6px;margin-bottom:8px;font-size:12px;line-height:1.4;min-height:48px}.lesson-nav-button:hover:not(:disabled),.lesson-nav-button.active{background:#2d474f}.lesson-nav-button:disabled{color:#9caeae}.lesson-number{flex-shrink:0;border:1px solid #7b9293;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;font-size:10px}.lesson-nav-button.completed .lesson-number{background:var(--mint);color:var(--navy);border-color:var(--mint)}.lesson-nav-button small{display:block;color:inherit;font-size:10px;margin-top:4px}.sidebar-bottom{margin-top:auto;padding:45px 9px 0}.sidebar-bottom p{color:#d4dedb;font:italic 20px/1.4 Georgia,serif;margin-bottom:24px}.sidebar-bottom a,.sidebar-bottom button{display:block;color:#c7d2cf;background:transparent;font-size:11px;margin-top:18px;text-align:left;padding:0;text-underline-offset:4px}.main-shell{min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;padding:21px 42px;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted);background:#fff}.topbar b{font-weight:500;color:var(--ink);margin-left:6px}.learner{display:flex;align-items:center;gap:10px}.avatar{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#e9ede5;color:#3d5845;font-size:10px;font-weight:700}main{padding:36px 42px;max-width:1260px;margin:auto}.breadcrumb{font-size:9px;font-weight:700;letter-spacing:1.8px;display:flex;justify-content:space-between;color:var(--muted);gap:12px}.breadcrumb span{font-weight:400;font-size:8px}.course-heading{display:grid;grid-template-columns:1.4fr 1fr;gap:35px;padding:36px 0 32px;align-items:center}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.6px;color:var(--green)}.dot{display:inline-block;height:6px;width:6px;border-radius:100%;background:var(--green);margin-right:6px}h1{font:normal clamp(30px,3.5vw,53px)/1.08 Georgia,serif;letter-spacing:-1.9px;margin:15px 0 18px}.course-heading p{max-width:470px;color:var(--muted);font-size:13px}.course-facts{display:flex;flex-wrap:wrap;gap:9px 18px;font-size:9px;margin-top:22px;color:#4f6267}.course-facts span+span:before{content:'·';margin-right:18px}.course-art{min-height:230px;background:#e9eadd;position:relative;overflow:hidden;border-radius:var(--radius)}.art-orbit{width:235px;height:235px;border:1px solid #bcc8b6;position:absolute;border-radius:50%;left:40px;top:-95px;transform:rotate(-20deg)}.orbit-two{width:300px;height:300px;left:20px;top:-20px}.art-card{position:absolute;padding:15px 12px;width:91px;height:111px;box-shadow:0 7px 16px #20362a16;border-radius:5px;display:flex;flex-direction:column;justify-content:space-between}.art-card span{font:16px Georgia,serif}.art-card b{font-size:9px;letter-spacing:2px}.card-a{left:10%;top:48px;transform:rotate(-12deg);background:#f8f7f0;color:#566643}.card-b{left:38%;top:66px;transform:rotate(4deg);background:#56715a;color:#fff}.card-c{left:65%;top:35px;transform:rotate(14deg);background:var(--gold);color:var(--ink)}.art-note{position:absolute;bottom:15px;left:20px;font:italic 12px Georgia,serif;color:#4f634f}.progress-panel{display:flex;gap:24px;justify-content:space-between;align-items:center;padding:21px 25px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:34px}.progress-panel p{margin-top:7px;font-size:12px}.progress-panel strong{font-weight:600}.progress-panel p span{display:block;font-size:11px;margin-top:3px;color:var(--muted)}.progress-meter{display:flex;align-items:center;gap:13px;min-width:185px;font-size:12px;font-weight:600}progress{height:6px;width:145px;border:0;border-radius:10px;overflow:hidden;accent-color:var(--green)}progress::-webkit-progress-bar{background:#e8ece5}progress::-webkit-progress-value{background:var(--green)}.section-top{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:19px}.section-top h2{font-size:20px;letter-spacing:-.5px}.section-top p{font-size:11px;color:var(--muted)}.lesson-list{display:grid;gap:12px}.lesson-card{background:#fff;border:1px solid var(--line);border-radius:10px;display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:19px;padding:22px;align-items:center}.lesson-card-number{background:#f0f2ea;width:43px;height:43px;display:grid;place-items:center;border-radius:50%;font:18px Georgia,serif;color:var(--green)}.lesson-card h3{font-size:15px;margin-bottom:6px}.lesson-card p{font-size:11px;color:var(--muted)}.lesson-meta{display:flex;align-items:center;gap:10px;margin-top:8px;font-size:9px;color:var(--muted)}.status-pill{display:inline-block;border-radius:20px;padding:3px 8px;background:#edf1e7;color:#3e5f44;font-size:9px;font-weight:600}.status-pill.locked{background:#f0efeb;color:#68716b}.primary,.secondary,.danger{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:42px;padding:11px 17px;border-radius:6px;font-size:12px;font-weight:600;text-decoration:none}.primary{background:var(--green);color:white}.primary:hover{background:#244c38}.secondary{background:#fff;border:1px solid #cad4c9;color:var(--ink)}.secondary:hover{background:#eff3eb}.primary:disabled,.secondary:disabled{background:#eeefe9;color:#747d74;border:1px solid #dce1d6}.assessment-card{margin-top:22px;padding:25px;background:#e7ecdf;border-radius:var(--radius);display:flex;align-items:center;justify-content:space-between;gap:24px}.assessment-card h3{font:22px Georgia,serif;margin:5px 0 7px}.assessment-card p{font-size:12px;color:#50634e;max-width:420px}.lesson-reader,.quiz-panel,.certificate-panel{padding:30px;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}.back-link{display:inline-block;background:transparent;padding:0;color:var(--muted);font-size:11px;margin-bottom:22px}.lesson-reader h2,.quiz-panel h2,.certificate-panel h2{font:normal 30px/1.15 Georgia,serif;letter-spacing:-.7px;margin:9px 0 15px}.lesson-intro{font-size:15px;line-height:1.7;color:#53676a;padding-bottom:21px;border-bottom:1px solid var(--line);margin-bottom:25px}.lesson-copy h3{font-size:14px;margin:23px 0 9px}.lesson-copy p{font-size:13px;line-height:1.8;color:#536269;max-width:70ch}.takeaway{background:#f0f3e9;border-left:3px solid var(--green);padding:16px 20px;margin:24px 0;font:italic 17px/1.5 Georgia,serif}.knowledge-check{border-top:1px solid var(--line);padding-top:22px}.knowledge-check h3{font-size:15px;margin-bottom:16px}.question{border:0;padding:0;margin:0 0 26px;min-width:0}.question legend{font-weight:600;font-size:13px;line-height:1.6;margin-bottom:12px;padding:0}.choice{display:flex;gap:10px;padding:11px 13px;border:1px solid var(--line);border-radius:6px;margin-bottom:8px;font-size:12px;align-items:start;cursor:pointer}.choice:has(input:checked){background:#eff4e9;border-color:#698965}.choice input{accent-color:var(--green);margin:3px 0 0;flex-shrink:0}.feedback{font-size:12px;line-height:1.6;margin:12px 0;padding:13px 15px;background:#eff5e8;color:#315037;border-radius:6px}.feedback.error{background:#fff0e8;color:#7f3627}.reader-actions,.quiz-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.quiz-intro{font-size:13px;color:var(--muted);margin-bottom:25px}.quiz-intro strong{color:var(--ink)}.assessment-result{padding:22px;background:#edf3e7;border-radius:8px;margin-bottom:25px}.assessment-result.fail{background:#fff2e8}.assessment-result h3{font:24px Georgia,serif;margin-bottom:8px}.assessment-result p{font-size:12px}.answer-review{margin:18px 0}.answer-review h4{margin:0 0 5px;font-size:12px}.answer-review p{font-size:12px;color:var(--muted)}.certificate-panel label{font-size:12px;font-weight:600;display:block;margin:18px 0 7px}.certificate-panel input{width:min(100%,380px);border:1px solid #b7c4b9;padding:12px;border-radius:5px}.certificate-preview{background:#f8f7ee;border:1px solid #d4dbc9;padding:30px;text-align:center;margin:25px 0}.certificate-preview .cert-brand{font:italic 21px Georgia,serif;color:var(--green)}.certificate-preview h3{font:30px Georgia,serif;margin:18px 0}.certificate-preview .cert-name{font:26px Georgia,serif;margin:15px 0;color:var(--green);overflow-wrap:anywhere}.certificate-preview p{font-size:12px}.certificate-preview small{font-size:9px;display:block;margin-top:22px;color:#5d6d60}.evidence-note{display:flex;gap:16px;margin-top:42px;padding-top:25px;border-top:1px solid var(--line);color:var(--muted);font-size:10px;line-height:1.7}.evidence-note h2{font-size:11px;color:var(--ink);margin-bottom:7px}.evidence-icon{font:25px Georgia,serif}.evidence-note details{margin-top:10px}.evidence-note summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px}.evidence-note details p{margin-top:10px}.notice{font-size:12px;background:#fff1da;border:1px solid #d7bd87;padding:14px;border-radius:6px;margin-bottom:20px}footer{padding:24px 42px;border-top:1px solid var(--line);font-size:10px;color:var(--muted);display:flex;justify-content:space-between;gap:15px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog{border:1px solid var(--line);border-radius:12px;max-width:460px;width:calc(100% - 32px);padding:28px;color:var(--ink)}dialog::backdrop{background:#172c3480}dialog h2{font:26px Georgia,serif;margin-bottom:15px}dialog p{font-size:13px;color:var(--muted)}.dialog-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.danger{background:#833b30;color:white}[hidden]{display:none!important}@media(min-width:1450px){main{padding-top:44px}.course-heading{gap:70px}.course-art{min-height:260px}.art-card{width:105px;height:130px}}@media(max-width:1050px){.app-shell{grid-template-columns:200px minmax(0,1fr)}.sidebar{padding:30px 15px}.topbar{padding:20px 26px}main{padding:30px 26px}.course-heading{gap:20px}.course-art{min-height:210px}.art-card{width:72px;height:99px}.course-heading h1{font-size:35px}.progress-panel{padding:18px;gap:16px}.progress-meter{min-width:130px}progress{width:90px}.lesson-card{padding:18px;gap:13px}footer{padding:24px 26px}}@media(max-width:800px){.app-shell{grid-template-columns:minmax(0,1fr)}.sidebar{padding:20px 22px;gap:0}.brand{font-size:22px}.brand-sub{display:none}.brand-icon{height:34px;width:34px;font-size:27px}.nav-label,.course-nav-head,.sidebar nav,.sidebar-bottom{display:none}.nav-item{width:auto;position:absolute;right:22px;top:74px;font-size:11px;padding:9px}.demo-banner{padding:10px 18px;flex-wrap:wrap;gap:3px;font-size:9px}.demo-banner span{display:block}.topbar{padding:16px 22px}.course-heading h1{font-size:39px}.course-heading{grid-template-columns:1.4fr 1fr}.course-art{min-height:200px}.breadcrumb{font-size:8px}.breadcrumb span{font-size:7px}.lesson-reader,.quiz-panel,.certificate-panel{padding:24px}}@media(max-width:560px){main{padding:25px 18px}.course-heading{display:block;padding:26px 0}.course-heading h1{font-size:37px;letter-spacing:-1.5px}.course-heading p{font-size:12px}.course-art{display:none}.breadcrumb span{display:none}.progress-panel{display:block;padding:18px}.progress-meter{margin-top:17px}progress{width:calc(100% - 48px)}.section-top{display:block}.section-top p{margin-top:7px}.lesson-card{grid-template-columns:32px minmax(0,1fr);gap:12px;padding:17px 14px}.lesson-card-number{width:32px;height:32px;font-size:15px}.lesson-card>button{grid-column:2;justify-self:start;min-height:40px;padding:9px 14px}.lesson-card h3{font-size:14px}.assessment-card{display:block;padding:22px}.assessment-card button{margin-top:18px}.lesson-reader,.quiz-panel,.certificate-panel{padding:22px 17px}.lesson-reader h2,.quiz-panel h2{font-size:27px}.certificate-preview{padding:24px 15px}.certificate-preview h3{font-size:24px}.learner{font-size:10px;gap:7px}.topbar{padding:14px 18px}footer{padding:22px 18px;display:block}footer span{display:block;margin-top:5px}.nav-item{right:14px}.nav-item span{display:none}.evidence-note{gap:10px}.reader-actions .primary,.reader-actions .secondary{width:100%}}
@media(prefers-reduced-motion:no-preference){button,a{transition:background-color .15s ease}}
@media print{body{background:#fff}.demo-banner,.app-shell,dialog{display:none!important}#print-certificate{display:block!important;padding:65px 45px;text-align:center;color:#172c34;border:3px double #56715a;margin:25px;min-height:650px}#print-certificate .cert-brand{font:italic 26px Georgia,serif;color:#37644d}#print-certificate h2{font:42px Georgia,serif;margin:40px 0 28px}#print-certificate .cert-name{font:36px Georgia,serif;color:#37644d;margin:25px 0;overflow-wrap:anywhere}#print-certificate p{font-size:16px;line-height:1.8}#print-certificate small{display:block;margin-top:60px;font-size:11px}@page{size:A4 landscape;margin:15mm}}
/* Keep the portfolio route and reset available on narrow screens. */
@media(max-width:800px){.sidebar-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19px 0 0;margin-top:0}.sidebar-bottom p{display:none}.sidebar-bottom a,.sidebar-bottom button{margin-top:0;min-height:44px;display:flex;align-items:center;font-size:11px}.sidebar-bottom button{text-decoration:underline;text-underline-offset:4px}}
@media print{#print-certificate h3{font:42px Georgia,serif;margin:40px 0 28px}}