.site-body{font-size:16px;line-height:1.75}.sprite{width:0;height:0;position:absolute;overflow:hidden}.sitebar{align-items:center;gap:var(--gap);width:min(1040px, 100% - 2 * var(--edge));height:var(--control-lg);margin:var(--edge) auto 0;line-height:1.5;display:flex}.sitebar__nav{min-width:0;margin-left:var(--space-3);gap:2px;display:flex}.sitebar__link{min-width:0;height:var(--control);line-height:var(--control);text-overflow:ellipsis;border-radius:var(--radius-md);color:var(--text-2);font-size:var(--text-base);white-space:nowrap;transition:background-color .15s var(--ease), color .15s var(--ease);flex:0 auto;padding:0 10px;font-weight:500;text-decoration:none;display:block;overflow:hidden}.sitebar__link--lessons{flex:none}.sitebar__short{display:none}.sitebar__link:hover{background:var(--fill-hover);color:var(--text)}.sitebar__link[aria-current=page]{color:var(--text)}.sitebar__actions{gap:var(--space-2);flex:none;margin-left:auto;display:flex}.sitebar .select--lang{height:var(--control-lg);padding:0 10px 0 12px}:root[data-theme=dark] .theme-icon--light,:root:not([data-theme=dark]) .theme-icon--dark{display:none}@media (width<=559px){.sitebar .brand__name{display:none}.sitebar__nav{margin-left:0}.sitebar__link{padding:0 8px}.sitebar__long{display:none}.sitebar__short{display:inline}.sitebar .select--lang .select__chevron{display:none}.sitebar .select--lang{width:var(--control-lg);justify-content:center;padding:0}.sitebar .select--lang>span{display:none}}.site{width:min(1040px, 100% - 2 * var(--edge));margin:0 auto}.site h1{letter-spacing:-.02em;font-size:clamp(26px,4vw,32px);font-weight:600;line-height:1.2}.site h2{letter-spacing:-.01em;font-size:20px;font-weight:600;line-height:1.35}.lead{color:var(--text-2);font-size:17px;line-height:1.6}.prose>*+*{margin-top:18px}.prose strong{font-weight:600}.prose ul{flex-direction:column;gap:.6em;margin-bottom:0;padding-left:1.4em;display:flex}.prose li{padding-left:4px}.prose li::marker{color:var(--text-3)}.site a:not([class]){color:var(--text);text-decoration:underline;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong);text-underline-offset:3px;transition:text-decoration-color .2s var(--ease);text-decoration-thickness:2px}.site a:not([class]):hover{-webkit-text-decoration-color:var(--text-3);text-decoration-color:var(--text-3)}.lesson{max-width:720px;margin:40px auto 0}.crumbs ol{font-size:var(--text-base);flex-wrap:wrap;gap:6px;margin:0 0 14px;padding:0;line-height:1.5;list-style:none;display:flex}.crumbs li+li:before{content:"/";color:var(--text-3);margin-right:6px}.crumbs__link{color:var(--text-2);transition:color .15s var(--ease);text-decoration:none}.crumbs__link:hover{color:var(--text)}.lmeta{color:var(--text-2);font-size:var(--text-base);flex-wrap:wrap;row-gap:4px;margin-top:12px;line-height:1.5;display:flex}.lmeta span+span:before{content:"";background:var(--text-3);vertical-align:middle;border-radius:50%;width:3px;height:3px;margin:0 10px;display:inline-block}.lesson__head+.prose{margin-top:28px}.lsec{margin-top:48px}.lsec>h2+.prose{margin-top:10px}.lsec>.prose:empty{display:none}.lfig{margin:24px 0 0}.lfig>figcaption{color:var(--text-2);font-size:var(--text-base);margin-top:10px;line-height:1.6}.lboard{--board:min(360px, 100vw - 2 * var(--edge));--board-radius:var(--radius-lg);grid-template-columns:var(--board) minmax(0, 1fr);gap:var(--space-6);align-items:start;line-height:1.5;display:grid}@supports (width:round(down, 101px, 8px)){.lboard{--board:round(down, min(360px, 100vw - 2 * var(--edge)), 8px)}}.lboard__main{gap:var(--space-3);width:var(--board);flex-direction:column;min-width:0;display:flex}.lboard__board{width:var(--board)}.board--drawn{overflow:hidden}.sboard{width:100%;height:100%;display:block}.sboard__light{fill:var(--sq-light)}.sboard__dark{fill:var(--sq-dark)}.sboard__last{fill:var(--sq-last)}.sboard__mark{fill:none;stroke:var(--accent);stroke-width:.06px}.sboard__mark--alert{stroke:var(--danger)}.sboard__coord{font:600 .17px var(--font)}.sboard__coord--on-light{fill:var(--sq-dark)}.sboard__coord--on-dark{fill:var(--sq-light)}.sboard__arrow{opacity:.9}.lboard__side{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.lsteps{flex-direction:column;gap:2px;min-width:0;margin:0;padding:0;list-style:none;display:flex}.lstep{border-radius:var(--radius-lg);width:100%;color:var(--text-2);font-size:var(--text-lg);text-align:left;cursor:pointer;transition:background-color .15s var(--ease), color .15s var(--ease);background:0 0;border:0;padding:8px 12px;line-height:1.5;display:block}.lstep:hover{background:var(--fill);color:var(--text)}.lstep[aria-current=step]{background:var(--accent-soft);color:var(--text)}.lstep__move{color:var(--text);font-variant-numeric:tabular-nums;margin-right:8px;font-weight:600;display:inline}.lstep[aria-current=step] .lstep__move{color:var(--accent-ink)}.lboard__bar{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.lboard__analyze{color:var(--text-2);margin-left:auto}.lboard:not(.lboard--line):not(.lboard--exercise){grid-template-columns:var(--board)}.lboard:not(.lboard--line):not(.lboard--exercise) .lboard__analyze{margin-left:0}.lfig--exercise{padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-2xl);background:var(--surface)}.lfig--exercise .lboard{--board:min(340px, 100vw - 2 * var(--edge) - 2 * var(--space-5) - 2px)}.ex{gap:var(--space-3);flex-direction:column;height:100%;display:flex}.ex__head{align-items:center;gap:var(--space-3);display:flex}.ex__turn{color:var(--text-2);font-size:var(--text-base);align-items:center;gap:7px;font-weight:500;display:inline-flex}.ex__task{letter-spacing:-.005em;font-size:17px;font-weight:600;line-height:1.45}.ex__status{gap:var(--space-2);flex-direction:column;display:flex}.ex__msg{color:var(--text-2);font-size:var(--text-lg);animation:rise .25s var(--ease-out);align-items:flex-start;gap:8px;line-height:1.5;display:flex}.ex__msg>svg{flex:none;margin-top:3px}.ex__msg--wrong{color:var(--danger-ink)}.ex__msg--right,.ex__msg--solved{color:var(--accent-ink);font-weight:500}.ex__hint{border-radius:var(--radius-lg);background:var(--fill);font-size:var(--text-lg);padding:10px 12px;line-height:1.55}.ex__solved{gap:var(--space-2);flex-direction:column;display:flex}.ex__answer{font-size:var(--text-lg);line-height:1.6}.ex .lboard__bar{padding-top:var(--space-2)}.cta-box{justify-content:space-between;align-items:center;gap:var(--space-5);padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-2xl);background:var(--surface);margin-top:56px;display:flex}.cta-box h2{font-size:18px}.cta-box p{color:var(--text-2);font-size:var(--text-lg);margin-top:4px;line-height:1.6}.pager{gap:var(--space-3);margin-top:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.pager__link{border:1px solid var(--border);border-radius:var(--radius-xl);color:var(--text);transition:background-color .15s var(--ease), border-color .15s var(--ease);flex-direction:column;gap:2px;padding:14px 16px;line-height:1.5;text-decoration:none;display:flex}.pager__link:hover{border-color:var(--border-strong);background:var(--surface)}.pager__link--next{text-align:right;grid-column:2;align-items:flex-end}.pager__name{align-items:center;gap:4px;font-weight:600;display:inline-flex}.more{max-width:720px;margin:56px auto 0}.more h2{margin-bottom:var(--space-4)}.lcards{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin:0;padding:0;list-style:none;display:grid}.lcard{gap:var(--space-4);height:100%;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-2xl);background:var(--surface);color:var(--text);transition:border-color .15s var(--ease), transform .2s var(--ease-out);line-height:1.5;text-decoration:none;display:flex}.lcard:hover{border-color:var(--border-strong)}.lcard:active{transform:scale(.99)}.lcard__board{border-radius:var(--radius-md);flex:none;width:96px;height:96px}.lcard__text{flex-direction:column;gap:2px;min-width:0;padding:2px 4px 2px 0;display:flex}.lcard__name{font-size:var(--text-lg);font-weight:600}.lcard__about{color:var(--text-2);font-size:var(--text-md);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.lcard__meta{color:var(--text-3);font-size:var(--text-sm);margin-top:auto;padding-top:4px}.learn{margin:40px auto 0}.learn__head{max-width:640px}.learn__head .lead{margin-top:12px}.learn__topic{margin-top:40px;scroll-margin-top:24px}.learn__topic h2{margin-bottom:var(--space-4)}.lost{text-align:center;max-width:560px;margin:96px auto 0}.lost .lead{margin-top:12px}.lost__links{justify-content:center;gap:var(--space-2);margin-top:var(--space-6);display:flex}.sitefoot{border-top:1px solid var(--border);margin-top:80px}.sitefoot__in{justify-content:space-between;gap:var(--space-8);width:min(1040px, 100% - 2 * var(--edge));padding:var(--space-8) 0 var(--space-10);font-size:var(--text-base);flex-wrap:wrap;margin:0 auto;line-height:1.6;display:flex}.sitefoot__about{gap:var(--space-3);max-width:360px;color:var(--text-2);flex-direction:column;display:flex}.sitefoot__links{gap:var(--space-4);display:flex}.sitefoot a:not(.brand),.sitefoot__feedback{color:var(--text-2);text-decoration:none}.sitefoot__feedback{font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.sitefoot__feedback:hover,.sitefoot a:not(.brand):hover,.sitefoot a[aria-current=page]{color:var(--text)}.sitefoot__langs ul{gap:2px var(--space-6);grid-template-columns:repeat(2,auto);margin:6px 0 0;padding:0;list-style:none;display:grid}@media (width<=719px){.lesson,.learn{margin-top:28px}.lboard,.lfig--exercise .lboard{--board:min(480px, 100vw - 2 * var(--edge));grid-template-columns:minmax(0,1fr);justify-items:center}@supports (width:round(down, 101px, 8px)){.lboard,.lfig--exercise .lboard{--board:round(down, min(480px, 100vw - 2 * var(--edge)), 8px)}}.lboard__side,.lsteps{width:100%}.lfig--exercise{background:0 0;border:0;padding:0}.cta-box{flex-direction:column;align-items:flex-start}.pager{grid-template-columns:1fr}.pager__link--next{grid-column:1}}