.lesson-page{flex-direction:column;gap:20px;width:100%;max-width:980px;margin:0 auto;display:flex}.lesson-hero{flex-direction:column;gap:10px;max-width:680px;display:flex}.lesson-hero-title{letter-spacing:-.6px;color:var(--pine);font-size:34px;font-weight:800;line-height:1.08}@media (min-width:1024px){.lesson-hero-title{font-size:44px}}.lesson-hero-body{font-size:17px;font-weight:600;line-height:1.45}.lesson-hero-row{flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:4px;display:flex}.lesson-hero-actions{display:contents}.lesson-hero-done{color:var(--green);font-size:15px;font-weight:700}.lesson-chip{border:1px solid var(--site-line);background:var(--cream);border-radius:99px;align-items:center;gap:8px;min-height:44px;padding:4px 14px 4px 6px;display:inline-flex}.lesson-chip-count{border:1.5px solid var(--ink);background:var(--gold);border-radius:99px;place-items:center;min-width:32px;height:32px;padding:0 6px;font-size:15px;font-weight:800;display:inline-grid}.lesson-chip-text{font-size:14px;font-weight:700}.lesson-chip-track{background:var(--teal-track);border-radius:4px;width:96px;height:8px;position:relative;overflow:hidden}.lesson-chip-fill{background:var(--teal);border-radius:4px;transition:width .32s cubic-bezier(.33,1,.68,1);position:absolute;inset:0 auto 0 0}.lpath-disc{border:2px solid var(--ink);background:var(--leaf);box-shadow:0 4px 0 var(--ink);border-radius:50%;place-items:center;display:grid;position:relative}.lpath-disc[data-done]{background:var(--mint)}.lpath-disc-ico{display:inline-flex}.lpath-disc-check{border:2px solid var(--cream);background:var(--green);border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:absolute;top:-4px;right:-4px}@keyframes lpath-here{0%,to{opacity:.9;transform:scale(.94)}50%{opacity:.45;transform:scale(1.05)}}.lesson-crumbs ol{color:var(--dim);flex-wrap:wrap;gap:6px;margin:0;padding:0;font-size:14px;font-weight:700;list-style:none;display:flex}.lesson-crumbs li+li:before{content:"/";opacity:.6;margin-right:6px}.lesson-crumbs a{text-underline-offset:3px;text-decoration:underline}.lesson-crumbs svg{display:none}.lesson-head{align-items:center;gap:16px;display:flex}.lesson-head-text{flex-direction:column;gap:2px;min-width:0;display:flex}.lesson-title{letter-spacing:-.5px;color:var(--pine);font-size:32px;font-weight:800;line-height:1.1}@media (min-width:1024px){.lesson-title{font-size:40px}}.lesson-rules{flex-direction:column;gap:12px;padding:22px;display:flex}@media (min-width:1024px){.lesson-rules{padding:28px 32px}}.lesson-rules-text{max-width:68ch;font-size:17px;font-weight:600;line-height:1.6}.lesson-try{flex-wrap:wrap;align-items:center;gap:12px 16px;display:flex}.lesson-try-note{color:var(--dim);font-size:15px;font-weight:600}.lesson-table{scroll-margin-top:calc(var(--site-sticky-h) + 16px);border:1px solid var(--site-line);box-shadow:var(--site-glow);border-radius:24px;padding:16px}@media (min-width:1024px){.lesson-table{padding:28px}}.lesson-table-panel{border:2px solid var(--ink);background:var(--paper);box-shadow:3px 3px 0 var(--ink);border-radius:16px;padding:14px}.lesson-after{flex-direction:column;gap:12px;display:flex}.lesson-saving{color:var(--dim);text-align:center;font-size:15px;font-weight:700}.lesson-success{justify-content:center;align-items:center;gap:10px;padding:4px 0;display:flex}.lesson-success-check{background:var(--green);width:34px;height:34px;color:var(--cream);border-radius:50%;place-items:center;display:grid}.lesson-success-text{font-size:19px;font-weight:800}.lesson-finished{text-align:center;background:var(--leaf);align-items:center}.lesson-finished-title{font-size:26px;font-weight:800}.lesson-finished-note{max-width:52ch;font-size:16px;font-weight:600}.lesson-account-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.lesson-locked{flex-direction:column;gap:10px;min-height:220px;padding:22px;display:flex}.lesson-locked-chapter{color:var(--dim);font-size:16px;font-weight:700}.lesson-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.lesson-footer-pager{gap:8px;display:flex}.lesson-narrow{display:none}@media (min-width:641px){.lesson-footer{border-top:2px solid rgba(var(--ink-rgb), .12);padding-top:8px}.lesson-map-dock,.lesson-footer-pending{display:none}}@media (max-width:640px){.lesson-page{min-height:calc(100svh - var(--site-sticky-h))}.lesson-try-pending{display:none}.lesson-hero-title{font-size:var(--ph-h1)}.lesson-hero-body{font-size:15.5px}.lesson-hero-actions{display:none}.lesson-title{font-size:26px}.lesson-rules{padding:18px}.lesson-rules-text{font-size:var(--ph-body)}.lesson-crumbs{margin:-8px 0 -12px}.lesson-crumbs li:not([data-parent]),.lesson-crumbs li:before{display:none}.lesson-crumbs a{min-height:44px;color:var(--ink);align-items:center;gap:4px;padding-right:8px;font-size:15px;text-decoration:none;display:inline-flex}.lesson-crumbs svg{display:block}.lesson-dock{flex-wrap:nowrap;align-items:center;gap:8px;display:flex}.lesson-dock .ui-btn{white-space:nowrap;padding-inline:12px}.lesson-map-dock>.ui-btn{flex:auto;padding-inline:10px}.lesson-footer{margin-top:auto}.lesson-footer-pager,.lesson-next{flex:1}.lesson-wide{display:none}.lesson-narrow{align-items:center;gap:2px;display:inline-flex}.lesson-page :is(a[href],button,summary,input,select,textarea,[tabindex]){scroll-margin-bottom:84px}}@media (max-width:380px){.lesson-map-dock>.ui-btn{padding-inline:8px;font-size:14px}}@media (max-width:355px){.lesson-map-dock>.ui-btn-quiet{display:none}}@media (prefers-reduced-motion:reduce){.lesson-chip-fill{transition:none}}.lpath{background:var(--garden) url(/home/garden-background.webp) center top / cover no-repeat;border-radius:22px;position:relative;overflow:hidden;container-type:inline-size}.lpath-road{width:100%;height:100%;position:absolute;inset:0}.lpath-lane{border:3px solid var(--putty);background:repeating-linear-gradient(to bottom, var(--clay) 0 3px, transparent 3px 16px) center / 3px 100% no-repeat, var(--cream);border-top:0;border-bottom:0;width:26px;display:none;position:absolute;top:0;bottom:0;left:31px}.lpath-road-edge{fill:none;stroke:var(--putty);stroke-width:26px;stroke-linecap:round}.lpath-road-fill{fill:none;stroke:var(--cream);stroke-width:20px;stroke-linecap:round}.lpath-road-dash{fill:none;stroke:var(--clay);stroke-width:3px;stroke-linecap:round;stroke-dasharray:2 14}.lpath-stops{margin:0;padding:0;list-style:none}.lpath-stop{align-items:flex-start;gap:16px;width:50%;display:flex;position:absolute}.lpath-stop[data-side=left]{left:calc(30% - 36px)}.lpath-stop[data-side=right]{flex-direction:row-reverse;right:calc(30% - 36px)}@container (max-width:699px){.lpath-road{display:none}.lpath-lane{display:block}.lpath-stop[data-side]{flex-direction:row;width:calc(100% - 16px);left:8px;right:auto}}.lpath-node{-webkit-tap-highlight-color:transparent;border-radius:50%;flex-shrink:0;position:relative}.lpath-node:disabled{cursor:default}.lpath-node[data-here]:after{content:"";border:4px solid var(--gold);pointer-events:none;border-radius:50%;animation:2.4s ease-in-out infinite lpath-here;position:absolute;inset:-9px}.lpath-node[data-lock] .lpath-disc{background:var(--paper)}.lpath-node-lock{border:2px solid var(--ink);background:var(--gold);border-radius:50%;place-items:center;width:26px;height:26px;display:grid;position:absolute;bottom:-2px;right:-4px}.lpath-text{background:color-mix(in srgb, var(--cream) 90%, transparent);border-radius:14px;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;padding:8px 12px 10px;display:flex}.lpath-title{color:var(--pine);font-size:19px;font-weight:800;line-height:1.15}.lpath-lock{border:2px solid var(--ink);background:var(--white);white-space:nowrap;box-shadow:2px 2px 0 var(--ink);border-radius:99px;align-items:center;gap:6px;margin-top:6px;padding:4px 12px 4px 9px;font-size:13px;font-weight:800;display:inline-flex}@media (pointer:coarse){.lpath-lock{min-height:44px}}.lpath-lock[data-at=end]{display:none}@media (max-width:640px){.lpath-lock[data-at=top]{display:none}.lpath-lock[data-at=end]{display:inline-flex}}.lpath-note{color:var(--dim);margin:4px 6px 2px;font-size:13px;font-weight:600;line-height:1.35}.lpath-lessons{border-radius:14px;flex-direction:column;gap:2px;min-width:min(340px,100%);margin:8px 0 0;padding:6px;list-style:none;display:flex}.lpath-row{-webkit-tap-highlight-color:transparent;border-radius:12px;align-items:center;gap:12px;min-height:52px;padding:4px 10px 4px 4px;display:flex}a.lpath-row:hover{background:var(--paper)}.lpath-row[data-state=current]{background:var(--paper);box-shadow:inset 0 0 0 1px var(--site-line)}.lpath-dot{border:2px solid var(--ink);background:var(--paper);width:36px;height:36px;color:var(--dim);border-radius:50%;flex-shrink:0;place-items:center;font-size:14px;font-weight:800;display:grid}.lpath-dot[data-state=done]{background:var(--green);color:var(--cream)}.lpath-dot[data-state=current]{background:var(--action);width:42px;height:42px;color:var(--cream);box-shadow:0 3px 0 var(--ink);font-size:17px}.lpath-dot[data-state=locked]{border-style:dashed;border-color:color-mix(in srgb, var(--ink) 40%, transparent);background:var(--sand)}.lpath-row-label{font-size:16px;font-weight:800;line-height:1.2}.lpath-row[data-state=locked] .lpath-row-label{color:var(--dim)}.lpath-row-caption{color:var(--dim);font-size:12.5px;font-weight:600}.lpath-row-caption[data-state=current]{color:var(--action);font-weight:800}@media (prefers-reduced-motion:reduce){.lpath-node[data-here]:after{animation:none}}