:root{--ls-line:#e4dfd4;--ls-soft:#fbfaf7;--ls-r:14px;--ls-r-sm:9px;--ls-shadow:0 1px 2px #14213d0d, 0 10px 30px -18px #14213d40;--ls-read:46rem}.ls{grid-template-columns:1fr;gap:48px;max-width:80rem;margin-inline:auto;padding:40px 20px 64px;display:grid}@media (width>=1024px){.ls{grid-template-columns:17rem minmax(0,1fr);gap:56px;padding-inline:32px}}.ls-main{min-width:0;max-width:var(--ls-read);width:100%}@media (width>=1280px){.ls-main{margin-inline-end:auto}}.ls-side{font-family:var(--font-body);flex-direction:column;order:2;gap:20px;display:flex}@media (width>=1024px){.ls-side{order:0;align-self:start;max-height:calc(100vh - 48px);padding-bottom:8px;position:sticky;top:24px;overflow-y:auto}}.ls-course{border:1px solid var(--ls-line);border-radius:var(--ls-r);box-shadow:var(--ls-shadow);color:var(--color-ink);background:#fff;flex-direction:column;gap:8px;padding:16px;text-decoration:none;display:flex}.ls-course__name{font-family:var(--font-display);font-size:15px;font-weight:800}.ls-course:hover .ls-course__name{color:var(--color-vermilion)}.ls-bar{background:#eeeae2;border-radius:99px;height:6px;overflow:hidden}.ls-bar i{background:var(--color-vermilion);border-radius:99px;width:0;height:100%;transition:width .6s;display:block}.ls-course__meta{color:var(--color-ink-subtle);font-size:12px}.ls-toc{flex-direction:column;gap:2px;display:flex}.ls-stage summary{border-radius:var(--ls-r-sm);cursor:pointer;font-family:var(--font-display);color:var(--color-ink-dim);align-items:center;gap:10px;padding:9px 10px;font-size:14px;font-weight:700;display:flex}.ls-stage summary::-webkit-details-marker{display:none}.ls-stage summary{list-style:none}.ls-stage summary:hover{color:var(--color-ink);background:#14213d0a}.ls-stage[open] summary{color:var(--color-ink)}.ls-stage__n{width:22px;height:22px;font-family:var(--font-mono);color:var(--color-ink-dim);background:#eeeae2;border-radius:7px;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:inline-flex}.ls-stage[open] .ls-stage__n{background:var(--color-ink);color:#fff}.ls-stage ol{padding:0;border-inline-start:1px solid var(--ls-line);margin:2px 0 8px;margin-inline-start:20px;padding-inline-start:20px;list-style:none}.ls-lesson{border-radius:var(--ls-r-sm);color:var(--color-ink-dim);align-items:baseline;gap:8px;padding:6px 10px;font-size:13.5px;line-height:1.6;text-decoration:none;display:flex}a.ls-lesson:hover{color:var(--color-ink);background:#14213d0a}.ls-lesson.is-me{background:var(--color-vermilion-subtle);color:var(--color-ink);font-weight:700}.ls-lesson.is-me .ls-lesson__n{color:var(--color-vermilion)}.ls-lesson.is-soon{color:#b3b9c4}.ls-lesson.is-done .ls-lesson__n:before{content:"✓ ";color:var(--color-vermilion)}.ls-lesson__n{min-width:1.9rem;font-family:var(--font-mono);color:var(--color-ink-subtle);flex-shrink:0;font-size:11px}.ls-note{border-radius:var(--ls-r);background:var(--color-wash);padding:16px}.ls-note__k{font-family:var(--font-display);color:var(--color-ink);margin-bottom:6px;font-size:13px;font-weight:800;display:block}.ls-note p{color:var(--color-ink-dim);margin:0;font-size:13.5px;line-height:1.9}.ls-note code{font:600 .9em var(--font-mono);background:#fff;border-radius:5px;padding:1px 5px}.ls-head{margin-bottom:8px}.ls-kicker{font-family:var(--font-body);color:var(--color-vermilion);align-items:center;gap:10px;font-size:13.5px;font-weight:700;display:inline-flex}.ls-kicker__sep{background:var(--color-ink-subtle);border-radius:99px;width:4px;height:4px}.ls-title{font-family:var(--font-display);color:var(--color-ink);margin:14px 0 0;font-size:clamp(32px,4vw,50px);font-weight:900;line-height:1.2}.ls-summary{font-family:var(--font-body);color:var(--color-ink-dim);margin:18px 0 0;font-size:18.5px;line-height:2}.ls-goals{border:1px solid var(--ls-line);border-radius:var(--ls-r);box-shadow:var(--ls-shadow);background:#fff;margin-top:28px;padding:20px 22px}.ls-goals__k{font-family:var(--font-display);color:var(--color-ink);margin-bottom:10px;font-size:15px;font-weight:800;display:block}.ls-goals ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.ls-goals li{font-family:var(--font-body);color:var(--color-ink);padding-inline-start:30px;font-size:15.5px;line-height:1.85;position:relative}.ls-goals li:before{content:"✓";inset-inline-start:0;background:var(--color-vermilion-subtle);width:20px;height:20px;color:var(--color-vermilion);border-radius:99px;justify-content:center;align-items:center;font-size:11px;font-weight:900;display:flex;position:absolute;top:3px}.ls-goals code{font:600 .86em var(--font-mono);direction:ltr;unicode-bidi:isolate;background:#f1eee7;border-radius:6px;padding:1px 6px}.ls-done{border-radius:var(--ls-r);background:var(--color-vermilion-subtle);font-family:var(--font-display);color:var(--color-ink);align-items:center;gap:12px;margin-top:48px;padding:16px 18px;font-weight:700;display:flex}.ls-done[hidden]{display:none}.ls-done__check{background:var(--color-vermilion);color:#fff;border-radius:99px;justify-content:center;align-items:center;width:30px;height:30px;font-weight:900;display:flex}.ls-practice{border:1px solid var(--ls-line);border-radius:var(--ls-r);box-shadow:var(--ls-shadow);background:#fff;margin-top:64px;padding:24px}.ls-practice__title{font-family:var(--font-display);color:var(--color-ink);margin:0;font-size:20px;font-weight:800}.ls-practice__sub{font-family:var(--font-body);color:var(--color-ink-subtle);margin:4px 0 14px;font-size:14px}.ls-practice ol{margin:0;padding:0;list-style:none}.ls-practice li{border-top:1px solid var(--ls-line);align-items:flex-start;gap:12px;padding:12px 0;display:flex}.ls-practice a{font-family:var(--font-mono);color:var(--color-ink);font-size:14px;font-weight:700;text-decoration:none}.ls-practice a:hover{color:var(--color-vermilion)}.ls-site{font-family:var(--font-body);color:var(--color-ink-dim);background:#f1eee7;border-radius:99px;margin-inline-start:8px;padding:1px 8px;font-size:11px;font-weight:700}.ls-practice p{font-family:var(--font-body);color:var(--color-ink-dim);margin:4px 0 0;font-size:13px}.ls-check{cursor:pointer;margin-top:2px;position:relative}.ls-check input{opacity:0;position:absolute}.ls-check span{background:#fff;border:1.5px solid #c9c3b6;border-radius:6px;width:20px;height:20px;transition:background .2s,border-color .2s;display:block}.ls-check input:checked+span{background:var(--color-vermilion);border-color:var(--color-vermilion)}.ls-check input:checked+span:after{content:"✓";color:#fff;justify-content:center;align-items:center;height:100%;font-size:12px;font-weight:900;display:flex}.ls-nav{grid-template-columns:1fr;gap:14px;margin-top:40px;display:grid}@media (width>=640px){.ls-nav{grid-template-columns:1fr 1fr}}.ls-nav__a{border:1px solid var(--ls-line);border-radius:var(--ls-r);background:#fff;flex-direction:column;gap:4px;padding:18px 20px;text-decoration:none;transition:border-color .2s,transform .2s;display:flex}.ls-nav__a:hover{border-color:var(--color-ink);transform:translateY(-2px)}.ls-nav__a.is-next{background:var(--color-ink);border-color:var(--color-ink);text-align:left}.ls-nav__a.is-next .ls-nav__k{color:#f4a68e}.ls-nav__a.is-next .ls-nav__t{color:#fff}.ls-nav__a.is-soon{opacity:.6;text-align:left}.ls-nav__k{font-family:var(--font-body);color:var(--color-ink-subtle);font-size:12.5px;font-weight:700}.ls-nav__t{font-family:var(--font-display);color:var(--color-ink);font-size:16px;font-weight:800}.lesson{counter-reset:sec exercise;font-family:var(--font-body);color:var(--color-ink);flex-direction:column;display:flex}.lesson>*{margin:0}.lesson>:first-child:not(h2){margin-top:0!important}.lesson>h2:first-child{margin-top:56px}.lesson>h2{counter-increment:sec;border-top:1px solid var(--ls-line);font:900 clamp(24px, 1.2rem + 1vw, 31px)/1.35 var(--font-display);color:var(--color-ink);margin-top:80px;padding-top:34px;scroll-margin-top:24px;position:relative}.lesson>h2:before{content:counter(sec, decimal-leading-zero);top:-13px;background:var(--color-paper);font:800 13px/26px var(--font-mono);color:var(--color-vermilion);padding-inline-end:12px;position:absolute;inset-inline-start:0}.lesson>h2:after{content:"";top:-4px;background:var(--color-vermilion);border-radius:99px;width:7px;height:7px;position:absolute;inset-inline-end:0}.lesson>h2+*{margin-top:18px}.lesson>h3{font:800 20px/1.5 var(--font-display);color:var(--color-ink);margin-top:40px}.lesson>h3+*{margin-top:10px}.lesson>p{color:#26324f;margin-top:16px;font-size:17.5px;line-height:2.05}.lesson>:is(ul,ol){color:#26324f;margin-top:14px;padding-inline-start:24px;font-size:17px;line-height:2}.lesson li+li{margin-top:6px}.lesson li::marker{color:var(--color-vermilion);font-weight:700}.lesson strong,.lesson b{color:var(--color-ink);font-weight:700}.lesson a{color:var(--color-ink);text-decoration:underline;text-decoration-color:var(--color-vermilion);text-underline-offset:4px}.lesson kbd{font:600 12px var(--font-mono);background:#fff;border:1px solid #d8d2c6;border-bottom-width:2px;border-radius:6px;padding:1px 7px;display:inline-block}.lesson :not(pre)>code{font:600 .86em var(--font-mono);color:var(--color-ink);font-variant-ligatures:none;overflow-wrap:anywhere;direction:ltr;unicode-bidi:isolate;background:#eeeae2;border-radius:6px;padding:2px 7px}.lesson .table-wrap{max-width:100%;overflow-x:auto}.lesson>.table-wrap{border:1px solid var(--ls-line);border-radius:var(--ls-r);box-shadow:var(--ls-shadow);background:#fff;margin-top:22px;overflow-x:auto}.lesson table{border-collapse:collapse;width:100%;font:400 15px/1.75 var(--font-body)}.lesson thead th{color:var(--color-ink);font:800 13.5px/1.5 var(--font-display);text-align:start;border-bottom:1px solid var(--ls-line);white-space:nowrap;background:#f6f4ef;padding:13px 18px}.lesson td{vertical-align:top;color:#26324f;border-top:1px solid #f0ece4;padding:13px 18px}.lesson td:not(:first-child){min-width:9rem}.lesson td code{white-space:nowrap}.lesson tbody tr:first-child td{border-top:0}.lesson td:first-child{color:var(--color-ink);white-space:nowrap;font-weight:700}.lesson tbody tr:hover td{background:#fbfaf7}.lesson>pre.astro-code,.lesson pre.astro-code{border-radius:var(--ls-r);font:500 14.5px/1.85 var(--font-mono);text-align:left;direction:ltr;margin-top:18px;padding:18px 20px;overflow-x:auto;background:var(--color-code)!important}.lesson pre.astro-code code{font:inherit;background:0 0;border:0;padding:0}.lesson>blockquote{border-inline-start:3px solid var(--color-vermilion);color:var(--color-ink-dim);margin-top:18px;padding:4px 18px;font-size:17px;line-height:2}.lesson>hr{border:0;border-top:1px solid var(--ls-line);margin-top:40px}.lesson>:not(:is(p,ul,ol,h2,h3,h4,blockquote,.table-wrap,hr,pre)){margin-top:28px}.lesson>:not(:is(p,ul,ol,h2,h3,h4,blockquote,.table-wrap,hr,pre))+:is(p,ul,ol){margin-top:24px}:root{--ink:#14213d;--ink-dim:#4a5568;--ink-subtle:#8c96a6;--verm:#e4572e;--verm-soft:#fbeae5;--wash:#e5ecf4;--wash-high:#d3dfee;--rule:#e4dfd4;--paper:#f7f5f0;--code:#0d1525;--mono:"JetBrains Mono Variable", ui-monospace, monospace;--body:"IBM Plex Sans Arabic", sans-serif;--display:"Alexandria Variable", "IBM Plex Sans Arabic", sans-serif;--r:14px;--r-sm:9px;--card-shadow:0 1px 2px #14213d0d, 0 10px 30px -18px #14213d40}.lesson :is(.eng-pg,.eng-ex,.sq-choice,.sq-order,.sq-sim,.eng-code){border:1px solid var(--rule);border-radius:var(--r);box-shadow:var(--card-shadow);background:#fff;overflow:hidden}.eng-btn-primary,.eng-btn{font:700 14px/1 var(--body);cursor:pointer;white-space:nowrap;border-radius:10px;align-items:center;gap:8px;padding:9px 16px;transition:background-color .15s,border-color .15s,transform .1s;display:inline-flex}.eng-btn-primary{background:var(--verm);color:#fff;border:1px solid var(--verm)}.eng-btn-primary:hover{background:#cf4a24;border-color:#cf4a24}.eng-btn{color:var(--ink);background:#fff;border:1px solid #d8d2c6;font-weight:600}.eng-btn:hover{background:var(--paper);border-color:var(--ink-subtle)}.eng-btn-primary:active,.eng-btn:active{transform:translateY(1px)}.eng-btn[hidden]{display:none}.eng-kbd{font:600 11px var(--mono);background:#ffffff38;border-radius:5px;padding:2px 6px}.eng-tab{color:var(--ink-subtle);font:700 13px var(--body);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:6px 12px}.eng-tab:hover{color:var(--ink)}.eng-tab.is-on{background:var(--paper);color:var(--ink)}.pg__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;display:flex}.pg__title{font:800 14px var(--display);color:var(--ink);align-items:center;gap:8px;display:inline-flex}.pg__dot{background:var(--verm);border-radius:99px;width:8px;height:8px}.pg__tabs{background:#f6f4ef;border-radius:10px;gap:4px;padding:3px;display:flex}.pg__tabs .eng-tab.is-on{background:#fff;box-shadow:0 1px 2px #14213d1a}.pg__bar,.ex__bar{border-top:1px solid var(--rule);background:#fbfaf7;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px;display:flex}.pg__status{font:500 12.5px var(--body);color:var(--ink-subtle);direction:rtl;margin-inline-start:auto}.eng-editor{background:var(--code);direction:ltr;min-height:3.2rem}.eng-editor .cm-editor,.eng-editor .cm-gutters{background:var(--code)!important}.eng-editor .cm-editor{max-height:22rem;font-size:14.5px}.eng-editor .cm-content{padding:12px 0}.eng-editor .sq-pg__fallback{color:#e2e8f0;font:500 14.5px/1.8 var(--mono);margin:0;padding:14px 16px}.eng-out:empty{display:none}.eng-out{border-top:1px solid var(--rule)}.lesson .sq-scroll{box-shadow:none;border:0;border-radius:0;max-height:24rem;overflow:auto}.lesson .sq-table{border-collapse:collapse;width:100%;font:500 13px/1.6 var(--mono)}.lesson .sq-table th{z-index:1;color:var(--ink);font:700 12.5px var(--mono);text-align:left;white-space:nowrap;border:0;border-bottom:1px solid var(--rule);background:#f6f4ef;padding:10px 16px;position:sticky;top:0}.lesson .sq-table td{color:var(--ink);text-align:left;white-space:nowrap;border:0;border-top:1px solid #f0ece4;padding:9px 16px;font-weight:500}.lesson .sq-table tbody tr:first-child td{border-top:0}.lesson .sq-table :is(th,td).num{text-align:right}.lesson .sq-table tbody tr:hover td{background:#fbfaf7}.lesson .sq-type{display:none}.lesson .sq-null{color:var(--ink-subtle);font:700 11px var(--mono);background:#eeeae2;border-radius:6px;padding:1px 7px;font-style:normal;display:inline-block}.lesson .sq-foot{display:none}.lesson .sq-more,.lesson .sq-empty{font:400 13px var(--body);color:var(--ink-dim);border-top:1px solid #f0ece4;margin:0;padding:10px 16px}.lesson .sq-plan__head{font:600 13px var(--body);color:var(--ink-dim);background:#f6f4ef;padding:10px 16px}.lesson .sq-plan pre{font:500 13px/1.8 var(--mono);color:var(--ink);white-space:pre-wrap;text-align:left;background:#fff;margin:0;padding:14px 16px}.lesson .sq-error{background:var(--verm-soft);box-shadow:none;font:400 14.5px/1.9 var(--body);color:var(--ink);border:0;border-radius:12px;margin:12px;padding:14px 16px}.lesson .sq-error__icon{background:var(--verm);border-radius:99px}.lesson .sq-error__fix{border-inline-start:2px solid var(--verm)}.lesson .sq-error code{background:#fff;border:0;border-radius:5px;padding:1px 6px}.eng-ex{counter-increment:exercise}.ex__head{flex-wrap:wrap;align-items:center;gap:10px;padding:14px 16px 4px;display:flex}.ex__no{background:var(--ink);color:#fff;width:30px;height:30px;font:700 13px var(--mono);border-radius:9px;justify-content:center;align-items:center;display:inline-flex}.eng-ex__no:before{content:counter(exercise, decimal-leading-zero)}.ex__title{font:800 16px var(--display);color:var(--ink);margin:0}.ex__chip{font:700 12px var(--body);color:var(--ink-dim);background:#f1eee7;border-radius:99px;padding:3px 10px}.ex__chip--soft{background:var(--wash)}.ex__done{background:var(--verm);color:#fff;font:700 12px var(--body);border-radius:99px;margin-inline-start:auto;padding:3px 10px;display:none}.eng-ex.is-done .ex__done{display:inline-block}.eng-ex.is-done{border-color:#f2b9a6}.ex__task{font:400 15.5px/1.95 var(--body);color:var(--ink);padding:8px 16px 16px}.ex__task>:last-child{margin-bottom:0}.ex__task p{margin:0 0 .5em}.ex__task code{font:600 .88em var(--mono);background:#eeeae2;border-radius:5px;padding:1px 6px}.eng-ex .sq-ex__verdict{padding:12px 16px 0}.eng-ex .sq-ex__verdict:empty{display:none}.eng-ex :is(.sq-ok,.sq-no){box-shadow:none;font:400 14.5px/1.85 var(--body);color:var(--ink);border:0;border-radius:12px;padding:14px 16px}.eng-ex .sq-ok{background:#e8f1ea}.eng-ex .sq-ok b{color:#2f6b45}.eng-ex .sq-no{background:var(--verm-soft)}.eng-ex .sq-no>b{color:var(--verm)}.eng-ex .sq-ex__checking{font:500 13px var(--body);color:var(--ink-dim)}.eng-ex .sq-ex__solution{padding:12px 16px 0}.eng-ex .sq-ex__solution[hidden]{display:none}.eng-ex .sq-ex__solution pre{background:var(--code);color:#e2e8f0;font:500 13.5px/1.75 var(--mono);white-space:pre-wrap;text-align:left;border-radius:10px;margin:0 0 10px;padding:12px 14px}.eng-ex .sq-ex__out{margin-top:12px}.eng-hint summary{list-style:none}.eng-hint summary::-webkit-details-marker{display:none}.eng-hint[open]{flex-basis:100%;order:10}.eng-hint p{font:400 14px/1.85 var(--body);color:var(--ink);background:#fff6e5;border-radius:10px;margin:8px 0 0;padding:12px 14px}.eng-hint p code{font:600 .9em var(--mono);background:#fff;border-radius:5px;padding:1px 5px}.eng-callout{border-radius:var(--r);background:#f3f5f9;align-items:flex-start;gap:14px;padding:18px 20px;display:flex}.eng-callout--v{background:var(--verm-soft)}.eng-callout--ink{background:#eef2f8}.eng-callout--wash{background:#f4f2ec}.eng-callout--dark{background:var(--ink)}.eng-callout__glyph{width:32px;height:32px;color:var(--ink);font:900 15px/1 var(--display);background:#fff;border-radius:99px;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 1px 2px #14213d14}.eng-callout--v .eng-callout__glyph,.eng-callout--dark .eng-callout__glyph{background:var(--verm);color:#fff}.eng-callout__main{flex:1;min-width:0}.eng-callout__title{font:800 15.5px/1.5 var(--display);color:var(--ink);margin:4px 0 6px}.eng-callout--dark .eng-callout__title{color:#fff}.eng-callout__body{font:400 15.5px/1.95 var(--body);color:#33405c}.eng-callout--dark .eng-callout__body{color:#d3dfee}.eng-callout__body>:first-child{margin-top:0}.eng-callout__body>:last-child{margin-bottom:0}.eng-callout__body p{margin:0 0 .6em}.eng-callout__body ul{margin:.3em 0;padding-inline-start:1.2rem}.eng-callout__body code{font:600 .86em var(--mono);color:var(--ink);background:#ffffffbf;border-radius:5px;padding:1px 6px}.eng-callout--dark .eng-callout__body code{color:#fff;background:#ffffff1f}.eng-callout__body pre.astro-code{border-radius:10px;margin:10px 0 0!important}.eng-def{border-radius:var(--r);border:1px solid var(--rule);border-inline-start:4px solid var(--verm);box-shadow:var(--card-shadow);background:#fff;padding:18px 20px}.eng-def__k{font:700 12px var(--body);color:var(--verm);display:block}.eng-def__term{font:900 19px var(--display);color:var(--ink);margin:2px 0 6px;display:block}.eng-def__body{font:400 15.5px/1.95 var(--body);color:#33405c}.eng-note{border-radius:var(--r);background:var(--wash);padding:16px 18px}.eng-note__k{font:800 13.5px var(--display);color:var(--ink);margin-bottom:4px;display:block}.eng-note__body{font:400 14.5px/1.9 var(--body);color:var(--ink-dim)}.eng-def__body>:last-child,.eng-note__body>:last-child,.eng-reveal__body>:last-child{margin-bottom:0}.eng-def__body p,.eng-note__body p,.eng-reveal__body p{margin:0 0 .6em}.eng-def__body code,.eng-note__body code,.eng-reveal__body code{font:600 .86em var(--mono);background:#eeeae2;border-radius:5px;padding:1px 6px}.eng-note__body ul,.eng-reveal__body ul{margin:.3em 0;padding-inline-start:1.2rem}.eng-reveal{border-radius:var(--r);background:#fbfaf7;border:1px dashed #cfc8ba}.eng-reveal summary{cursor:pointer;font:700 14.5px var(--body);color:var(--ink);align-items:center;gap:10px;padding:12px 16px;list-style:none;display:flex}.eng-reveal summary::-webkit-details-marker{display:none}.eng-reveal__sign{background:var(--verm);color:#fff;width:22px;height:22px;font:900 14px/1 var(--mono);border-radius:99px;justify-content:center;align-items:center;transition:transform .2s;display:inline-flex}.eng-reveal[open] .eng-reveal__sign{transform:rotate(45deg)}.eng-reveal__body{font:400 15px/1.95 var(--body);color:var(--ink);padding:0 16px 16px}.eng-code figcaption{border-bottom:1px solid var(--rule);font:600 12.5px var(--mono);color:var(--ink-dim);text-align:left;background:#f6f4ef;padding:8px 14px}.eng-code pre.astro-code{border-radius:0!important;margin:0!important}.lesson :is(.sq-choice,.sq-order) .sq-ex__head{background:0 0;border:0;padding:14px 16px 0}.lesson .sq-ex__no--q{background:var(--verm-soft);color:var(--verm);font:700 12px var(--body);border-radius:99px;padding:3px 10px}.lesson .sq-choice .sq-ex__done-badge{background:var(--verm);color:#fff;border-radius:99px}.lesson .sq-choice__q{font:700 16px/1.9 var(--body);color:var(--ink);padding:10px 16px 6px}.lesson .sq-choice__q code{font:600 .86em var(--mono);background:#eeeae2;border-radius:5px;padding:1px 6px}.lesson .sq-choice__opts{gap:8px;padding:6px 16px 16px}.lesson .sq-choice__opt{box-shadow:none;font:400 15px/1.7 var(--body);color:var(--ink);background:#fff;border:1px solid #ddd7cb;border-radius:11px;padding:11px 14px;transition:border-color .15s,background-color .15s}.lesson .sq-choice__opt:hover{border-color:var(--ink-subtle);background:#fbfaf7}.lesson .sq-choice__letter{box-shadow:none;font:700 12px var(--display);background:#f1eee7;border:0;border-radius:8px}.lesson .sq-choice__opt.is-right{box-shadow:none;background:#e8f1ea;border-color:#9cc5a8}.lesson .sq-choice__opt.is-right .sq-choice__letter{color:#fff;background:#2f6b45}.lesson .sq-choice__opt.is-wrong{background:var(--verm-soft);box-shadow:none;border-color:#f2b9a6}.lesson .sq-choice__opt code{font:500 13px var(--mono);background:0 0;border:0}.lesson .sq-choice__why{font:400 15px/1.9 var(--body);background:#f6f4ef;border:0;border-radius:11px;margin:0 16px 16px}.lesson .sq-order__items{padding:8px 16px 14px}.lesson .sq-order__item{box-shadow:none;background:#fff;border:1px solid #ddd7cb;border-radius:11px}.lesson .sq-order__item.is-picked{background:#f6f4ef}.lesson .sq-order__item.is-right{box-shadow:none;background:#e8f1ea;border-color:#9cc5a8}.lesson .sq-order__item.is-wrong{background:var(--verm-soft);box-shadow:none;border-color:#f2b9a6}.lesson .sq-order__n{background:var(--verm);color:#fff;border-radius:7px}.lesson .sq-order>.sq-btn{margin:0 16px 16px}.lesson .sq-ok,.lesson .sq-no{box-shadow:none;border-radius:11px}.lesson .sq-order .sq-ok{background:#e8f1ea;border:0}.lesson .sq-order .sq-no{background:var(--verm-soft);border:0}.lesson .sq-btn{box-shadow:none;border:1px solid var(--verm);background:var(--verm);color:#fff;font:700 13.5px var(--body);border-radius:10px;padding:8px 14px}.lesson .sq-btn:hover{box-shadow:none;background:#cf4a24;transform:none}.lesson .sq-btn--ghost{color:var(--ink);background:#fff;border-color:#d8d2c6}.lesson .sq-btn--ghost:hover{background:var(--paper)}.lesson .sq-chip{box-shadow:none;font:600 13px var(--body);background:#fff;border:1px solid #ddd7cb;border-radius:99px;padding:5px 12px}.lesson .sq-chip:hover{box-shadow:none;background:var(--paper);transform:none}.lesson .sq-chip.is-on{background:var(--ink);border-color:var(--ink);color:#fff}.lesson .sq-sim__head{color:var(--ink);border:0;border-bottom:1px solid var(--rule);background:0 0;padding:12px 16px}.lesson .sq-sim__head .sq-pg__title{color:var(--ink);font:800 14px var(--display)}.lesson .sq-sim__head .sq-pg__dot{background:var(--verm);border-radius:99px}.lesson .sq-sim__badge{box-shadow:none;background:var(--verm-soft);color:var(--verm);font:700 11.5px var(--body);border-radius:99px;padding:2px 10px}.lesson .sq-sim__caption{border-top:1px solid var(--rule);font:400 15px/1.9 var(--body);color:var(--ink-dim);background:#fbfaf7}.lesson .sq-trace__pick{color:var(--ink)}.lesson :is(.sq-trace__pick,.sq-exec__field) select{font-family:var(--mono);background:#fff;border:1px solid #d8d2c6;border-radius:9px;padding:5px 8px}.lesson .sq-loading span{border-color:var(--verm);border-top-color:#0000;border-radius:999px}.lesson .sq-schema__cards{background:#fbfaf7}.lesson .sq-tcard{box-shadow:none;background:#fff;border:1px solid #ddd7cb;border-radius:12px;overflow:hidden}.lesson .sq-tcard:hover{transform:none;box-shadow:0 6px 18px -10px #14213d4d}.lesson .sq-tcard.is-open{box-shadow:none;border-color:var(--verm);outline:1px solid var(--verm)}.lesson .sq-tcard.is-target{box-shadow:none;outline:2px dashed var(--verm);transform:none}.lesson .sq-tcard__head{background:#f6f4ef;border-bottom:1px solid #ece7dd}.lesson .sq-tcard__head b{color:var(--ink)}.lesson .sq-col__badges :is(.pk,.fk){border-radius:6px}.lesson .sq-col__badges .pk{background:var(--verm);color:#fff}.lesson .sq-col__badges .fk{background:var(--wash)}.lesson .sq-col[data-fk]:hover{background:var(--verm-soft)}.lesson .sq-fk{box-shadow:none;background:var(--verm-soft);color:var(--verm);border:0;border-radius:6px}.lesson .sq-fk:hover{background:var(--verm);color:#fff}.lesson .sq-table tr.is-hit td{background:var(--verm-soft)!important}.lesson .sq-schema__panel .sq-scroll{border:1px solid var(--rule);border-radius:12px}.lesson .sq-schema__panel-head b{font-family:var(--mono)}.lesson .sq-trace__stage{background:#fbfaf7}.lesson .sq-trace__node{box-shadow:none;background:#fff;border:1px solid #ddd7cb;border-radius:11px}.lesson .sq-trace__node.is-root{background:var(--verm);color:#fff;border-color:var(--verm)}.lesson .sq-trace__node.is-root small{color:#fff}.lesson .sq-trace__node.is-leaf{background:var(--wash)}.lesson .sq-trace__arrow{color:var(--verm)}.lesson .sq-trace__sum{border-top:1px solid var(--rule);background:#fbfaf7}.lesson .sq-status{background:var(--wash);border-radius:99px}.lesson .sq-status.is-delivered{background:var(--wash-high)}.lesson .sq-status.is-cancelled{background:var(--verm-soft);color:var(--verm)}.lesson .sq-status.is-pending{border:1px solid var(--rule);background:#fff}.lesson .sq-status.is-shipped{background:var(--ink);color:#fff}.lesson .sq-exec__field input{box-shadow:none;font-family:var(--mono);background:#fff;border:1px solid #d8d2c6;border-radius:9px}.lesson .sq-exec__field input:focus{box-shadow:none;border-color:var(--ink);outline:2px solid var(--verm-soft)}.lesson .sq-exec__field b{color:var(--verm)}.lesson .sq-exec__sql{box-shadow:none;background:var(--code);border:0;border-radius:12px}.lesson .sq-exec__line.is-now i{background:var(--verm);color:#fff;border-radius:5px}.lesson .sq-exec__line.is-now b{color:#fbeae5}.lesson :is(.sq-exec__step,.sq-exec__ctl){box-shadow:none;font-family:var(--mono);background:#fff;border:1px solid #ddd7cb;border-radius:10px}.lesson .sq-exec__step i{background:#f1eee7;border:0;border-radius:6px}.lesson .sq-exec__step.is-past{background:#f6f4ef}.lesson .sq-exec__step.is-now{background:var(--ink);border-color:var(--ink);color:#fff;transform:none}.lesson .sq-exec__step.is-now i{background:var(--verm);color:#fff}.lesson .sq-exec__head em{box-shadow:none;background:var(--wash);border:0;border-radius:99px}.lesson .sq-exec__n{background:var(--ink);color:#fff;border-radius:7px}.lesson .sq-exec__note{border:0;border-inline-start:3px solid var(--verm);background:#fbfaf7;border-radius:10px}.lesson .sq-exec__skip{border:1px dashed #d8d2c6;border-radius:10px}.lesson .sq-group{box-shadow:none;border:1px solid #ddd7cb;border-radius:12px;overflow:hidden}.lesson .sq-group__key{background:#f6f4ef;border-bottom:1px solid #ece7dd}.lesson .is-unknown .sq-flag{color:var(--verm);background:var(--verm-soft)!important}.lesson .sq-table tr.is-keep td:first-child{box-shadow:inset -3px 0 0 var(--ink)}.lesson .sq-exec__final-head{font-family:var(--mono)}.lesson .sq-exec__final .sq-scroll{border:1px solid var(--rule);border-radius:12px}