.class-hero{padding:65px clamp(20px,6vw,92px);border-bottom:1px solid var(--ink)}.class-hero h1{font-size:clamp(35px,5.5vw,76px);line-height:1.05;letter-spacing:-.055em;font-weight:500;margin:24px 0}.class-hero>p{max-width:700px;font-size:19px;line-height:1.6;color:#555}.class-meta{display:flex;gap:12px 24px;flex-wrap:wrap;font:11px 'DM Mono',monospace;margin-top:30px}.class-meta a{color:var(--blue)}.class-layout{display:grid;grid-template-columns:250px minmax(0,800px);gap:65px;padding:50px clamp(20px,6vw,92px);justify-content:center}.class-nav{align-self:start;position:sticky;top:24px}.class-nav>p{font-size:13px}.class-nav progress{width:100%;height:5px;accent-color:var(--blue)}.class-nav nav{display:grid;margin:20px 0}.class-nav button{display:flex;gap:10px;padding:14px 0;background:transparent;border:0;border-bottom:1px solid var(--line);text-align:left;font:14px 'DM Sans',sans-serif;cursor:pointer;align-items:center}.class-nav button[aria-current="step"]{color:var(--blue);font-weight:700}.class-nav button span{font:10px 'DM Mono',monospace;color:#666}.class-nav button i{margin-left:auto;font-style:normal}.class-nav .class-local-note{color:#666;font-size:11px;line-height:1.7}.class-nav #reset-class{font-size:11px;border:0;color:#666}.class-content{min-width:0;line-height:1.75;font-size:18px}.lesson{margin-bottom:28px}.lesson[hidden],.lesson-controls[hidden]{display:none}.lesson h2{font-size:clamp(28px,4vw,45px);line-height:1.12;letter-spacing:-.04em;font-weight:500;margin:18px 0 28px}.lesson h3{font-size:23px;line-height:1.3}.lesson a{color:var(--blue);text-underline-offset:3px}.lesson li{margin-bottom:12px}.lesson-task{padding:24px;background:#f0f3ff;border-left:4px solid var(--blue);margin:28px 0}.lesson-task b{font-size:12px;text-transform:uppercase;letter-spacing:.08em}.lesson-task p{margin:10px 0}.lesson-table{overflow:auto;border:1px solid var(--line)}.lesson table{width:100%;border-collapse:collapse;font-size:15px;min-width:450px}.lesson caption{text-align:left;background:var(--acid);padding:14px;font-weight:700}.lesson th,.lesson td{text-align:left;padding:14px;border-bottom:1px solid var(--line);vertical-align:top}.query-example{padding:24px;border:1px solid var(--ink);background:#fafaf7}.query-example>span{font:10px 'DM Mono',monospace;text-transform:uppercase}.query-example blockquote{font-size:23px;line-height:1.4;margin:18px 0}.query-example a{font-size:14px}.lesson-definitions dt{font-weight:600;margin-top:20px}.lesson-definitions dd{margin:5px 0 0;color:#555}.lesson pre{white-space:pre;overflow:auto;max-width:100%;padding:24px;background:#f3f3ef;border:1px solid var(--line);font:13px/1.8 'DM Mono',monospace}.lesson code{overflow-wrap:anywhere}.lesson-controls{display:flex;gap:16px;justify-content:space-between;border-top:1px solid var(--line);padding-top:24px}.lesson-controls button,.lesson-button{cursor:pointer;font:600 13px 'DM Sans',sans-serif;border:1px solid var(--ink);padding:14px 18px;background:white}.lesson-button,.lesson-controls .lesson-button{background:var(--blue);color:white;border-color:var(--blue)}#lesson-saved{font-size:12px;color:#555}#lesson-quiz fieldset{border:0;border-top:1px solid var(--line);padding:20px 0;margin:0}#lesson-quiz legend{font-weight:600;font-size:17px}#lesson-quiz label{display:flex;align-items:baseline;gap:10px;font-size:15px;margin:14px 0;cursor:pointer}#quiz-result{font-size:14px}.class-content :focus-visible,.class-nav :focus-visible{outline:2px solid var(--blue);outline-offset:4px}
@media(max-width:900px){.class-layout{grid-template-columns:1fr;gap:32px}.class-nav{position:static}.class-nav nav{grid-template-columns:1fr 1fr;gap:0 20px}.class-nav .class-local-note{max-width:550px}}@media(max-width:520px){.class-hero{padding-top:45px}.class-nav nav{grid-template-columns:1fr}.class-content{font-size:16px}.lesson-controls{gap:10px}.lesson-controls button{padding:12px;font-size:11px}.lesson-task{padding:18px}.class-layout{padding-top:30px}}