/* Teaching pages inherit the established paper, ink and serif design system. */
.course-slide{padding-top:22px}.course-ribbon{display:flex;gap:0;overflow-x:auto;max-width:100%;border-block:1px solid var(--line);margin-bottom:25px;scrollbar-width:thin}.course-ribbon button{border:0;border-right:1px solid var(--line);background:transparent;padding:10px 12px;text-align:left;flex:1;min-width:114px;color:var(--muted)}.course-ribbon button[aria-current=true]{color:var(--ink);background:#ddd6cc}.course-ribbon span{display:block;font-size:10px;letter-spacing:.12em}.course-ribbon b{display:block;font-size:10px;font-weight:500;line-height:1.5;margin-top:5px}.course-heading{margin-bottom:24px!important}.course-heading h1{font-size:clamp(2.1rem,3.6vw,4.3rem);line-height:1.28;max-width:1100px}.course-heading h1 em{display:inline}.course-heading>p:last-child{font-size:15px!important;line-height:1.75!important}.course-takeaway{display:flex;align-items:baseline;gap:18px;padding:17px 0;border-block:1px solid var(--line);font-size:clamp(16px,1.5vw,21px);line-height:1.7;margin-bottom:25px!important;color:#443e36}.course-takeaway>span{font-size:10px;white-space:nowrap;letter-spacing:.1em;color:var(--muted)}.course-concepts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-bottom:25px!important}.course-concepts article{border-bottom:1px solid var(--line);padding:0 0 20px;min-width:0}.course-point-number{font:400 31px/1 var(--serif);color:#a89c8a}.course-concepts h2{font:500 clamp(21px,1.8vw,29px)/1.5 var(--serif);margin:12px 0 9px}.course-concepts p{font-size:clamp(13px,1.06vw,16px);line-height:1.95;color:#615d55}.course-example{display:grid;grid-template-columns:92px 1fr;gap:20px;padding:20px 24px;background:#e0dbd2;margin-bottom:16px!important}.course-example>span{font-size:11px;letter-spacing:.08em;color:#776957}.course-example p{font-size:14px;line-height:1.95;color:#49453d;white-space:pre-line}.course-mistake{display:flex;gap:18px;align-items:baseline;padding:12px 0 20px;max-width:1200px}.course-mistake b{font-size:11px;white-space:nowrap;font-weight:500;color:#80664d}.course-mistake p{font-size:13px;line-height:1.9;color:var(--muted)}.course-discuss,.course-explain{border-top:1px solid var(--line);padding:15px 0;font-size:13px;line-height:1.9}.course-discuss summary,.course-explain summary{cursor:pointer;min-height:28px}.course-discuss p,.course-explain p{margin-top:12px;max-width:90ch;color:#625c52;white-space:pre-line}.course-explain{font-size:12px}.course-activity{font-size:13px;line-height:1.8;padding:10px 0}.course-activity b{font-size:11px;margin-right:16px;color:#80664d}.course-footer{display:flex;align-items:center;flex-wrap:wrap;gap:12px 26px;margin-top:20px!important;padding:16px 0;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.course-footer a{color:#66513e}.course-footer button{border:0;border-bottom:1px solid var(--line);padding:7px 0;background:none;font:inherit;color:var(--ink);margin-left:auto}.course-footer span{font-variant-numeric:tabular-nums}.course-cover-note{font-size:11px!important;line-height:1.8!important;color:#80664d!important;margin:20px 0 0!important}.course-slide .basics-grid{margin-bottom:25px;grid-template-columns:1fr 1.2fr}.course-slide .concept-list b{font-size:23px}.course-slide .concept-list button{padding:18px}.course-slide .concept-stage{min-height:320px;padding:24px}.course-slide .concept-stage>p{line-height:1.8}.course-lab{padding:24px 0;border-top:1px solid var(--line);margin-top:5px!important;margin-bottom:16px!important}.course-lab h2{font:500 27px/1.5 var(--serif);margin-bottom:10px}.course-lab>p{font-size:12px;line-height:1.8;color:var(--muted)}.course-prompt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;margin-top:22px}.course-prompt-grid label,.course-output-label,.course-cost-form label{display:block;font-size:12px;line-height:1.8}.course-prompt-grid textarea{min-height:90px;font-size:13px;line-height:1.75;margin-top:6px}.course-output-label{margin:20px 0 8px}#course-prompt-output{min-height:245px;line-height:1.9;font-size:13px;margin-bottom:10px}.course-cost-form{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin:20px 0}.course-cost-form input{margin-top:7px;font-variant-numeric:tabular-nums;min-height:44px;font-size:16px}#course-cost-result{display:flex;align-items:center;gap:30px;padding:20px 24px;background:#e0dbd2;min-height:95px}#course-cost-result>b{font:400 45px/1.1 var(--serif);white-space:nowrap}#course-cost-result>span{font-size:12px;line-height:1.9}#course-cost-result[data-invalid=true]{font-size:13px;color:#794d39}.course-caveat{font-size:11px!important;line-height:1.9!important;margin-top:14px!important;max-width:85ch}.course-checks{display:grid;grid-template-columns:1fr 1fr;gap:15px 22px;margin:22px 0}.course-checks label{display:flex;align-items:start;gap:10px;font-size:13px;line-height:1.9;cursor:pointer}.course-checks input{margin-top:5px;accent-color:#80664d;width:17px;height:17px;flex:none}.course-quiz{padding:18px 0;border-top:1px solid var(--line)}.course-quiz>p{font-size:14px;line-height:1.8}.course-quiz>div{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.course-quiz button{border:1px solid var(--line);background:transparent;padding:12px 16px;min-height:44px;font:inherit;font-size:12px;color:var(--ink)}.course-quiz button[aria-pressed=true]{background:var(--dark);color:var(--paper)}.course-quiz-feedback{padding:10px 0;color:#80664d;font-size:13px!important}.course-quiz-feedback[data-correct=true]{color:#485c49}.notes-panel{max-height:min(65svh,650px);overflow-y:auto}.notes-panel p{white-space:pre-line;line-height:1.9}.modal ol{max-height:60svh;overflow-y:auto}.course-slide :focus-visible{outline:2px solid #80664d;outline-offset:4px}
@media(min-width:1700px){.course-concepts p{font-size:17px}.course-example p{font-size:17px}.course-mistake p,.course-discuss{font-size:15px}}
@media(max-width:1000px){.course-ribbon button{min-width:112px}.course-cost-form{grid-template-columns:repeat(3,minmax(0,1fr))}.course-concepts{gap:18px}.course-concepts p{font-size:13px}.course-heading h1{font-size:3rem}}
@media(max-width:760px){.course-slide{padding-top:16px}.course-ribbon{margin-bottom:22px}.course-ribbon button{min-width:105px;padding:10px}.course-heading h1{font-size:clamp(29px,7.8vw,42px);letter-spacing:-.035em}.course-heading>p:last-child{font-size:12px!important}.course-takeaway{display:block;font-size:17px;padding:15px 0;margin-bottom:22px!important}.course-takeaway>span{display:block;margin-bottom:7px}.course-concepts{grid-template-columns:1fr;gap:18px}.course-concepts article{position:relative;padding:0 0 18px 38px}.course-point-number{position:absolute;left:0;top:4px;font-size:27px}.course-concepts h2{font-size:22px;margin:0 0 7px}.course-concepts p{font-size:13px;line-height:1.9}.course-example{grid-template-columns:1fr;gap:7px;padding:18px}.course-example p{font-size:13px;line-height:1.9}.course-mistake{display:block;padding-top:4px}.course-mistake b{display:block;margin-bottom:6px}.course-mistake p{font-size:12px}.course-slide .basics-grid{grid-template-columns:1fr}.course-slide .concept-list b{font-size:21px}.course-slide .concept-stage{min-height:260px}.course-prompt-grid{grid-template-columns:1fr}.course-cost-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.course-checks{grid-template-columns:1fr}.course-lab h2{font-size:24px}#course-cost-result{display:block;padding:18px}#course-cost-result>b{display:block;font-size:38px;margin-bottom:12px}#course-cost-result>span{display:block}.course-footer{gap:12px 18px;align-items:start;font-size:10px}.course-footer span{width:100%}.course-footer button{margin-left:0}.course-quiz>div{display:grid;grid-template-columns:1fr}.notes-panel{max-height:65svh;padding:20px}.course-ribbon::-webkit-scrollbar{height:3px}.course-ribbon::-webkit-scrollbar-thumb{background:#b4a695}}
@media(prefers-reduced-motion:reduce){.course-slide{animation:none}}