@layer base{:root{color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--paper-light:#f8f7f3;--paper-dark:#1b1d19;--ink-light:#292b24;--ink-dark:#eeeee7;--muted-light:#62665b;--muted-dark:#b1b6aa;--rust-light:#ae432a;--rust-dark-mode:#e08b6d;--rust-hover-light:#8d3420;--rust-hover-dark:#f1a186;--rust-fill-light:#ae432a;--rust-fill-dark:#a84430;--rust-fill-hover-light:#8d3420;--rust-fill-hover-dark:#8f3927;--line-light:#ddded5;--line-dark:#41463e;--line-strong-light:#a5a79d;--line-strong-dark:#60665c;--panel-light:#efede5;--panel-dark:#252822;--surface-light:#fcfbf8;--surface-dark:#20231e;--placeholder-light:#73766c;--placeholder-dark:#aab0a4;--active-nav-light:#f4e6dc;--active-nav-dark:#442e27;--progress-track-light:#e4e4de;--progress-track-dark:#393e37;--accent-soft-light:#f1e4da;--accent-soft-dark:#3d2c26;--prose-light:#565b50;--prose-dark:#c1c5bb;--feedback-light:#f3e5db;--feedback-dark:#392a24;--success-light:#e9ede2;--success-dark:#29362c;--neutral-border-light:#c9c9bd;--neutral-border-dark:#53594f;--warning-border-light:#bd8d63;--warning-border-dark:#a67b4f;--warning-light:#f3e7d5;--warning-dark:#3d3223;--selection-light:#efd5c7;--selection-dark:#5f3e30;--paper:var(--paper-light);--ink:var(--ink-light);--muted:var(--muted-light);--rust:var(--rust-light);--rust-hover:var(--rust-hover-light);--rust-fill:var(--rust-fill-light);--rust-fill-hover:var(--rust-fill-hover-light);--line:var(--line-light);--line-strong:var(--line-strong-light);--panel:var(--panel-light);--surface:var(--surface-light);--placeholder:var(--placeholder-light);--active-nav:var(--active-nav-light);--progress-track:var(--progress-track-light);--accent-soft:var(--accent-soft-light);--prose:var(--prose-light);--feedback:var(--feedback-light);--success:var(--success-light);--neutral-border:var(--neutral-border-light);--warning-border:var(--warning-border-light);--warning:var(--warning-light);--selection:var(--selection-light);--serif:Georgia, "Times New Roman", serif;font-family:Helvetica Neue,Arial,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root:has(>head>meta[name=color-scheme][content=dark]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:var(--paper-dark);--ink:var(--ink-dark);--muted:var(--muted-dark);--rust:var(--rust-dark-mode);--rust-hover:var(--rust-hover-dark);--rust-fill:var(--rust-fill-dark);--rust-fill-hover:var(--rust-fill-hover-dark);--line:var(--line-dark);--line-strong:var(--line-strong-dark);--panel:var(--panel-dark);--surface:var(--surface-dark);--placeholder:var(--placeholder-dark);--active-nav:var(--active-nav-dark);--progress-track:var(--progress-track-dark);--accent-soft:var(--accent-soft-dark);--prose:var(--prose-dark);--feedback:var(--feedback-dark);--success:var(--success-dark);--neutral-border:var(--neutral-border-dark);--warning-border:var(--warning-border-dark);--warning:var(--warning-dark);--selection:var(--selection-dark)}:root:has(>head>meta[name=color-scheme][content=light]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not(:has(>head>meta[name=color-scheme][content=light])){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:var(--paper-dark);--ink:var(--ink-dark);--muted:var(--muted-dark);--rust:var(--rust-dark-mode);--rust-hover:var(--rust-hover-dark);--rust-fill:var(--rust-fill-dark);--rust-fill-hover:var(--rust-fill-hover-dark);--line:var(--line-dark);--line-strong:var(--line-strong-dark);--panel:var(--panel-dark);--surface:var(--surface-dark);--placeholder:var(--placeholder-dark);--active-nav:var(--active-nav-dark);--progress-track:var(--progress-track-dark);--accent-soft:var(--accent-soft-dark);--prose:var(--prose-dark);--feedback:var(--feedback-dark);--success:var(--success-dark);--neutral-border:var(--neutral-border-dark);--warning-border:var(--warning-border-dark);--warning:var(--warning-dark);--selection:var(--selection-dark)}}@supports (color:light-dark(white, black)){:root{--paper:light-dark(var(--paper-light),var(--paper-dark));--ink:light-dark(var(--ink-light),var(--ink-dark));--muted:light-dark(var(--muted-light),var(--muted-dark));--rust:light-dark(var(--rust-light),var(--rust-dark-mode));--rust-hover:light-dark(var(--rust-hover-light),var(--rust-hover-dark));--rust-fill:light-dark(var(--rust-fill-light),var(--rust-fill-dark));--rust-fill-hover:light-dark(var(--rust-fill-hover-light),var(--rust-fill-hover-dark));--line:light-dark(var(--line-light),var(--line-dark));--line-strong:light-dark(var(--line-strong-light),var(--line-strong-dark));--panel:light-dark(var(--panel-light),var(--panel-dark));--surface:light-dark(var(--surface-light),var(--surface-dark));--placeholder:light-dark(var(--placeholder-light),var(--placeholder-dark));--active-nav:light-dark(var(--active-nav-light),var(--active-nav-dark));--progress-track:light-dark(var(--progress-track-light),var(--progress-track-dark));--accent-soft:light-dark(var(--accent-soft-light),var(--accent-soft-dark));--prose:light-dark(var(--prose-light),var(--prose-dark));--feedback:light-dark(var(--feedback-light),var(--feedback-dark));--success:light-dark(var(--success-light),var(--success-dark));--neutral-border:light-dark(var(--neutral-border-light),var(--neutral-border-dark));--warning-border:light-dark(var(--warning-border-light),var(--warning-border-dark));--warning:light-dark(var(--warning-light),var(--warning-dark));--selection:light-dark(var(--selection-light),var(--selection-dark))}}html{min-width:280px;scroll-padding-top:24px}body{margin:0;font-size:16px;line-height:1.6}h1,h2,h3,p,figure,blockquote{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.15}h1{letter-spacing:-.045em;font-size:clamp(40px,4.1vw,64px)}h2{letter-spacing:-.035em;font-size:32px}h3{letter-spacing:-.025em;font-size:23px}p{color:var(--muted)}a{color:inherit;box-sizing:border-box;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button,input,textarea,select,fieldset{box-sizing:border-box}button{background:0 0;border:0}button,a,input,textarea{-webkit-tap-highlight-color:transparent}:where(a,button,input,textarea,select):focus-visible{outline:2px solid var(--rust);outline-offset:4px}input,textarea{border:1px solid var(--line-strong);background:var(--surface);border-radius:4px;width:100%;min-height:48px;padding:12px 14px;font-size:16px}input::placeholder,textarea::placeholder{color:var(--placeholder);opacity:1}textarea{resize:vertical;line-height:1.6}input:is([type=radio],[type=checkbox]){width:17px;height:17px;min-height:17px;accent-color:var(--rust);flex-shrink:0;margin:0}fieldset{border:0;min-width:0;margin:0;padding:0}legend{padding:0}code{overflow-wrap:anywhere;background:var(--panel);border-radius:3px;padding:2px 5px;font-size:.88em}hr{border:0;border-top:1px solid var(--line);margin:28px 0}svg{flex-shrink:0}::selection{background:var(--selection)}}@layer components{.site-header{border-bottom:1px solid var(--line);background:var(--paper)}.site-header-inner,.primary-nav{box-sizing:border-box;max-width:1740px;margin-inline:auto;padding-inline:clamp(26px,3.2vw,58px)}.site-header-inner{justify-content:space-between;align-items:center;gap:24px;padding-block:18px 14px;display:flex}.brand-group{align-items:center;gap:19px;min-width:0;display:flex}.brand{white-space:nowrap;flex-shrink:0;align-items:center;gap:10px;line-height:1;display:flex}.brand svg{color:var(--rust)}.brand span{font:33px var(--serif);letter-spacing:-.065em}.theme-toggle{border:1px solid var(--line-strong);min-height:44px;color:var(--ink);white-space:nowrap;border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding-inline:12px;font-size:12px;display:inline-flex}.theme-toggle:hover{background:var(--panel)}.theme-toggle svg{color:var(--rust)}.primary-nav{flex-wrap:wrap;align-items:center;gap:4px;padding-block:0 10px;display:flex;overflow:visible}.nav-button{border:1px solid var(--line);white-space:nowrap;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:9px 11px;font-size:13px;display:inline-flex}.nav-button:hover{border-color:var(--line);background:var(--panel)}.nav-button.active{background:var(--active-nav);color:var(--rust)}.workspace{max-width:1740px;margin-inline:auto;padding-inline:clamp(26px,3.2vw,58px)}.topbar{border-bottom:1px solid var(--line);min-height:56px;color:var(--muted);justify-content:flex-end;align-items:center;padding-block:8px;font-size:12px;display:flex}.topbar-status,.header-progress,.save-indicator{align-items:center;display:flex}.topbar-status{gap:18px}.header-progress{white-space:nowrap;gap:9px;font-size:11px}.header-progress progress{width:64px;height:4px}progress{appearance:none;background:var(--progress-track);width:100%;height:5px;accent-color:var(--rust);border:0;border-radius:10px;display:block}progress::-webkit-progress-bar{background:var(--progress-track);border-radius:10px}progress::-webkit-progress-value{background:var(--rust);border-radius:10px}progress::-moz-progress-bar{background:var(--rust);border-radius:10px}.save-indicator{white-space:nowrap;gap:9px}main{outline:none;min-height:calc(100vh - 170px)}footer{color:var(--muted);border-top:1px solid var(--line);justify-content:space-between;gap:20px;margin-top:25px;padding-block:40px 25px;font-size:11px;display:flex}footer span span{color:var(--line-strong);padding-inline:12px}footer .footer-source-link{min-height:24px;font-size:inherit}.hero{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:center;gap:clamp(22px,3vw,40px);padding-block:clamp(38px,3.8vw,52px) clamp(34px,3.2vw,44px);display:grid}.hero>div,.fork-diagram{min-width:0}.hero h1{letter-spacing:-.055em;font-size:clamp(42px,4.1vw,68px);line-height:1.03}.fork-diagram{width:100%;margin:0}.fork-diagram svg{width:100%;height:auto;display:block;overflow:hidden}.main-line,.branch-line,.dashed-line{fill:none;stroke:var(--ink);stroke-width:2.5px}.branch-line{stroke:var(--rust)}.dashed-line{stroke-width:1px;stroke-dasharray:6 5}.upstream-node,.fork-node{fill:var(--paper);stroke:var(--ink);stroke-width:2.5px}.fork-node{stroke:var(--rust)}.merge-node{fill:var(--rust);stroke:var(--paper);stroke-width:2px}.diagram-title,.diagram-small,.diagram-fork{fill:var(--ink);font:21px var(--serif)}.diagram-small{font-size:18px}.diagram-fork{fill:var(--rust)}.diagram-caption{fill:var(--muted);font:14px Arial,sans-serif}.actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.button{border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;gap:16px;min-height:48px;padding:12px 19px;font-size:14px;line-height:1.4;transition:background .15s,border-color .15s;display:inline-flex}.button.primary{background:var(--rust-fill);color:#fffdf9}.button.primary:hover{background:var(--rust-fill-hover)}.button.secondary{border-color:var(--line-strong);background:0 0}.button.secondary:hover{border-color:var(--ink);background:var(--panel)}.text-link{color:var(--rust);text-align:start;align-items:center;gap:12px;min-height:48px;padding:0;font-size:14px;line-height:1.4;display:inline-flex}.text-link:hover{color:var(--rust-hover);text-underline-offset:4px;text-decoration:underline}.text-link.muted{color:var(--muted)}.entry-section{padding-block:32px 27px}.entry-section h2{font-size:clamp(26px,2.8vw,39px)}.path-options{grid-template-columns:1fr 1fr;gap:40px;margin-top:26px;display:grid}.path-option{border-bottom:1px solid var(--line);align-items:center;gap:18px;padding-block:12px 24px;display:flex}.path-number{background:var(--accent-soft);width:50px;height:50px;color:var(--rust);font:23px var(--serif);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.path-option h3{margin-bottom:6px;font-size:23px}.path-option>svg{color:var(--rust);margin-inline-start:auto}.path-option:hover h3{color:var(--rust)}.home-bottom{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(24px,3vw,42px);padding-top:7px;display:grid}.quick-process,.featured-pr-card{min-width:0}.quick-process h2{font-size:29px}.quick-process-list{margin:0;padding:0;list-style:none}.quick-process-list li{border-bottom:1px solid var(--line);grid-template-columns:26px minmax(0,1fr);gap:13px;padding-block:11px;display:grid}.quick-process-list li:first-child{border-top:1px solid var(--line)}.quick-step-number{color:var(--rust);font:17px/1.3 var(--serif)}.quick-process-list h3{font:19px/1.3 var(--serif)}.featured-pr-card{border:1px solid var(--line);background:var(--panel);border-radius:5px;flex-direction:column;padding:clamp(23px,2.8vw,34px);display:flex}.featured-pr-card h2{font:clamp(26px, 2.25vw, 34px)/1.14 var(--serif);letter-spacing:-.035em;margin-block:13px 14px}.pr-flow{border-block:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;margin-block:18px 12px;padding-block:17px;list-style:none;display:grid}.pr-flow-step{min-width:0}.pr-flow-step span{color:var(--muted);letter-spacing:.03em;text-transform:uppercase;font-size:10px}.pr-flow-step strong{overflow-wrap:anywhere;margin-top:5px;font-size:12px;line-height:1.4;display:block}.pr-flow>svg{width:15px;color:var(--rust)}.featured-pr-meta{color:var(--muted);flex-wrap:wrap;gap:5px 14px;font-size:11px;display:flex}.featured-pr-link{align-self:flex-start;margin-top:12px;padding-top:11px}.eyebrow{text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);font:600 10px/1.5 Arial,sans-serif}.page-heading{max-width:980px;padding-block:47px 33px}.page-heading h1{font-size:clamp(39px,4vw,59px)}.page-heading>p{max-width:780px;margin-top:18px;font-size:17px}.path-selector{border-block:1px solid var(--line);flex-wrap:wrap;gap:12px 30px;padding-block:20px;display:flex}.path-selector legend{padding-inline-end:14px;font-size:12px;font-weight:600}.path-selector label{cursor:pointer;align-items:center;gap:10px;min-height:48px;display:flex}.section-heading{justify-content:space-between;align-items:start;gap:20px;margin-block:35px 18px;display:flex}.section-heading h2{font-size:28px}.section-heading p{margin-top:8px;font-size:14px}.quiet-count{color:var(--muted);white-space:nowrap;font-size:12px}.catalog-list{margin:0;padding:0;list-style:none}.catalog-list li{border-bottom:1px solid var(--line)}.catalog-list a{align-items:center;gap:23px;padding-block:23px;display:flex}.catalog-list a:hover h3{color:var(--rust)}.catalog-number{font:22px var(--serif);color:var(--muted);min-width:37px}.catalog-number.completed{color:var(--rust)}.catalog-list h3{font-size:24px}.catalog-list p{margin-top:6px;font-size:14px}.catalog-list .duration{margin-inline-start:auto}.duration{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:inline-flex}.callout{background:var(--panel);border-radius:4px;margin-block:30px;padding:25px 28px}.callout h3{font-size:25px}.callout p{margin-top:10px;font-size:15px}.callout .actions{margin-top:18px}.small-print{color:var(--muted);font-size:12px}.lesson-top{justify-content:space-between;align-items:center;padding-top:22px;display:flex}.reading-layout{grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:clamp(35px,5vw,90px);display:grid}.lesson-article{min-width:0}.lesson-article>.eyebrow{margin-top:28px}.lesson-article .page-heading{padding-block:15px 20px}.lesson-article .page-heading h1{font-size:clamp(36px,3.8vw,53px)}.prose-section{margin-block:30px}.prose-section h2{margin-bottom:17px;font-size:29px}.prose-section p{color:var(--prose);line-height:1.85}.reading-aside,.tool-aside{padding-top:35px;font-size:14px;position:sticky;top:20px}.reading-aside h3,.tool-aside h3{margin-block:14px;font-size:25px}.reading-aside p,.tool-aside p{margin-bottom:13px}.example-callout{background:var(--panel);border-inline-start:2px solid var(--rust);margin-block:30px;padding:24px}.example-callout p+p{margin-top:12px;font-size:15px}.exercise{border-block:1px solid var(--line);margin-block:30px;padding-block:28px}.exercise legend{font:28px var(--serif);letter-spacing:-.035em}.exercise-question{color:var(--ink);margin-block:15px}.answer{cursor:pointer;align-items:flex-start;gap:12px;min-height:48px;padding-block:13px;font-size:15px;display:flex}.answer input{margin-top:4px}.exercise .button{margin-top:18px}.feedback{background:var(--feedback);border-radius:4px;margin-top:18px;padding:18px 20px;font-size:14px}.feedback.correct{background:var(--success)}.feedback p{margin-top:7px}.lesson-complete{color:var(--muted);flex-wrap:wrap;align-items:center;gap:16px;margin-block:25px;font-size:12px;display:flex}.lesson-pagination{border-top:1px solid var(--line);justify-content:space-between;gap:20px;padding-block:20px;display:flex}.lesson-pagination .text-link{font-size:12px}.fiction-label{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding-bottom:20px;font-size:13px;display:flex}.worked-example{border-bottom:1px solid var(--line);grid-template-columns:65px minmax(0,1fr);gap:20px;max-width:1000px;padding-block:38px;display:grid}.example-index{font:42px var(--serif);color:var(--rust)}.worked-example h2{margin-block:9px 15px;font-size:35px}.worked-example>div>p:not(.eyebrow){margin-block:16px}.example-subtitle{font-family:var(--serif);font-size:22px}.example-takeaway{background:var(--panel);margin-block:22px;padding:20px 24px;font-size:15px}.example-takeaway p{margin-top:8px}.field-index{color:var(--muted);padding-top:5px;font-size:12px}.review-list{max-width:1000px;padding-top:18px}.review-item{border-bottom:1px solid var(--line);margin-top:20px;padding-block:15px 23px}.review-item legend{font:24px var(--serif);letter-spacing:-.025em}.review-item .field-index{vertical-align:middle;margin-inline-end:20px}.review-item>p{max-width:750px;margin-block:7px 12px;padding-inline-start:34px;font-size:14px}.review-options{flex-wrap:wrap;gap:8px 25px;padding-inline-start:34px;display:flex}.review-options label{cursor:pointer;align-items:center;gap:9px;min-height:48px;font-size:13px;display:flex}.draft-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-block:25px 15px;display:flex}.view-switch{border-bottom:1px solid var(--line);gap:4px;display:flex}.view-switch button{border-bottom:2px solid #0000;min-height:48px;padding:8px 14px;font-size:13px}.view-switch button[aria-pressed=true]{border-color:var(--rust);color:var(--rust)}.draft-editor{min-height:650px;padding:25px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px;line-height:1.75}.draft-preview{background:var(--surface);border:1px solid var(--line);overflow-wrap:anywhere;border-radius:4px;min-height:600px;padding:32px}.draft-preview h2{margin-bottom:25px}.draft-preview h3{margin-block:30px 12px}.draft-preview p{white-space:pre-wrap;font-size:15px}.draft-actions{justify-content:space-between;align-items:start;gap:30px;margin-top:22px;display:flex}.draft-actions>p{max-width:320px}.action-message{min-height:30px;margin-top:12px;font-size:13px}.studio-layout{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start;gap:clamp(24px,3.2vw,52px);padding-top:28px;display:grid}.studio-review,.studio-draft{min-width:0}.studio-section-heading{border-bottom:1px solid var(--line);align-items:center;gap:13px;padding-bottom:14px;display:flex}.studio-section-heading h2{font:28px/1.15 var(--serif);letter-spacing:-.035em}.studio-section-heading .eyebrow{margin-bottom:5px}.studio-section-heading .quiet-count{white-space:nowrap;margin-inline-start:auto}.studio-icon{background:var(--panel);width:40px;height:40px;color:var(--rust);border-radius:50%;flex:none;place-items:center;display:grid}.studio-review>.small-print,.studio-draft>.small-print{margin-block:14px 18px;line-height:1.6}.studio-review .review-list{max-width:none;padding-top:0}.studio-review .review-item{margin-top:12px;padding-block:12px 16px}.studio-review .review-item legend{font-size:20px;line-height:1.3}.studio-review .review-item .field-index{margin-inline-end:12px}.studio-review .review-item>p,.studio-review .review-options{padding-inline-start:28px}.studio-review .review-item>p{font-size:12px;line-height:1.5}.studio-review .review-options{gap:2px 14px}.studio-review .review-options label{min-height:42px;font-size:11px}.studio-review-note{border-top:1px solid var(--line);padding-top:15px}.studio-draft .draft-toolbar{margin-block:12px 10px}.studio-draft .draft-editor{min-height:650px;padding:18px;font-size:13px}.studio-draft .draft-preview{min-height:650px;padding:22px}.skill-intro{background:var(--panel);border-radius:5px;align-items:start;gap:28px;padding:30px;display:flex}.skill-symbol{color:var(--rust);border:1px solid var(--neutral-border);border-radius:10px;flex-shrink:0;place-items:center;width:80px;height:80px;display:grid}.skill-intro h2{margin-block:7px 12px;font-size:36px}.skill-intro p:not(.eyebrow){max-width:650px;font-size:15px}.skill-intro .button{margin-top:20px}.skill-steps,.install-steps{color:var(--prose);padding-inline-start:24px;font-size:15px}.skill-steps li,.install-steps li{margin-block:18px;padding-inline-start:6px}.prompt-box{background:var(--panel);border-radius:4px;padding:22px}.prompt-box p{font:13px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace}.prompt-box .text-link{margin-top:12px}.plain-list{margin-block:20px;padding:0;font-size:13px;list-style:none}.plain-list li{align-items:start;gap:9px;margin-block:13px;display:flex}.plain-list svg{color:var(--rust);margin-top:4px}.storage-warning{border:1px solid var(--warning-border);background:var(--warning);margin-top:15px;padding:14px 18px;font-size:13px}.further-reading{border-top:1px solid var(--line);margin-top:30px;padding-top:28px}.further-reading p{margin-block:12px;font-size:14px}.further-reading .text-link{width:fit-content;display:flex}}@layer utilities{.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{background:var(--ink);color:var(--paper);z-index:100;padding:12px 20px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:10px}}@media (width>=1800px){.hero{padding-block:75px 60px}}@media (width<=1180px){.site-header-inner,.primary-nav,.workspace{padding-inline:30px}.brand-group{gap:12px}.brand span{font-size:30px}.hero{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:18px}.hero h1{font-size:clamp(44px,4.4vw,51px)}.hero .actions{gap:10px}.hero .button{gap:9px;padding-inline:13px;font-size:12px}.path-options,.home-bottom{gap:24px}.path-option{gap:12px}.path-option h3{font-size:21px}.path-number{width:42px;height:42px;font-size:20px}.reading-layout{grid-template-columns:minmax(0,1fr) 210px;gap:30px}.reading-aside,.tool-aside{font-size:13px}.draft-actions{flex-wrap:wrap;gap:15px}}@media (width<=1080px){.hero{grid-template-columns:minmax(0,1fr);gap:24px}.hero h1{font-size:clamp(44px,5vw,56px)}.fork-diagram{max-width:590px}}@media (width<=900px){.hero{grid-template-columns:1fr;gap:22px;padding-block:38px}.hero h1{font-size:clamp(44px,6.4vw,65px)}.hero .button{padding-inline:18px;font-size:14px}.fork-diagram{max-width:590px;margin-top:0}.path-options,.home-bottom{grid-template-columns:1fr}.path-options{gap:6px;margin-top:15px}.path-option p{font-size:14px}.home-bottom{gap:30px}.reading-layout,.studio-layout{grid-template-columns:minmax(0,1fr);gap:10px}.reading-aside,.tool-aside{border-top:1px solid var(--line);margin-top:25px;padding-top:25px;position:static}.catalog-list .duration{display:none}.catalog-list a>svg{margin-inline-start:auto}}@media (width<=700px){.site-header-inner,.primary-nav{padding-inline:22px}.site-header-inner{align-items:flex-start;gap:12px;padding-block:12px 9px}.brand-group{display:block}.brand{gap:8px}.brand span{font-size:31px}.theme-toggle{width:auto;padding-inline:10px}.primary-nav{scrollbar-width:auto;grid-template-columns:repeat(auto-fit,minmax(min(100%,145px),1fr));gap:7px;padding-block:0 10px;display:grid;overflow:visible}.nav-button{white-space:nowrap;justify-content:center;gap:7px;min-height:44px;padding:8px 12px;font-size:12px;line-height:1.25}.workspace{padding-inline:22px}.topbar{min-height:48px;font-size:10px}.topbar-status{gap:10px}.header-progress{gap:5px;font-size:10px}.header-progress progress{width:42px}.save-indicator{white-space:normal;gap:5px;max-width:130px;font-size:10px;line-height:1.4}.hero{gap:27px;padding-block:35px 30px}.hero h1{font-size:clamp(42px,7.8vw,58px);line-height:1.09}.hero .actions{gap:10px}.hero .button{gap:10px;padding-inline:13px;font-size:12px}.entry-section{padding-block:27px}.entry-section h2{font-size:30px}.path-option{gap:15px;padding-block:17px}.path-option h3{font-size:23px}.path-number{width:40px;height:40px;font-size:18px}.quick-process h2{font-size:28px}.featured-pr-card h2{font-size:30px}.page-heading{padding-block:34px 25px}.page-heading h1{font-size:42px}.page-heading>p{margin-top:15px;font-size:15px}.section-heading{flex-direction:column;gap:12px;margin-top:28px}.section-heading h2{font-size:28px}.catalog-list a{gap:12px;padding-block:22px}.catalog-list h3{font-size:23px}.catalog-list p{font-size:13px}.catalog-number{min-width:28px;font-size:19px}.catalog-list a>svg{width:16px}.path-selector{flex-direction:column;gap:4px}.lesson-article .page-heading h1{font-size:39px}.prose-section p{font-size:15px}.prose-section h2,.exercise legend{font-size:27px}.answer{font-size:14px}.lesson-pagination{align-items:start;gap:22px}.lesson-pagination>*{max-width:48%}.lesson-pagination .text-link{font-size:11px}.worked-example{grid-template-columns:1fr;gap:12px;padding-block:28px}.example-index{font-size:28px}.worked-example h2{font-size:31px}.example-takeaway{padding:19px}.callout{padding:22px}.review-item legend{font-size:23px;line-height:1.3}.review-item .field-index{margin-inline-end:12px}.review-item>p,.review-options{padding-inline-start:0}.review-options{gap:0 18px}.review-options label{font-size:12px}.review-options input{width:16px;height:16px}.draft-actions .actions,.draft-actions .button{width:100%}.studio-layout{gap:32px;padding-top:18px}.studio-section-heading h2{font-size:25px}.studio-review .review-item legend{font-size:21px}.studio-draft .draft-editor{min-height:470px;font-size:14px}.studio-draft .draft-preview{min-height:470px;padding:20px}.skill-intro{flex-direction:column;gap:20px;padding:22px}.skill-symbol{width:60px;height:60px}.skill-symbol svg{width:30px}.skill-intro h2{overflow-wrap:anywhere;font-size:30px}.skill-intro .button{padding-inline:14px;font-size:13px}footer{flex-direction:column;gap:10px;margin-top:25px;padding-block:25px}}@media (width<=420px){.site-header-inner,.primary-nav{padding-inline:14px}.workspace{padding-inline:16px}.brand span{font-size:29px}.brand-group{gap:8px}.topbar{align-items:flex-start;font-size:9px}.topbar-status{flex-wrap:wrap;justify-content:flex-end;gap:8px}.header-progress{font-size:9px}.header-progress progress{width:34px}.save-indicator{max-width:112px;font-size:9px}.hero h1{font-size:clamp(35px,10vw,42px)}}@media (prefers-reduced-motion:reduce){.button{transition:none}}