.learning-panel{border:1px solid var(--color-border,#536173);border-radius:10px;margin:24px 0;padding:20px;line-height:1.6}.learning-panel p{margin:10px 0}.learning-note{font-size:.9rem}.learning-actions{flex-wrap:wrap;align-items:center;gap:12px;margin:16px 0;display:flex}.learning-panel button{font:inherit;color:inherit;background:var(--color-bg-surface,transparent);border:1px solid var(--color-border,#687a90);cursor:pointer;border-radius:6px;padding:8px 12px}.learning-panel button:disabled{opacity:.6;cursor:default}.learning-panel a{color:inherit;text-decoration:underline}.learning-panel summary{cursor:pointer}.learning-panel :focus-visible{outline:2px solid var(--color-accent,#00c6e0);outline-offset:3px}.learning-check{border:1px solid var(--color-border,#536173);border-radius:8px;min-width:0;margin:24px 0;padding:16px}.learning-check legend{padding:0 6px;font-weight:600}.learning-check label{cursor:pointer;align-items:baseline;gap:8px;padding:10px 0;display:flex}.learning-check input{flex-shrink:0}.learning-check button{margin-top:12px}@media print{.learning-actions,.learning-panel details{display:none}}
.lessons{color:var(--foreground);overflow-wrap:anywhere;line-height:1.75}.lessons h1{margin:16px 0 24px;line-height:1.16}.lessons h2{margin:40px 0 16px;scroll-margin-top:120px;font-size:1.6rem;line-height:1.3}.lessons h3{margin:12px 0 8px;font-size:1.1rem;font-weight:650}.lessons p{margin:12px 0}.lessons li{margin:10px 0}.lessons ul,.lessons ol{padding-left:24px}.lessons ul{list-style:outside}.lessons ol{list-style:decimal}.lessons a{color:var(--foreground);text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:4px}.lessons a:hover{text-decoration-thickness:2px}.lessons a:focus-visible,.lessons button:focus-visible,.lessons input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.lesson-intro{color:var(--foreground-muted);font-size:1.125rem}.lesson-kicker,.lessons small{color:var(--foreground-muted)}.lesson-actions{flex-wrap:wrap;gap:16px 28px;margin:24px 0;display:flex}.lesson-actions a{align-items:center;min-height:44px;display:inline-flex}.lesson-toc,.lesson-search,.lesson-prompt{border:1px solid var(--card-border);background:var(--card-bg);border-radius:12px;margin:28px 0;padding:24px}.lesson-toc h2{margin-top:0;font-size:1.1rem}.lesson-search label{margin-bottom:10px;font-weight:650;display:block}.lesson-search input{background:var(--background);border:1px solid var(--card-border);width:100%;min-height:48px;color:var(--foreground);font:inherit;border-radius:8px;padding:12px}.lesson-search li p{color:var(--foreground-muted);font-size:.9rem}.lessons button{border:1px solid var(--card-border);min-height:44px;font:inherit;cursor:pointer;border-radius:8px;padding:10px 16px}.lesson-prompt blockquote{white-space:pre-wrap;border-left:3px solid var(--accent);margin:16px 0;padding-left:18px}.lesson-prompt p{font-size:.9rem}.lessons .lesson-cards{gap:12px;padding:0;list-style:none;display:grid}.lesson-cards a{border:1px solid var(--card-border);border-radius:10px;padding:20px;text-decoration:none;display:block}.lesson-cards strong,.lesson-cards span,.lesson-cards small{display:block}.lesson-cards strong{text-underline-offset:4px;text-decoration:underline}.lesson-cards span{color:var(--foreground-muted);margin:8px 0}.lesson-table{margin:20px 0;overflow:auto}.lesson-table table{border-collapse:collapse;width:100%;font-size:.95rem}.lesson-table th,.lesson-table td{border:1px solid var(--card-border);text-align:left;vertical-align:top;min-width:130px;padding:12px}.lesson-steps>li,.lesson-links{margin:24px 0}@media (max-width:640px){.lesson-toc,.lesson-search,.lesson-prompt{padding:18px}.lessons h2{font-size:1.4rem}.lesson-actions{gap:12px;display:grid}.lesson-table table{font-size:.875rem}}@media print{.lesson-search,.lesson-actions,button{display:none}.lesson-toc{break-inside:avoid}.lesson-table{overflow:visible}}.lesson-flow{margin:24px 0}.lesson-flow figcaption{margin-bottom:16px;font-weight:650}.lessons .lesson-flow ol{gap:28px;padding:0;list-style:none;display:grid}.lessons .lesson-flow li{border:1px solid var(--card-border);border-left:4px solid var(--accent);background:var(--card-bg);border-radius:10px;margin:0;padding:20px;position:relative}.lesson-flow-arrow{color:var(--accent);font-size:24px;position:absolute;bottom:-31px;left:24px}.lesson-figure{margin:28px 0}.lesson-figure img{border:1px solid #566172;border-radius:8px;width:100%;height:auto;display:block}.lesson-figure figcaption{margin-top:12px;font-size:.9rem;line-height:1.6}