.course-home{display:grid;gap:38px}.course-welcome{max-width:760px}.course-welcome h1{font-size:clamp(32px,4vw,52px);line-height:1.1;letter-spacing:-.035em;margin:16px 0 20px}.course-welcome h1 span{color:#0b6466}.course-welcome p{font-size:19px;line-height:1.65;max-width:650px}.course-feature{display:grid;grid-template-columns:1.45fr 1fr;gap:32px;background:#103b40;color:#fff;padding:32px;border-radius:22px}.course-feature h2{font-size:30px;line-height:1.2;margin:18px 0 14px}.course-feature p{color:#deedeb;line-height:1.65}.course-feature .small{color:#d3e5e2}.course-feature .row{margin-top:24px}.course-feature aside{align-self:center;border-left:1px solid #55787a;padding-left:28px}.course-badge{font-size:13px;background:#31595c;border-radius:6px;padding:7px 10px;display:inline-block}.course-time{font-size:14px;color:#d3e5e2}.course-progress>div{display:flex;justify-content:space-between;gap:16px;font-size:15px}.course-progress progress{display:block;width:100%;height:10px;margin:16px 0;accent-color:#9ad9c8;border:0;border-radius:10px;overflow:hidden;background:#41676a}.course-progress progress::-webkit-progress-bar{background:#41676a}.course-progress progress::-webkit-progress-value{background:#9ad9c8}.course-congratulations{font-weight:600;margin-top:18px}.course-section-heading{margin-bottom:20px}.course-section-heading h2,.course-support h2{font-size:25px;margin-bottom:10px}.course-section-heading p{font-size:16px;color:#46595f}.course-lessons{list-style:none;padding:0;display:grid;gap:12px}.course-lesson-card{display:flex;align-items:center;gap:20px;padding:24px;background:#fff;border:1px solid #d4dfdc;border-radius:16px;text-decoration:none;color:#10282f}.course-lesson-card:hover{border-color:#0b6466;background:#f7fbfa}.course-number{display:grid;place-items:center;flex:none;width:48px;height:48px;background:#e2eeeb;color:#0b6466;border-radius:14px;font-size:20px;font-weight:700}.course-meta{font-size:12px;color:#476269}.course-lesson-card h3{font-size:21px;margin:5px 0 7px;line-height:1.25}.course-lesson-card p{font-size:15px;color:#46595f;line-height:1.5}.course-arrow{margin-left:auto;font-size:23px;color:#0b6466}.course-support{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding-top:8px}.course-support p,.course-support li{font-size:16px;line-height:1.65}.course-support ol{padding-left:22px;margin:14px 0}.course-support .row{margin-top:18px}.course-support .btn{font-size:14px;padding:12px 16px}.course-reader{width:100%;max-width:780px;margin:0 auto;display:grid;gap:32px}.course-breadcrumb{display:flex;justify-content:space-between;gap:16px;font-size:15px;color:#46595f}.course-reader header h1{font-size:clamp(30px,4vw,46px);line-height:1.15;margin:14px 0 20px}.course-reader .lead{font-size:20px;line-height:1.6}.course-reading{display:grid;gap:28px}.course-reading h2,.course-example h2{font-size:24px;margin-bottom:12px;line-height:1.3}.course-reading p{font-size:18px;line-height:1.8}.course-example{background:#e3efec;border-radius:18px;padding:28px;display:grid;gap:16px}.course-example h2{margin:0}.course-bubble{background:#fff;border:1px solid #d4dfdc;border-radius:14px;padding:20px;margin-right:30px;font-size:17px;line-height:1.7}.course-bubble strong{display:block;font-size:13px;color:#0b6466;margin-bottom:6px}.course-bubble.answer{background:#f4f8f6;margin-right:0;margin-left:30px}.course-practice{display:grid;gap:15px}.course-practice .field{display:grid;gap:8px}.course-practice textarea{min-height:160px;width:100%;padding:14px;border:1px solid #a9b7b4;border-radius:10px;font:inherit;resize:vertical}.course-quiz fieldset>p{font-size:18px;line-height:1.6}.course-quiz legend{font-size:24px}.course-feedback{padding:18px;border-radius:10px;line-height:1.65}.course-feedback[hidden]{display:none}.course-feedback.success,.course-done{background:#e2f1e7;color:#164d32}.course-feedback.retry{background:#fff1d9;color:#704516}.course-done{padding:14px;border-radius:10px;margin-top:18px}.course-bottom{justify-content:space-between}.course-home a:focus-visible,.course-reader :focus-visible{outline:3px solid #bd4617;outline-offset:4px}@media(max-width:1100px){.course-feature{grid-template-columns:1fr}.course-feature aside{border-left:0;border-top:1px solid #55787a;padding:24px 0 0}.course-support{grid-template-columns:1fr}}@media(max-width:600px){.course-home{gap:28px}.course-feature{padding:23px;gap:24px}.course-feature h2{font-size:27px}.course-lesson-card{padding:18px 14px;gap:12px;align-items:flex-start}.course-number{width:36px;height:36px;font-size:16px;border-radius:10px}.course-lesson-card h3{font-size:19px}.course-arrow{font-size:18px}.course-example{padding:20px}.course-bubble{margin-right:12px;padding:16px}.course-bubble.answer{margin-left:12px}.course-bottom .btn{font-size:14px}.course-breadcrumb{font-size:14px}.course-reading p{font-size:17px}}
/* Optional practice routes: learning, creating and exploring at the participant's pace. */
.course-practice-options ul{list-style:none;padding:0;display:grid;gap:16px}.course-practice-options li{padding:16px;background:#f1f5f3;border-radius:8px}.course-practice-options h3{font-size:1.125rem;margin:0 0 6px}.course-practice-options p{margin:0 0 12px;white-space:pre-line}
/* Clear lesson controls and copyable examples, using the existing Lab palette. */
.course-reader{color:#123a40}.course-reader p,.course-reader .field,.course-reader .lab-interest,.course-reader .btn,.course-reader .learn-button{font-size:1.125rem;line-height:1.7}.course-reader .small,.course-meta,.course-time,.course-progress>div,.course-badge{font-size:1rem;line-height:1.6}.course-reader .small,.course-breadcrumb{color:#46595f}.course-reader :where(button,.btn,.learn-button,summary){min-height:48px}.course-breadcrumb{align-items:center;flex-wrap:wrap}.course-breadcrumb .btn{padding:10px 16px;line-height:1.4}.course-breadcrumb>span{font-size:1rem}
.course-reader>.course-progress{padding:20px 24px;border:1px solid #b7c9c2;border-radius:12px;background:#edf3f0}.course-reader>.course-progress p{margin-bottom:0}.course-reader>.course-progress progress,.course-reader>.course-progress progress::-webkit-progress-bar{background:#cadbd4}.course-reader>.course-progress progress::-webkit-progress-value{background:#0b6466}.course-reader>.course-progress progress{accent-color:#0b6466}
.course-prompt{padding:20px;border:1px solid #9bb2aa;border-radius:12px;background:#fff;min-width:0}.course-prompt strong{display:block;margin-bottom:10px;color:#0b6466;font-size:1rem}.course-prompt-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 18px!important}.course-copy-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}.course-copy-row .course-copy{flex:none;white-space:normal;margin:0;padding:10px 18px;line-height:1.4;font-size:1rem}.course-copy-status{flex:1 1 180px;font-size:1rem;line-height:1.5;color:#075358}.course-copy-status:empty{display:none}.course-copy-fallback{display:block;width:100%;min-height:130px;margin-top:16px;padding:14px;border:1px solid #728782;border-radius:8px;background:#fff;color:#123a40;font:inherit;line-height:1.6;resize:vertical}.course-copy-fallback[hidden]{display:none}
.course-comparison{display:grid;grid-template-columns:1fr 1.35fr;gap:18px}.course-comparison>div{min-width:0;border:1px solid #9bb2aa;border-radius:12px;padding:20px;background:#fff}.course-comparison h3{font-size:1.125rem;line-height:1.4;margin:0 0 16px}.course-detailed{border-top:4px solid #0b6466!important}.course-comparison .course-prompt{border:0;padding:0}.course-example .course-bubble.answer{margin-left:0}.course-example .course-bubble strong{font-size:1rem}.course-practice-options summary{padding:12px 8px;font-size:1.125rem;font-weight:600;cursor:pointer}.course-practice-options .course-prompt{padding:16px}.course-practice-options .course-prompt strong{display:none}.course-feedback .learn-button{margin-top:16px}.course-reader :where(textarea,button,a,summary):focus-visible{outline:3px solid #0b6466;outline-offset:4px}
@media(max-width:640px){.course-comparison{grid-template-columns:1fr}.course-reader{gap:26px}.course-reader>.course-progress{padding:18px}.course-progress>div{flex-wrap:wrap;gap:6px 16px}.course-prompt,.course-comparison>div{padding:18px}.course-copy-row .course-copy{min-width:140px}.course-reader .course-bottom .btn{width:100%;font-size:1.0625rem}.course-breadcrumb>span{width:100%}.course-bubble.answer{padding:18px}.course-example{padding:20px}.course-reader .course-quiz button[type=submit]{width:100%;white-space:normal}}
.start-guide{display:grid;gap:20px}.start-guide>h2{margin-bottom:0}.start-services{display:grid;grid-template-columns:1fr;gap:12px}.start-service{display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:left;border:2px solid #9bb2aa;border-radius:12px;padding:20px;background:#fff;color:#123a40;font:inherit;line-height:1.6;min-height:80px;cursor:pointer}.start-service strong{font-size:1.125rem}.start-service span{font-size:1rem}.start-service[aria-pressed=true]{border-color:#0b6466;background:#e3efec;box-shadow:inset 5px 0 #0b6466}.start-service[aria-pressed=true] strong::after{content:' · Valgt';font-size:1rem}.start-device{display:grid;gap:10px}.start-device[hidden]{display:none}.start-device label{font-weight:600}.start-device select{min-height:48px;max-width:100%;border:1px solid #728782;border-radius:8px;background:#fff;color:#123a40;padding:10px 14px;font:inherit}.start-choice-status:empty{display:none}.start-instructions{padding:24px;border:1px solid #b7c9c2;background:#fff;border-radius:12px}.start-instructions h3{font-size:1.375rem;margin:0 0 18px;line-height:1.35}.start-instructions ol{padding-left:25px;margin:0 0 20px;display:grid;gap:22px}.start-instructions li{padding-left:6px;font-size:1.125rem;line-height:1.7}.start-instructions li>strong{display:block}.start-instructions li p{margin-top:10px}.start-instructions .btn{margin-block:8px;max-width:100%;white-space:normal;gap:8px;flex-wrap:wrap}.start-guide details{margin-top:16px;border-top:1px solid #b7c9c2;padding-top:8px}.start-guide summary{padding:12px 4px;min-height:48px;cursor:pointer;font-size:1.125rem;font-weight:600;line-height:1.5}.start-guide details p{margin-top:14px}.start-safety{background:#edf3f0;padding:20px;border-radius:12px}.start-guide .small{color:#46595f}.start-guide ul{padding-left:22px}.start-guide li+li{margin-top:8px}
@media(max-width:640px){.start-service,.start-instructions,.start-safety{padding:18px}.start-instructions ol{padding-left:22px}.start-instructions .btn{width:100%}.start-guide .row{align-items:stretch;flex-direction:column}}

/* Keep the next action beside copy controls; detailed device help stays optional. */
.course-copy-help{margin:0 0 14px!important}.ai-paste-help{margin-top:16px;border-top:1px solid var(--lab-line,#b7c9c2);padding-top:4px}.ai-paste-help summary{min-height:48px;padding:12px 0;font-size:1rem;font-weight:600;line-height:1.5;cursor:pointer}.ai-paste-help ol{padding-left:24px;margin:12px 0;display:grid;gap:14px}.ai-paste-help li,.ai-paste-help p{font-size:1rem!important;line-height:1.7}.course-practice-copy{padding:0;border:0;background:transparent}.guide-copy-help [role=status]:empty{display:none}
/* Put cost and the first action before course statistics. */
.start-free{padding:24px;border:1px solid #9bb2aa;border-left:5px solid #0b6466;background:#e3efec;border-radius:12px}.start-free-label{display:inline-block;color:#075358;font-size:1rem;font-weight:700;margin-bottom:10px}.start-free h2{font-size:1.5rem;line-height:1.35;margin:0 0 14px}.start-free p{margin:10px 0 0}.start-service .start-cost{font-size:1rem;font-weight:700;color:#075358}.start-guide>p{margin:0}.start-free-help{margin-top:0!important}.start-choice-status{margin:0}.start-instructions{scroll-margin-top:24px}@media(max-width:640px){.start-free{padding:18px}.start-free h2{font-size:1.375rem}}