/* File: course.css | Version: v1.0 | Description: Calm, responsive teaching pages using the StatsCove design system. */
.course-page .lesson-heading{align-items:flex-start;margin-bottom:25px}
.course-page .lesson-formula{font-size:18px;white-space:normal;max-width:340px;line-height:1.5;overflow-wrap:anywhere}
.course-meta{display:flex;flex-wrap:wrap;gap:7px 22px;margin-top:18px;font-size:11px;color:var(--muted)}
.course-meta a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.course-objectives{padding:21px 0 24px;margin-bottom:28px;border-bottom:1px solid var(--line)}
.course-objectives h2{font-size:10px;text-transform:uppercase;letter-spacing:1.2px;font-weight:600;margin-bottom:14px;color:var(--accent)}
.course-objectives ul{padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin:0;counter-reset:outcomes}
.course-objectives li{font-size:12px;line-height:1.7;padding-left:25px;position:relative;color:var(--muted);counter-increment:outcomes}
.course-objectives li:before{content:'0' counter(outcomes);position:absolute;left:0;top:1px;color:var(--accent);font:10px ui-monospace,monospace}
.course-intro{max-width:830px;margin:0 0 34px}
.course-prose{font-size:14px;line-height:1.85;color:var(--muted);overflow-wrap:anywhere}
.course-prose h2{font-size:20px;color:var(--ink);font-weight:500;letter-spacing:-.45px;line-height:1.4;margin-bottom:12px}
.course-prose h3{font-size:15px;font-weight:600;color:var(--ink);margin:21px 0 9px}
.course-prose p+p,.course-prose ul+p,.course-prose ol+p{margin-top:13px}
.course-prose strong{font-weight:600;color:var(--ink)}
.course-prose ul,.course-prose ol{padding-left:21px;margin:12px 0}
.course-prose li+li{margin-top:6px}
.course-prose a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.course-prose code{font-size:.93em;color:var(--ink);background:#eaf0e7;padding:2px 4px;border-radius:3px}
.course-prose table{border-collapse:collapse;width:100%;font-size:12px;margin:16px 0;display:block;overflow-x:auto}
.course-prose th,.course-prose td{text-align:left;padding:9px 13px;border-bottom:1px solid var(--line)}
.course-prose th{color:var(--ink);font-weight:600;background:var(--accent-soft)}
.course-lab{margin:0 0 24px;scroll-margin-top:25px}
.course-lab .lab-workspace{grid-template-columns:minmax(0,1fr) 310px}
.course-lab .lab-chart-pane{align-self:start;position:sticky;top:20px}
.course-lab .lab-chart-heading{display:block}
.course-lab .lab-chart-heading h2{font-size:16px;margin-bottom:7px}
.course-lab .lab-chart-heading p{font-size:12px;color:var(--muted);line-height:1.65}
.course-lab .lab-chart{height:370px}
.course-control{width:100%;border:1px solid #dce3dd;border-radius:5px;background:#fff;color:var(--ink);padding:8px 10px;font-size:13px;min-width:0;max-width:100%;line-height:1.5}
.course-control:focus-visible{outline:2px solid #80ae9b;outline-offset:2px}
textarea.course-control{min-height:85px;resize:vertical;font-variant-numeric:tabular-nums;max-height:250px}
.course-field-help{font-size:10px;line-height:1.6;color:var(--muted);margin-top:5px}
.course-lab .lab-controls-heading{margin-bottom:18px}
.course-lab .lab-field label{color:#4d6459}
.course-lab .lab-results{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:17px 10px}
.course-lab .lab-result-value{font-size:21px;line-height:1.2}
.course-interpretation{padding:18px 26px;border-top:1px solid var(--line);font-size:13px;color:var(--ink);line-height:1.75}
.course-warning{margin:0 26px 19px;padding:11px 14px;border-left:2px solid #bc8c57;background:#fcf8ef;color:#725b37;font-size:12px;line-height:1.7}
.course-summary{border-top:1px solid var(--line);font-size:11px;color:var(--muted);padding:13px 26px}
.course-summary summary{cursor:pointer;font-weight:500;color:var(--accent)}
.course-summary p{margin-top:10px;line-height:1.75}
.course-presets{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;padding:18px 0 30px;font-size:11px}
.course-presets>span{font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}
.course-presets .lab-action{margin:0;text-align:left}
.course-reading{padding-top:5px;border-top:1px solid var(--line)}
.course-reading .course-section{display:grid;grid-template-columns:240px minmax(0,1fr);gap:55px;padding:30px 0;border-bottom:1px solid var(--line)}
.course-reading .course-section>h2{font-size:19px;margin:0;padding-top:3px}
.course-reading .course-section>div{max-width:760px}
.course-practice{padding:34px 0 30px}
.course-section-heading{display:flex;justify-content:space-between;gap:20px;align-items:baseline;margin-bottom:17px}
.course-section-heading h2{font-size:22px;font-weight:500;letter-spacing:-.5px}
.course-section-heading p{font-size:11px;color:var(--muted)}
.course-exercise{padding:20px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:50px minmax(0,1fr);gap:14px}
.course-exercise>span{font:12px ui-monospace,monospace;color:var(--accent);padding-top:3px}
.course-exercise h3{font-size:14px;font-weight:500;line-height:1.8;color:var(--ink)}
.course-exercise details{margin-top:11px;font-size:12px}
.course-exercise summary{color:var(--accent);font-weight:500;cursor:pointer;width:fit-content}
.course-answer{margin-top:12px;padding:15px 18px;background:var(--accent-soft);border-radius:6px;font-size:13px}
.course-page .lesson-details-content{font-size:12px;max-width:900px}
.course-page .lesson-details-content ul{padding-left:19px;margin:0 0 16px}
.course-page .lesson-details-content li+li{margin-top:8px}
.course-page .lesson-details-content a{text-decoration:underline}
.course-page .lesson-next{padding-top:27px}
.course-page .lesson-nav{gap:28px}
.course-backup-links{font-size:12px;margin-top:18px;color:var(--muted)}
.course-backup-links a{color:var(--accent);text-decoration:underline}
.course-mode-note{font-size:11px;color:var(--muted)}
@media(max-width:1000px){.course-lab .lab-workspace{grid-template-columns:minmax(0,1fr) 285px}.course-reading .course-section{grid-template-columns:200px minmax(0,1fr);gap:35px}.course-page .lesson-formula{max-width:260px;font-size:16px}}
@media(max-width:700px){.course-page .lesson-heading{margin-top:25px}.course-page .lesson-formula{max-width:100%;font-size:16px}.course-objectives ul{grid-template-columns:1fr;gap:10px}.course-objectives{padding:0 0 20px}.course-intro{margin-bottom:26px}.course-lab .lab-workspace{grid-template-columns:minmax(0,1fr)}.course-lab .lab-chart-pane{position:static;padding:20px 12px}.course-lab .lab-chart{height:330px}.course-lab .lab-chart-heading{padding:0 7px}.course-lab .lab-chart-heading h2{font-size:15px}.course-lab .lab-results{grid-template-columns:repeat(2,minmax(0,1fr));padding:20px}.course-lab .lab-result:nth-child(odd){border-left:0;padding-left:0}.course-lab .lab-result:nth-child(even){border-left:1px solid #dbe6de;padding-left:12px}.course-lab .lab-controls-fields{gap:17px}.course-field-textarea,.course-field-select{grid-column:1/-1}.course-interpretation{padding:17px 20px}.course-warning{margin:0 20px 16px}.course-summary{padding:13px 20px}.course-reading .course-section{display:block;padding:24px 0}.course-reading .course-section>h2{margin-bottom:13px}.course-prose{font-size:13px}.course-section-heading{display:block}.course-section-heading p{margin-top:6px}.course-exercise{grid-template-columns:25px minmax(0,1fr);gap:10px}.course-practice{padding-top:28px}.course-meta{font-size:10px;gap:8px 15px}.course-page .lesson-nav{gap:24px}.course-presets{gap:13px 18px;padding-bottom:24px}}
@media(max-width:380px){.course-lab .lab-controls-fields{grid-template-columns:1fr}.course-lab .lab-chart{height:300px}.course-page .lesson-nav{gap:18px}}
@media print{.site-header,.site-footer,.lab-controls,.course-presets,.lesson-nav,.lesson-back{display:none!important}.shell{width:100%}.course-lab .lab-workspace{display:block}.course-lab .lab-chart-pane{position:static}.course-reading .course-section{break-inside:avoid}.course-page .lesson-main{padding:0}.course-answer{background:none}.lab-chart{max-width:100%}.course-prose{font-size:11pt}}