:is(html:has(.lesson-page),body:has(.lesson-page)){min-width:0}.lesson-page{color:#b6c6cf;width:100%;min-width:0;height:100dvh;font:16px/1.75 var(--font-geist-sans),Arial,sans-serif;background:#080f14;overflow:auto}.lesson-layout>article{overflow-wrap:anywhere;min-width:0}.lesson-top{z-index:10;background:#080f14f5;border-bottom:1px solid #1b303b;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:12px max(20px,50vw - 560px);display:flex;position:sticky;top:0}.lesson-top>a{color:#96b0be;white-space:nowrap;font-size:14px;text-decoration:none}.lesson-top strong{color:#e1ebef;letter-spacing:.02em;font-size:14px;font-weight:500}.lesson-layout{grid-template-columns:180px minmax(0,1fr);gap:52px;max-width:1120px;margin:auto;padding:42px 20px 80px;display:grid}.lesson-toc{flex-direction:column;align-self:start;gap:6px;display:flex;position:sticky;top:106px}.lesson-toc a{color:#7d99a8;padding:5px 0;font-size:14px;text-decoration:none}.lesson-toc a:hover{color:#00d4c6}.lesson-page h1{color:#e7f1f5;margin:0 0 10px;font-size:36px;font-weight:600;line-height:1.2}.lesson-intro{color:#849da9;margin:0 0 30px}.lesson-page section{border-top:1px solid #1b2c36;padding:24px 0;scroll-margin-top:94px}.lesson-page h2{color:#d6e3e9;margin:0 0 12px;font-size:21px;font-weight:500}.lesson-page p{margin:12px 0}.lesson-example{color:#9dd0cf;background:#0d1c23;border-left:2px solid #00beb4;margin:16px 0;padding:12px 16px;font:14px/1.8 IBM Plex Mono,monospace}.lesson-page a{color:#00cfc2;text-underline-offset:4px}.lesson-rule{line-height:1.8}details.lesson-rule{background:#0c1921;border:1px solid #243944;border-radius:6px;margin-top:24px;padding:16px 20px}.lesson-rule summary{color:#d5e4eb;cursor:pointer}.lesson-rule p{margin:18px 0}.lesson-note{color:#d5b774}@media (max-width:760px){.lesson-layout{grid-template-columns:1fr;gap:24px;padding-top:24px}.lesson-toc{flex-flow:wrap;gap:6px 18px;position:static}.lesson-top strong{display:none}.lesson-page h1{font-size:30px}}