/* Compact, readable course layout; final stylesheet for learner and admin. */
:root{--course-ink:#153f65;--course-line:#d3e3f0}
body{line-height:1.55}.topbar{row-gap:10px;padding-top:14px;padding-bottom:12px}.topbar .nav-item{min-height:44px;padding:9px 13px}#main,.admin-main{padding-top:20px;padding-bottom:24px}.page-heading{margin-bottom:20px}.page-heading .intro{margin-top:7px}.learning-steps{margin-top:14px;margin-bottom:18px;min-height:44px}.section{margin-top:28px}h1,h2,h3{line-height:1.35}p{line-height:1.6}.panel{padding:22px}.hero{min-height:290px}.hero p,.hero-copy p{line-height:1.6}.lesson-card p{line-height:1.55}.course-heading h1{font-size:clamp(25px,3vw,38px)}.course-banner{background:linear-gradient(110deg,#e9f5ff,#dfeaff);padding:22px 26px;border:1px solid var(--course-line);border-radius:18px;display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 18px}.course-banner h2{font-size:22px;margin:0 0 5px}.course-banner p{margin:0}.course-policy{margin:0 0 22px}.course-policy ol{padding-left:24px;margin:10px 0}.course-policy li{margin:6px 0}.course-policy .hint{margin:9px 0}.course-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.course-module{background:#fff;border:1px solid var(--course-line);border-radius:18px;overflow:hidden;box-shadow:0 7px 22px #16476606}.course-module>a{display:block;color:var(--course-ink);text-decoration:none}.course-module img{width:100%;height:145px;object-fit:cover}.course-module .small-label{display:block;padding:15px 18px 0;color:#49749a}.course-module h2{font-size:21px;padding:0 18px;margin:7px 0 12px}.course-module ul{list-style:none;margin:0;padding:0 18px}.course-module li{margin:7px 0}.course-module li a{color:#345b7b;display:flex;gap:8px;font-size:14px;align-items:flex-start;text-decoration:none}.course-module .icon{flex-shrink:0;width:17px;height:17px;margin-top:3px}.course-module-foot{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-top:1px solid #edf3f8;margin-top:15px;color:#4c7190;font-size:14px}.course-support{margin-top:22px}.course-support h2,.course-policy h2{font-size:21px}.course-topline{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;font-size:14px}.classroom{display:grid;grid-template-columns:260px minmax(0,1fr);gap:22px;align-items:start}.course-outline{position:sticky;top:140px;background:#fff;border:1px solid var(--course-line);border-radius:16px;padding:18px}.course-outline h2{font-size:19px;margin:0 0 9px}.course-outline p{font-size:13px;color:#54748f}.course-outline nav{display:grid;gap:5px}.course-outline nav a{color:var(--course-ink);padding:10px;border-radius:10px;text-decoration:none;display:flex;gap:9px;font-size:14px;min-height:44px}.course-outline nav .icon{width:18px;flex-shrink:0}.course-outline a[aria-current]{background:#e7f2ff;color:#1164af;font-weight:700}.course-outline details{border-top:1px solid var(--course-line);padding-top:13px;margin-top:10px;font-size:13px}.course-outline summary{cursor:pointer;padding:8px 0}.lesson-reader{background:#ffffffec;border:1px solid var(--course-line);padding:28px 34px;border-radius:20px;max-width:900px}.lesson-reader h1{font-size:clamp(25px,3vw,34px);margin:6px 0 12px}.lesson-reader h2{font-size:21px;margin:0 0 10px}.lesson-reader section{margin-top:22px}.lesson-reader p,.lesson-reader li{line-height:1.7;font-size:16px}.lesson-reader p{margin:8px 0}.lesson-objective{color:#55718b;border-left:3px solid #58b3ed;padding:2px 0 2px 14px}.worked-example,.prompt-example,.reflection-callout{background:#edf6fe;border:1px solid #daeaf8;border-radius:14px;padding:18px}.prompt-example pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.65;background:#fff;border-radius:10px;padding:15px;color:#194b70;margin:12px 0}.prompt-example .section-heading{gap:10px}.prompt-example h2{margin:0}.course-checklist{padding:0;list-style:none}.course-checklist li{display:flex;gap:9px;align-items:center;margin:6px 0}.course-checklist .icon{color:#1680be;flex-shrink:0;width:18px}.reflection-callout{margin-top:14px}.lesson-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.module-assignment{border-top:2px solid #d9eafa;padding-top:23px;scroll-margin-top:150px}.module-assignment label,.certificate-status label{display:block;margin:13px 0 7px}.module-assignment textarea{width:100%}.module-assignment button{margin-top:14px}.course-gate p{max-width:760px}.course-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 20px}.course-stats>div{display:grid;gap:6px;padding:20px;background:#fff;border:1px solid var(--course-line);border-radius:14px}.course-stats strong{font-size:27px;color:#1b66a5}.course-stats span{color:#54748f;font-size:14px}.quiz-panel{max-width:900px;margin:auto}.quiz-panel fieldset{border:0;border-bottom:1px solid var(--course-line);padding:0 0 20px;margin:0 0 22px;min-width:0}.quiz-panel legend{font-size:18px;font-weight:700;color:var(--course-ink);margin-bottom:12px}.course-choice{display:flex;gap:12px;padding:12px 14px;margin:8px 0;background:#f6faff;border:1px solid #dce8f4;border-radius:10px;cursor:pointer;align-items:flex-start;min-height:48px}.course-choice input{width:19px;height:19px;flex-shrink:0;margin-top:3px;accent-color:#187ed0}.course-choice:has(input:checked){border-color:#238bd5;background:#eaf5ff}.quiz-explanation{background:#fff0d9;border-radius:10px;padding:14px;font-size:14px}.quiz-explanation.correct{background:#e8f4fc}.quiz-panel .feedback{display:flex;gap:14px;flex-wrap:wrap;margin-top:18px}.certificate-status{margin-bottom:18px}.certificate-status input{max-width:600px;width:100%}.certificate-status form{margin:18px 0}.certificate-controls{display:flex;gap:10px;margin:18px 0}.certificate-sheet{background:#fff;border:12px double #98c7e8;border-radius:5px;padding:44px 35px;text-align:center;position:relative;box-shadow:0 12px 35px #17334d0b;overflow:hidden}.certificate-sheet:before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#e9f5ff99,transparent 35%,transparent 65%,#deefff99);pointer-events:none}.certificate-sheet>*{position:relative}.certificate-brand{font-weight:800;letter-spacing:3px;color:#277cb5;font-size:18px}.certificate-sheet h2{font-size:32px;margin:14px 0}.certificate-sheet h3{font-size:23px;margin:12px 0}.certificate-sheet .certificate-name{font-size:36px;border-bottom:1px solid #c9dfef;width:fit-content;max-width:100%;padding:9px 20px;margin:15px auto 20px;overflow-wrap:anywhere}.certificate-details{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 28px;margin:20px 0}.certificate-issuer{font-size:14px;color:#557a96}.certificate-verification{display:grid;gap:6px;font-size:12px;overflow-wrap:anywhere;color:#55738d;margin-top:25px}.account-course{margin-top:20px}.locale-switch{display:inline-flex;gap:2px;border:1px solid #c7dcf0;border-radius:10px;padding:2px;background:#fff;flex-shrink:0}.locale-switch button{border:0;border-radius:7px;padding:8px 9px;min-height:38px;min-width:38px;color:#4d7191;background:transparent;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.locale-switch button[aria-pressed=true]{background:#e0f0ff;color:#1163ac}.member-avatar .icon{width:23px;height:23px}.admin-body .locale-switch{margin-left:auto}.admin-login>.locale-switch{position:absolute;right:18px;top:18px}.admin-course-controls{display:flex;gap:14px;align-items:end;flex-wrap:wrap;margin-bottom:18px}.admin-course-controls input{width:100px}.admin-course-controls label{display:block;margin-bottom:6px}.admin-course-controls form{display:flex;gap:10px;align-items:end}.admin-course-controls [role=alert]{margin:0}.course-report-note{font-size:14px;margin-bottom:20px}.course-error{color:#b14134}html[lang=en] .nav-item{font-size:12px;padding-left:10px;padding-right:10px}html[lang=en] .wordmark{font-size:22px}
@media(max-width:1100px){.course-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.classroom{grid-template-columns:220px minmax(0,1fr)}.lesson-reader{padding:24px}.course-outline{top:130px}}
@media(max-width:760px){#main,.admin-main{padding:16px}.topbar{padding-top:10px;padding-bottom:10px}.top-actions{gap:8px}.prototype-tag{display:none}.locale-switch button{padding:7px;min-width:34px;min-height:36px}.course-banner{padding:18px;align-items:flex-start;flex-direction:column}.course-module-grid{grid-template-columns:1fr}.course-module img{height:165px}.course-heading .button{margin-top:8px}.classroom{grid-template-columns:1fr;gap:14px}.course-outline{position:static;padding:15px}.course-outline nav{grid-template-columns:1fr 1fr}.course-outline h2{font-size:18px}.lesson-reader{padding:20px 17px;border-radius:15px}.lesson-reader p,.lesson-reader li{font-size:15px;line-height:1.65}.course-topline{font-size:12px;flex-wrap:wrap}.course-stats{grid-template-columns:1fr 1fr}.course-stats>div{padding:15px}.course-stats strong{font-size:23px}.panel{padding:18px}.certificate-sheet{padding:30px 15px;border-width:8px}.certificate-sheet h2{font-size:25px}.certificate-sheet h3{font-size:19px}.certificate-sheet .certificate-name{font-size:27px}.certificate-controls{flex-wrap:wrap}.module-assignment{scroll-margin-top:100px}.course-outline nav a{padding:9px 7px}.quiz-panel legend{font-size:16px}.course-choice{font-size:14px}.course-module h2{font-size:21px}}
.topbar{min-height:112px}.locale-switch button{min-width:44px;min-height:44px}.course-outline{top:122px}.course-pitfall{border-left:3px solid #e7b154;padding:5px 14px;background:#fff8ed;margin-top:12px;border-radius:0 9px 9px 0}.course-selfcheck details{border:1px solid var(--course-line);border-radius:10px;padding:12px}.course-selfcheck summary{cursor:pointer;min-height:32px;color:#176caf;font-weight:700}.course-resources a{overflow-wrap:anywhere}.course-resources li{margin:5px 0}.course-choice span{overflow-wrap:anywhere}.admin-main,.lesson-reader{min-width:0}
@media(max-width:760px){.topbar{min-height:76px}.locale-switch button{min-width:44px;min-height:44px}.course-outline{position:static}.course-selfcheck summary{min-height:44px}}
@media print{@page{size:A4 landscape;margin:12mm}body{background:white!important}.topbar,.learning-steps,footer,.page-heading,.certificate-status,.certificate-controls,.skip-link,#toast,.admin-body{display:none!important}#main,.shell{margin:0!important;padding:0!important;width:100%!important;max-width:none!important}.certificate-sheet{box-shadow:none!important;padding:12mm 8mm;border-color:#77aecd;break-inside:avoid}.certificate-sheet h2{font-size:26pt}.certificate-sheet .certificate-name{font-size:30pt}.certificate-verification a{color:#345e7e!important;text-decoration:none}#main>*:not(.certificate-sheet){display:none!important}.certificate-sheet:before{display:none}.certificate-sheet{print-color-adjust:exact;-webkit-print-color-adjust:exact}}