.lesson-keys{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.lesson-keys kbd{--fc:var(--f-thumb);background:color-mix(in srgb, var(--fc) 24%, var(--cap));min-width:2em;height:2em;color:var(--ink);box-shadow:inset 0 -2px 0 color-mix(in srgb, var(--fc) 55%, var(--cap-edge)), 0 0 0 1px color-mix(in srgb, var(--fc) 35%, var(--line));font-size:.8rem}.lesson-keys kbd[data-h=pinky]{--fc:var(--f-pinky)}.lesson-keys kbd[data-h=ring]{--fc:var(--f-ring)}.lesson-keys kbd[data-h=middle]{--fc:var(--f-middle)}.lesson-keys kbd[data-h=index]{--fc:var(--f-index)}.lesson-keys kbd.lesson-key-word{text-transform:none;padding:0 .6em}.lesson-keys-big{gap:8px}.lesson-keys-big kbd{min-width:2.6em;height:2.6em;box-shadow:inset 0 -3px 0 color-mix(in srgb, var(--fc) 55%, var(--cap-edge)), 0 0 0 1px color-mix(in srgb, var(--fc) 35%, var(--line));border-radius:9px;font-size:1.05rem}.lesson-head{gap:22px;display:grid}.lesson-start{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);align-self:start;justify-items:start;gap:12px;padding:18px 20px;display:grid}.lesson-start .btn{justify-content:center}.lesson-start-note{color:var(--ink-2);margin:0;font-size:.84rem;line-height:1.5}@media (min-width:1000px){.lesson-head{grid-template-columns:minmax(0,1fr) 19rem;align-items:center;gap:44px}.lesson-start .btn{width:100%}}.lesson-body{margin-top:30px}.lesson-body>section>h2:first-child{margin-top:1.6em}.lesson-body>section:first-child>h2:first-child{margin-top:0}.lesson-key-table{margin:0}.lesson-key-table tbody th{white-space:nowrap}.guide-body .lesson-words{flex-wrap:wrap;gap:6px 8px;margin-top:.8em;padding:0;list-style:none;display:flex}.guide-body .lesson-words li{background:var(--surface);border:1px solid var(--line);font:500 .92rem/1.5 var(--font-mono);color:var(--ink);border-radius:6px;margin:0;padding:.15em .55em}.guide-body .lesson-drills li{background:var(--accent-soft);border-color:#0000}.lesson-sample{border:1px solid var(--line);background:var(--cap);font:500 1rem/1.75 var(--font-mono);color:var(--ink);overflow-wrap:anywhere;border-radius:12px;margin-top:.8em;padding:14px 18px}.lesson-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:2.2em;display:grid}.lesson-step{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:12px;gap:4px;padding:14px 16px;text-decoration:none;display:grid}.guide-body .lesson-steps a.lesson-step{color:var(--ink);font-weight:400;text-decoration:none}.lesson-step:hover{border-color:var(--ink-3)}.lesson-step-next{text-align:right}.lesson-step-name{font:700 1rem/1.35 var(--font-body)}.lesson-step:hover .lesson-step-name{text-underline-offset:3px;text-decoration:underline}.lessons-lead{max-width:36em;color:var(--ink-2);margin-top:14px;font-size:1.1rem;line-height:1.6}.lessons-actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.lessons-section{margin-top:44px}.lessons-section>h2{font:800 1.35rem/1.2 var(--font-display);letter-spacing:-.01em;scroll-margin-top:84px;font-stretch:118%}.lessons-sub{max-width:64ch;color:var(--ink-2);margin-top:6px;font-size:.95rem}.lessons-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));gap:12px;margin:16px 0 0;padding:0;list-style:none;display:grid}.lessons-card{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);flex-direction:column;gap:8px;min-width:0;padding:16px 18px 14px;scroll-margin-top:84px;display:flex}.lessons-card h3{font:700 1.05rem/1.3 var(--font-body)}.lessons-card h3 a{color:var(--ink);text-underline-offset:3px;-webkit-text-decoration:underline #0000;text-decoration:underline #0000}.lessons-card h3 a:hover{text-decoration-color:currentColor}.lessons-card .lesson-keys kbd{font-size:.74rem}.lessons-card-line{color:var(--ink-2);font-size:.88rem}.lessons-card-links{flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:auto;padding-top:4px;font-size:.86rem;display:flex}.lessons-card-links a:not(.btn){color:var(--accent);text-underline-offset:3px;font-weight:600;text-decoration:underline}.lessons-body{margin-top:48px}.lessons-body>section:first-child>h2:first-child{margin-top:0}@media (max-width:640px){.lessons-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.lessons-card{gap:6px;padding:12px 12px 10px}.lessons-card h3{font-size:.98rem}.lessons-card .lesson-keys{gap:4px}.lessons-card .lesson-keys kbd{min-width:1.8em;height:1.8em;font-size:.68rem}.lessons-card-line{font-size:.8rem}.lessons-card-links{gap:6px 10px;font-size:.8rem}.lesson-steps{grid-template-columns:minmax(0,1fr)}.lesson-step-next{text-align:left}.lesson-sample{padding:12px 14px;font-size:.95rem}.lessons-lead{font-size:1rem}}