.lesson{--navy:#a1a1aa59;--red:var(--color-brand);--lesson-fg:var(--color-fg);--amber:#f59e0b;--blue:#3b82f6;--tint-brand:#1fad571a;--tint-amber:#f59e0b1a;--tint-blue:#3b82f61a;font-family:var(--font-arabic), var(--font-sans), system-ui, sans-serif;color:var(--color-fg);font-size:1.125rem;line-height:1.95}@media (min-width:1024px){.lesson{font-size:1.25rem}}.lesson-sprite{width:0;height:0;position:absolute;overflow:hidden}.lesson-page>*+*{margin-top:1.75rem}.lesson-page .cols>div>*+*,.lesson-page [style*=grid-template-columns]>div>*+*{margin-top:1rem}.lesson .en{font-family:var(--font-sans), system-ui, sans-serif;direction:ltr;unicode-bidi:isolate;font-weight:600}.lesson .mono{font-family:var(--font-mono), monospace;direction:ltr;unicode-bidi:isolate;font-size:.9em}.lesson b{color:var(--color-fg);font-weight:700}.lesson p{color:var(--color-fg-muted)}.lesson p.big{color:var(--color-fg);font-size:1.1em}.lesson .hl,.lesson .hl2{color:var(--color-brand);background:var(--tint-brand);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:.4em;padding:0 .35em}.lesson .hero{align-items:flex-start;gap:1rem;display:flex}.lesson .hero .q{color:var(--color-brand);flex:none;font-size:4.5rem;font-weight:800;line-height:.85;transform:rotate(-8deg)}.lesson .hero h2{color:var(--color-fg);flex:1;font-size:1.75rem;font-weight:800;line-height:1.5}.lesson .hero h2 .r{color:var(--color-fg-muted);font-size:.8em}.lesson .hero .art{width:4.5rem;height:4.5rem;color:var(--color-brand);flex:none}.lesson .hero{flex-wrap:wrap}.lesson .hero>div[style*="flex:0 0 auto"]{flex:100%!important}@media (min-width:768px){.lesson .hero{flex-wrap:nowrap}.lesson .hero>div[style*="flex:0 0 auto"]{flex:0 0 16rem!important}}.lesson div[style*="flex:0 0 auto"]{max-width:100%;flex-shrink:1!important}@media (min-width:768px){.lesson .hero .q{font-size:6rem}.lesson .hero h2{font-size:2.5rem;line-height:1.45}.lesson .hero .art{width:7rem;height:7rem}}.lesson .intro{background:var(--tint-brand);text-align:center;border:1px solid #1fad574d;border-radius:1rem;padding:1.25rem 1.5rem;font-size:1.05em}.lesson .intro b{color:var(--color-brand)}.lesson .sec-h{align-items:center;gap:.75rem;display:flex}.lesson .num{border:1.5px solid var(--color-brand);width:2.25rem;height:2.25rem;color:var(--color-brand);font-family:var(--font-sans), sans-serif;border-radius:9999px;flex:none;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:inline-flex}.lesson .sec-h h3{color:var(--color-fg);font-size:1.3em;font-weight:800;line-height:1.5}.lesson h4{color:var(--color-fg);font-size:1.1em;font-weight:700}.lesson .cols{gap:1.5rem;display:grid}@media (min-width:768px){.lesson .c2{grid-template-columns:1fr 1fr}.lesson .c3{grid-template-columns:1fr 1fr 1fr}}.lesson .note{background:var(--color-bg-elevated);border:1px solid var(--color-border);color:var(--color-fg-muted);border-radius:1rem;padding:1rem 1.25rem;display:block}.lesson .note .t{color:var(--color-brand);font-weight:800}.lesson .note.y{background:var(--tint-amber);border-color:#f59e0b4d}.lesson .note.y .t{color:var(--amber)}.lesson .note.g{background:var(--tint-brand);border-color:#1fad574d}.lesson .note.b{background:var(--tint-blue);border-color:#3b82f64d}.lesson .note.b .t{color:#60a5fa}.lesson .note ul{padding-inline-start:1.25rem;list-style:outside}.lesson .analogy{border:1.5px dashed #1fad5773;border-radius:1.25rem;flex-direction:column;align-items:flex-start;gap:.75rem;padding:1.25rem 1.5rem;display:flex}.lesson .analogy .lbl{background:var(--color-brand);color:var(--color-on-brand);border-radius:9999px;padding:.15rem .85rem;font-size:.9em;font-weight:700;line-height:1.6}.lesson .card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:1rem;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.lesson .card .ico{color:var(--color-brand);flex:none}.lesson .card h4{font-family:var(--font-sans), sans-serif;text-align:start;direction:ltr}.lesson .card p{font-size:.95em}.lesson .flow{direction:ltr;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}.lesson .flow .item{flex-direction:column;align-items:center;gap:.5rem;display:flex}.lesson .flow svg{width:4.5rem;height:4.5rem}.lesson .arrow{color:var(--color-brand);align-self:center;font-size:1.75rem;font-weight:800;line-height:1}.lesson .cap{color:var(--color-fg-subtle);text-align:center;font-size:.85em;line-height:1.6}.lesson .lbl2{font-family:var(--font-sans), sans-serif;color:var(--color-fg-muted);text-align:center;direction:ltr;font-weight:600}.lesson .box{border:1px solid var(--color-border);background:var(--color-bg-raised);text-align:center;color:var(--color-fg);font-weight:700;font-family:var(--font-sans), var(--font-arabic), sans-serif;direction:ltr;border-radius:.875rem;padding:.5rem 1rem;line-height:1.6}.lesson .box span{font-family:var(--font-arabic), sans-serif;color:var(--color-fg-muted);font-size:.85em;font-weight:500;display:inline-block}.lesson .box.y{background:var(--tint-amber);border-color:#f59e0b59}.lesson .box.p{background:#ef444414;border-color:#ef44444d}.lesson .box.g{background:var(--tint-brand);border-color:#1fad5759}.lesson .box.b{background:var(--tint-blue);border-color:#3b82f659}.lesson .win{border:1px solid var(--color-border);direction:ltr;background:#0d0d0d;border-radius:.75rem;max-width:100%;overflow:hidden}.lesson .win .bar{background:var(--color-bg-raised);border-bottom:1px solid var(--color-border-subtle);font-family:var(--font-sans), sans-serif;color:var(--color-fg-subtle);align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.8em;display:flex}.lesson .win .bar i{background:#3f3f46;border-radius:9999px;width:.6rem;height:.6rem;display:inline-block}.lesson .win .body{font-family:var(--font-mono), monospace;color:#e4e4e7;white-space:pre-wrap;overflow-wrap:anywhere;padding:.75rem 1rem;font-size:.85em;line-height:1.7}.lesson .kw{color:#7fb3ff}.lesson .str{color:#4ade80}.lesson .num2{color:#f59e0b}.lesson .cmt{color:#71717a}.lesson .stack,.lesson .reg{border:1px solid var(--color-border);background:var(--color-bg-elevated);font-family:var(--font-sans), sans-serif;direction:ltr;border-radius:.75rem;font-weight:600;overflow:hidden}.lesson .stack{min-width:9rem}.lesson .stack div{text-align:center;border-bottom:1px dashed var(--color-border);color:var(--color-fg);padding:.35rem .75rem}.lesson .stack div:last-child{border-bottom:0}.lesson .sA{background:#ef44441a}.lesson .sB{background:var(--tint-blue)}.lesson .sC{background:var(--tint-brand)}.lesson .reg{grid-template-columns:auto auto;display:grid}.lesson .reg div{text-align:center;border-bottom:1px solid var(--color-border-subtle);color:var(--color-fg);padding:.25rem .85rem}.lesson .reg div:nth-child(odd){background:var(--color-bg-raised);border-inline-end:1px solid var(--color-border-subtle);color:var(--color-fg-muted)}.lesson .reg div:nth-last-child(-n+2){border-bottom:0}.lesson .reg .hi{background:var(--tint-brand)!important;color:var(--color-brand)!important}.lesson table.cmp{border-collapse:separate;border-spacing:0;border:1px solid var(--color-border);border-radius:.875rem;width:100%;font-size:.9em;overflow:hidden}.lesson table.cmp th,.lesson table.cmp td{text-align:center;border-bottom:1px solid var(--color-border-subtle);border-inline-start:1px solid var(--color-border-subtle);padding:.6rem .75rem}.lesson table.cmp tr:last-child td{border-bottom:0}.lesson table.cmp th{background:var(--tint-brand);color:var(--color-fg);font-weight:700}.lesson table.cmp td{color:var(--color-fg-muted)}.lesson table.cmp td:first-child{background:var(--color-bg-raised);color:var(--color-fg);font-weight:700}.lesson table.cmp .ram{background:var(--tint-brand)}.lesson table.cmp .ssd{background:var(--tint-blue)}.lesson .pipeline{flex-direction:column;align-items:center;display:flex}.lesson .step{grid-template-columns:4rem 1fr;align-items:center;gap:1rem;width:100%;display:grid}.lesson .step>:nth-child(3){grid-column:1/-1;justify-self:center}@media (min-width:768px){.lesson .step{grid-template-columns:4.5rem 1fr 9rem}.lesson .step>:nth-child(3){grid-column:auto}}.lesson .step .sh{align-items:center;gap:.5rem;display:flex}.lesson .step .sh h4{color:var(--color-brand);font-size:1.05em}.lesson .step p{font-size:.95em}.lesson .vconn{color:var(--color-brand);font-size:1.5rem;font-weight:800;line-height:1}.lesson .quiz{border:1.5px dashed #1fad5773;border-radius:1.25rem;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:grid}@media (min-width:768px){.lesson .quiz{grid-template-columns:1fr 9rem}}.lesson .quiz .qh{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.lesson .quiz .qh h4{color:var(--color-fg);font-size:1.15em}.lesson .opts{flex-wrap:wrap;gap:.75rem;display:flex}.lesson .opt{border:1px solid var(--color-border);background:var(--color-bg-elevated);font-family:var(--font-sans), sans-serif;color:var(--color-fg);direction:ltr;border-radius:.75rem;align-items:center;gap:.5rem;padding:.25rem .85rem .25rem .35rem;font-weight:600;display:flex}.lesson .opt b{background:var(--tint-brand);width:1.75rem;height:1.75rem;color:var(--color-brand);border-radius:9999px;justify-content:center;align-items:center;font-size:.85em;display:flex}.lesson .gloss{gap:.75rem;display:grid}@media (min-width:640px){.lesson .gloss{grid-template-columns:1fr 1fr}}.lesson .gloss div{background:var(--color-bg-elevated);border:1px solid var(--color-border);color:var(--color-fg-muted);border-radius:.75rem;padding:.6rem .9rem;font-size:.9em}.lesson .gloss b{font-family:var(--font-sans), sans-serif;color:var(--color-brand)}.lesson .lamp{font-family:var(--font-sans), sans-serif;color:var(--color-fg-muted);flex-direction:column;align-items:center;gap:.25rem;font-size:.8em;display:inline-flex}.lesson .lamp i{border:1.5px solid var(--color-border);border-radius:9999px;width:1.75rem;height:1.75rem;display:block}.lesson .on{background:var(--amber);box-shadow:0 0 12px var(--amber)}.lesson .off{background:#3f3f46}.lesson .pill{background:var(--tint-brand);color:var(--color-brand);font-family:var(--font-sans), sans-serif;direction:ltr;border-radius:.5rem;padding:0 .6rem;font-weight:600;display:inline-block}.lesson svg.ic{stroke:currentColor;stroke-width:3px;fill:none;stroke-linecap:round;stroke-linejoin:round}.lesson svg{color:var(--color-brand);max-width:100%;height:auto}.lesson .next{justify-content:center;align-items:center;gap:.75rem;margin-top:2.5rem;display:flex}.lesson .next .bq{color:var(--color-brand);font-size:3.5rem;font-weight:800;line-height:.8;transform:rotate(-10deg)}.lesson .next .cloud{background:var(--tint-brand);text-align:center;color:var(--color-fg);border:1px solid #1fad5766;border-radius:1.25rem;padding:.85rem 1.5rem;font-size:1.1em;font-weight:800;line-height:1.6}.lesson .pn{direction:ltr;justify-content:center;display:flex}.lesson .pn .circ{font-family:var(--font-sans), sans-serif;color:var(--color-fg-subtle);font-size:.8em}.lesson .pn .arr{display:none}.lesson [style*=display\:flex]:not([style*=flex-direction\:column]){flex-wrap:wrap}.lesson .cols>*,.lesson .step>*,.lesson .quiz>*,.lesson [style*=grid-template-columns]>*{min-width:0}.lesson p,.lesson .note{overflow-wrap:anywhere}@media (max-width:767px){.lesson [style*=grid-template-columns]:not([style*=repeat\(]){grid-template-columns:1fr!important}.lesson [style*=border-left]{border-left:0!important;padding-left:0!important}}