@layer reset{*,:before,:after{box-sizing:border-box}body,h1,p{margin:0}}@layer tokens{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-canvas:#f3f0e8;--color-surface:#fbfaf6;--color-surface-muted:#eae6dc;--color-ink:#252620;--color-ink-muted:#66675f;--color-ink-faint:#87877f;--color-rule:#d7d3c9;--color-rule-strong:#a9a79e;--color-accent:#3f5c49;--color-accent-hover:#304738;--color-accent-soft:#e1e8e1;--color-danger:#9b3f34;--color-danger-soft:#f3e3de;--color-warning:#855f20;--color-warning-soft:#f5eacf;--color-success:#3f684b;--color-success-soft:#e1ece3;--color-focus:#4778a8;--font-interface:Inter, ui-sans-serif, system-ui, sans-serif;--font-reading:"Source Serif 4", Georgia, serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--border:1px solid var(--color-rule);--shadow-menu:0 8px 24px #2526201a;--shadow-dialog:0 16px 48px #25262029}}@layer base{body{min-block-size:100dvb;color:var(--color-ink);background:var(--color-canvas);font-family:var(--font-interface);overflow-wrap:anywhere;font-size:15px;line-height:22px}h1{font-family:var(--font-reading);font-size:32px;font-weight:500;line-height:40px}a{color:var(--color-accent);text-underline-offset:3px}a:hover{color:var(--color-accent-hover)}:where(a,button,input,select,[tabindex]):focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}button{min-block-size:44px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);color:var(--color-surface);background:var(--color-accent);font:600 15px / 22px var(--font-interface);cursor:pointer;border:1px solid #0000}button:hover,button:active{background:var(--color-accent-hover)}button:disabled{color:var(--color-ink-muted);background:var(--color-surface-muted);cursor:not-allowed}form{gap:var(--space-2);margin-block-start:var(--space-6);display:grid}form>button{justify-self:start;margin-block-start:var(--space-4)}label{margin-block-start:var(--space-4);font-size:12px;font-weight:600;line-height:16px}input:not([type=hidden]),select{min-block-size:40px;inline-size:100%;min-inline-size:0;padding:var(--space-2) var(--space-3);border:1px solid var(--color-ink-muted);border-radius:var(--radius-sm);color:var(--color-ink);background:var(--color-surface);font:inherit}input::placeholder{color:var(--color-ink-muted);opacity:1}input[aria-invalid=true],select[aria-invalid=true]{border-color:var(--color-danger)}}@layer components{.course-list{margin-block:var(--space-6);padding:0;list-style:none}.course-list li{padding-block:var(--space-5);border-block-end:var(--border)}.course-list a{align-items:center;min-block-size:44px;font-weight:600;display:inline-flex}.course-list p+p{margin-block-start:var(--space-2)}.course-context{color:var(--color-ink-muted);margin-block-start:var(--space-4);font-size:13px}.course-syllabus{font:400 18px / 30px var(--font-reading);margin-block-start:var(--space-7)}.course-syllabus h2{margin-block:0 var(--space-5);font:600 24px / 32px var(--font-reading)}.course-syllabus p{white-space:pre-wrap;max-inline-size:68ch}.skip-link{padding:var(--space-2) var(--space-4);background:var(--color-surface);z-index:1;position:absolute;inset-block-start:var(--space-2);inset-inline-start:var(--space-4);transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.utility-header{min-block-size:56px;padding-inline:var(--space-7);border-block-end:var(--border);background:var(--color-surface);align-items:center;display:flex}.product-link{min-block-size:44px;color:var(--color-ink);align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.page-content{min-block-size:calc(100dvb - 56px);inline-size:min(100%,760px);padding:var(--space-8);background:var(--color-surface);margin-inline:auto}.introduction{max-inline-size:68ch;font:400 18px / 30px var(--font-reading);margin-block-start:var(--space-5)}.form-guidance,.field-help{color:var(--color-ink-muted);font-size:13px;line-height:18px}.field-error{color:var(--color-danger);font-size:13px;line-height:18px}.notice{padding:var(--space-4);border-inline-start:2px solid var(--color-accent);border-radius:var(--radius-sm);background:var(--color-accent-soft);margin-block-start:var(--space-5)}.notice-error{border-color:var(--color-danger);color:var(--color-danger);background:var(--color-danger-soft)}.page-actions{gap:var(--space-4);border-block-start:var(--border);flex-wrap:wrap;margin-block-start:var(--space-6);padding-block-start:var(--space-5);display:flex}.page-actions a{align-items:center;min-block-size:44px;display:inline-flex}.page-actions form,.page-actions button{margin:0}.button-secondary{border-color:var(--color-rule-strong);color:var(--color-ink);background:var(--color-surface)}.button-secondary:hover,.button-secondary:active{background:var(--color-surface-muted)}@media (width<1200px){.utility-header{padding-inline:var(--space-6)}.page-content{padding:var(--space-7) var(--space-6)}}@media (width<768px){.utility-header{padding-inline:20px}.page-content{padding:var(--space-6) 20px}input:not([type=hidden]),select{min-block-size:44px;font-size:16px}}@media (pointer:coarse){input:not([type=hidden]),select{min-block-size:44px;font-size:16px}}@media (width<480px){.utility-header,.page-content{padding-inline:var(--space-4)}form>button{inline-size:100%}}.reading-content,.reading-editor textarea{max-inline-size:68ch;font-family:var(--font-reading);overflow-wrap:anywhere;font-size:18px;line-height:30px}.reading-content p,.reading-content ul,.reading-content ol,.reading-content blockquote,.reading-content pre{margin-block:0 var(--space-5);white-space:normal}.reading-content .plain-reading-content{white-space:pre-wrap}.reading-content h3,.reading-content h4,.reading-content h5,.reading-content h6{margin-block:var(--space-7) var(--space-4);font-family:var(--font-interface);font-size:18px;line-height:26px}.reading-content a{text-decoration:underline}.reading-content blockquote{border-inline-start:2px solid var(--color-rule-strong);margin-inline:0;padding-inline-start:var(--space-5)}.reading-content pre{white-space:pre-wrap}.reading-content code{background:var(--color-surface-muted)}.reading-editor textarea{inline-size:100%;padding:var(--space-3);border:1px solid var(--color-rule-strong);border-radius:var(--radius-sm);color:var(--color-ink);background:var(--color-surface);resize:vertical;display:block}.reading-editor textarea[aria-invalid=true]{border-color:var(--color-danger)}.reading-editor textarea:focus-visible,.reading-editor summary:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.reading-toolbar{border:0;min-inline-size:0;padding:0}.reading-toolbar:not([hidden]){gap:var(--space-2);margin-block:var(--space-3);flex-wrap:wrap;display:flex}.reading-toolbar button{min-block-size:44px;margin:0}.reading-editor summary{padding-block:var(--space-3);cursor:pointer}.reading-editor details{margin-block-start:var(--space-4)}@media (width<768px){.reading-toolbar:not([hidden]){display:none}}.course-management{border-block-start:var(--border);margin-block-start:var(--space-7);padding-block-start:var(--space-5)}.course-management h2{font:600 18px / 26px var(--font-interface)}.reading-editor{margin-block-start:var(--space-5)}.course-management>a,.course-management>p>a{align-items:center;min-block-size:44px;display:inline-flex}.course-frame{background:var(--color-surface);grid-template-columns:264px minmax(0,1fr);display:grid}.course-frame .page-content{inline-size:100%;max-inline-size:760px;margin-inline:auto}.course-index{padding:var(--space-5);border-inline-end:var(--border);background:var(--color-canvas);overflow-wrap:anywhere}.course-index nav>a{min-block-size:44px;padding-block:var(--space-3);text-decoration:none;display:block}.course-index a[aria-current=page]{border-inline-start:2px solid var(--color-accent);background:var(--color-accent-soft);padding-inline-start:var(--space-3)}.course-index summary{cursor:pointer;min-block-size:44px}.course-index :focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}@media (width<768px){.course-frame{display:block}.course-index{padding:var(--space-4);border-inline-end:0;border-block-end:var(--border)}}audio,iframe{max-inline-size:100%}iframe{aspect-ratio:16/9;border:0;inline-size:100%}.course-list summary{min-block-size:44px;padding-block:var(--space-3);cursor:pointer}.retained-text{white-space:pre-wrap;overflow-wrap:anywhere}}