.course-shell,.course-shell-copy,.course-workspace,.course-sidebar,.course-progress-card,.course-optional-card,.course-panel,.course-panel-content,.course-overview-grid,.course-overview-checklist,.course-overview-mantras,.course-overview-mantras ul{display:grid;gap:1rem}.course-shell{padding:1.3rem;background:radial-gradient(circle at top right,rgba(18,79,255,.08),transparent 24%),linear-gradient(180deg,#ffffffeb,#f5efe6db)}.course-shell-copy h2,.course-shell-copy p,.course-overview-checklist h4,.course-overview-checklist p,.course-overview-mantras h4,.course-overview-mantras p,.course-overview-mantras ul,.course-overview-mantras li,.course-shell-intro,.course-complete-banner h3,.course-complete-banner p{margin:0}.course-shell-intro{font-size:1.02rem;color:var(--text)}.course-pill-row{display:flex;flex-wrap:wrap;gap:.7rem}.course-pill{display:inline-flex;align-items:center;min-height:36px;padding:.45rem .8rem;border-radius:999px;border:1px solid rgba(182,93,58,.18);background:#ffffffc7;color:var(--text);font-size:.94rem;font-weight:600}.course-workspace{grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);align-items:start}.course-shell.is-focused{padding:.9rem;background:radial-gradient(circle at top right,rgba(18,79,255,.05),transparent 22%),linear-gradient(180deg,#fffffff0,#f5efe6e6)}.course-shell.is-focused .course-workspace{grid-template-columns:minmax(0,1fr)}.course-shell.is-invite-landing .course-shell-copy,.course-shell.is-invite-landing .course-sidebar,.course-shell.is-invite-landing .course-panel-topbar{display:none}.course-shell.is-invite-landing .course-workspace{grid-template-columns:minmax(0,1fr)}.course-shell.is-invite-landing .course-panel{min-height:0}.course-sidebar{position:sticky;top:1.2rem}.course-panel-topbar{margin-bottom:.9rem}.course-shell.is-focused .course-panel-topbar{max-width:860px;margin:0 auto .9rem}.course-progress-card,.course-optional-card,.course-block-item,.course-stage-card,.course-quiz-card,.course-result-card{padding:1rem;border-radius:24px;border:1px solid rgba(182,93,58,.18);background:#ffffffc7}.course-sidebar-label,.course-stage-label,.course-question-label,.course-result-label,.course-overview-label{color:var(--accent-strong);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.course-progress-rail{width:100%;height:10px;border-radius:999px;background:#b65d3a24;overflow:hidden}.course-progress-fill{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent-strong),#d8925a);transition:width .18s ease}.course-progress-text,.course-optional-card p,.course-block-item p,.course-overview-checklist p,.course-overview-mantras p,.course-stage-focus{margin:0;color:var(--muted)}.course-block-list{display:grid;gap:.75rem}.course-block-item{display:grid;gap:.6rem}.course-block-item button{width:100%;justify-content:space-between;padding-inline:1rem}.course-block-meta{display:flex;flex-wrap:wrap;gap:.5rem}.course-block-state{display:inline-flex;align-items:center;min-height:28px;padding:.2rem .65rem;border-radius:999px;background:#b65d3a1a;color:var(--text);font-size:.82rem;font-weight:700}.course-block-state.is-passed{background:#248a5824;color:#1f6d46}.course-block-state.is-current{background:#124fff1f;color:#1b4dc0}.course-panel{min-height:560px}.course-shell.is-focused .course-panel{min-height:0}.course-complete-banner{display:grid;gap:.8rem;padding:1rem;border-radius:24px;border:1px solid rgba(36,138,88,.18);background:linear-gradient(180deg,#f1fff8f2,#f5efe6db)}.course-review-note{display:grid;gap:.45rem;padding:.9rem 1rem;border-radius:18px;border:1px solid rgba(182,93,58,.18);background:#fffbf7f2}.course-review-note strong{color:var(--accent-strong)}.course-certificate-note{display:grid;gap:.45rem;padding:.9rem 1rem;border-radius:18px;border:1px solid rgba(18,79,255,.16);background:#f6f9fff5}.course-certificate-note strong{color:#1b4dc0}.course-certificate-meta{display:grid;gap:.25rem;color:var(--text)}.course-certificate-meta a{word-break:break-all}.course-runtime-status{margin:0;padding:.85rem 1rem;border-radius:18px;border:1px solid rgba(18,79,255,.16);background:#124fff0f;color:#1b4dc0;font-weight:700}.course-runtime-status.is-error{border-color:#8f3a2429;background:#fff7f3eb;color:#8f3a24}.course-stage-card h3,.course-stage-card h4,.course-stage-card p,.course-stage-card ol,.course-stage-card ul,.course-quiz-card h3,.course-quiz-card p,.course-result-card h3,.course-result-card p,.course-result-card ul{margin:0}.course-stage-card,.course-quiz-card,.course-result-card{display:grid;gap:1rem}.course-shell.is-focused .course-overview-grid,.course-shell.is-focused .course-stage-card,.course-shell.is-focused .course-quiz-card,.course-shell.is-focused .course-result-card{max-width:860px;margin:0 auto}.course-stage-head{display:grid;gap:.45rem}.course-stage-head h3,.course-overview-grid h3{font-size:clamp(1.6rem,4vw,2.3rem);line-height:.98;margin:0}.course-overview-grid{padding:1rem;border-radius:24px;border:1px solid rgba(182,93,58,.18);background:#ffffffc7}.course-overview-copy{display:grid;gap:.75rem}.course-overview-checklist,.course-overview-mantras,.course-invite-summary,.course-invite-grid,.course-enrollment-card,.course-screen-card,.course-reminder,.course-result-summary{padding:1rem;border-radius:22px;background:#ffffffb8;border:1px solid rgba(182,93,58,.14)}.course-overview-checklist ul,.course-overview-mantras ul,.course-result-list{display:grid;gap:.75rem;padding-left:1.2rem;margin:0}.course-overview-checklist li,.course-overview-mantras li{color:var(--text)}.course-enrollment-card,.course-enrollment-form,.course-enrollment-grid,.course-invite-summary,.course-invite-grid,.course-field,.course-checkbox-field{display:grid;gap:.75rem}.course-invite-summary{padding:1rem;border-radius:22px;background:#fffc;border:1px solid rgba(182,93,58,.16)}.course-invite-summary.is-compact{padding:.85rem;gap:.65rem}.course-invite-hero{display:grid;gap:.8rem;padding:1rem;border-radius:24px;border:1px solid rgba(182,93,58,.18);background:radial-gradient(circle at top right,rgba(18,79,255,.06),transparent 24%),linear-gradient(180deg,#fffffff0,#f5efe6e0)}.course-invite-hero h3,.course-invite-hero p{margin:0}.course-invite-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.course-invite-item{display:grid;gap:.35rem;padding:.9rem 1rem;border-radius:18px;border:1px solid rgba(182,93,58,.14);background:#ffffffc2}.course-invite-item strong{color:var(--text);font-size:1.02rem}.course-invite-summary.is-compact .course-invite-item{padding:.8rem .9rem;gap:.25rem}.course-invite-summary.is-compact .course-invite-item strong{font-size:.98rem}.course-invite-state{display:inline-flex;align-items:center;min-height:34px;padding:.35rem .75rem;border-radius:999px;border:1px solid rgba(182,93,58,.16);background:#b65d3a14;color:var(--accent-strong);font-weight:700;width:fit-content}.course-field span{font-weight:700;color:var(--text)}.course-field input{width:100%;min-height:48px;padding:.8rem .95rem;border-radius:16px;border:1px solid rgba(182,93,58,.18);background:#ffffffeb;color:var(--text);font:inherit}.course-field-note{color:var(--muted);font-size:.92rem}.course-checkbox-field{padding:.95rem 1rem;border-radius:18px;border:1px solid rgba(182,93,58,.16);background:#ffffffd1}.course-checkbox-label{display:flex;align-items:flex-start;gap:.8rem;color:var(--text);font-weight:700;cursor:pointer}.course-checkbox-label input{margin-top:.18rem;width:18px;height:18px;flex:0 0 auto}.course-enrollment-note{margin:0;color:var(--muted)}.course-screen-chip-row{display:flex;flex-wrap:wrap;gap:.55rem}.course-screen-chip{display:inline-flex;align-items:center;min-height:34px;padding:.35rem .7rem;border-radius:999px;border:1px solid rgba(182,93,58,.18);background:#ffffffd1;color:var(--text);font-size:.88rem;font-weight:700}.course-screen-chip.is-active{background:#124fff1f;color:#1b4dc0}.course-screen-card{display:grid;gap:.95rem}.course-screen-copy{display:grid;gap:.9rem;color:var(--text)}.course-takeaway{display:grid;gap:.45rem;padding:.85rem 1rem;border-radius:20px;background:#b65d3a14}.course-takeaway-label{color:var(--accent-strong);font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.course-reminder{display:grid;gap:.55rem;border-style:dashed;border-color:#b65d3a47;background:#ffffffa8}.course-actions{display:flex;flex-wrap:wrap;gap:.75rem}.course-quiz-head{display:grid;gap:.45rem}.course-quiz-questions{display:grid;gap:.95rem}.course-question-card{display:grid;gap:.75rem;padding:1rem;border-radius:24px;border:1px solid rgba(182,93,58,.14);background:#ffffffb8}.course-question-card fieldset{display:grid;gap:.7rem;border:0;padding:0;margin:0}.course-question-card legend{font-weight:800;color:var(--text)}.course-question-option{display:flex;align-items:flex-start;gap:.7rem;padding:.8rem .9rem;border-radius:16px;border:1px solid rgba(182,93,58,.16);background:#ffffffe0;cursor:pointer}.course-question-option input{margin-top:.18rem}.course-quiz-error{color:#8f3a24;font-weight:700}.course-result-summary{display:grid;gap:.5rem}.course-result-score{font-size:2rem;font-weight:900;line-height:1}.course-result-score.is-pass{color:#1f6d46}.course-result-score.is-fail{color:#8f3a24}.course-result-list{list-style:none;padding:0}.course-result-item{display:grid;gap:.45rem;padding:.9rem 1rem;border-radius:18px;border:1px solid rgba(182,93,58,.14);background:#ffffffb8}.course-result-item.is-correct{border-color:#248a582e;background:#f1fff8e6}.course-result-item.is-wrong{border-color:#8f3a242e;background:#fff7f3eb}.course-result-item-title{font-weight:800}.course-result-answer{color:var(--muted)}.hidden{display:none!important}@media(max-width:980px){.course-workspace{grid-template-columns:1fr}.course-sidebar{position:static}}@media(max-width:720px){.course-shell{padding:1rem}.course-shell.is-focused{padding:.55rem;border-radius:22px}.course-progress-card,.course-optional-card,.course-block-item,.course-stage-card,.course-quiz-card,.course-result-card,.course-overview-grid,.course-screen-card,.course-reminder,.course-result-summary,.course-overview-checklist,.course-overview-mantras{padding:.9rem;border-radius:20px}.course-actions .button,.course-complete-banner .button-row .button{width:100%;justify-content:center}.course-invite-grid,.course-enrollment-grid{grid-template-columns:1fr}.course-shell.is-focused .course-overview-grid,.course-shell.is-focused .course-stage-card,.course-shell.is-focused .course-quiz-card,.course-shell.is-focused .course-result-card,.course-shell.is-focused .course-panel-topbar{max-width:none}}
