.example.svelte-pae7nd{margin:1.25rem 0;padding:1rem 1.1rem;border-left:3px solid var(--cobalt-600);background:var(--cobalt-50)}@media(min-width:640px){.example.svelte-pae7nd{margin:1.5rem 0;padding:1.1rem 1.25rem 1.15rem}}.example[data-kind=realistic].svelte-pae7nd{border-left-color:var(--cobalt-800);background:#eef2fd}.example[data-kind=counter].svelte-pae7nd{border-left-color:var(--gold-600);background:#fdf4d8}.tag.svelte-pae7nd{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cobalt-800);margin-bottom:.35rem}.example[data-kind=counter].svelte-pae7nd .tag:where(.svelte-pae7nd){color:#7a5500}.title.svelte-pae7nd{font-family:var(--font-sans);font-weight:500;font-size:.95rem;color:var(--ink);margin-bottom:.45rem}.body.svelte-pae7nd p{margin:0 0 .6rem;line-height:1.6;color:var(--ink);font-size:.92rem}.body.svelte-pae7nd p:last-child{margin-bottom:0}.body.svelte-pae7nd code{font-family:var(--font-mono);font-size:.82em;background:#0000000a;padding:.05em .35em}.body.svelte-pae7nd strong{color:var(--cobalt-800);font-weight:500}.checkpoint.svelte-1pncllg{margin:1.75rem 0;padding:1rem 1.1rem 1.1rem;border-left:3px solid var(--cobalt-800);background:var(--cobalt-50)}@media(min-width:640px){.checkpoint.svelte-1pncllg{margin:2rem 0;padding:1.15rem 1.3rem 1.25rem}}.tag.svelte-1pncllg{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cobalt-800);margin-bottom:.4rem}.body.svelte-1pncllg{margin:0;font-family:var(--font-sans);font-size:1rem;line-height:1.65;color:var(--ink);font-style:italic}.lesson.svelte-xrgoxd{font-family:var(--font-sans)}.lesson-head.svelte-xrgoxd{margin-bottom:1.75rem}@media(min-width:640px){.lesson-head.svelte-xrgoxd{margin-bottom:2.25rem}}.eyebrow.svelte-xrgoxd{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-bottom:.85rem}@media(min-width:640px){.eyebrow.svelte-xrgoxd{gap:.6rem;margin-bottom:.9rem}}.mono.svelte-xrgoxd{font-family:var(--font-mono);font-size:.58rem;letter-spacing:.14em;text-transform:uppercase}@media(min-width:640px){.mono.svelte-xrgoxd{font-size:.6rem}}.tag.svelte-xrgoxd{color:var(--cobalt-800);border:1px solid var(--cobalt-800);padding:.2rem .55rem}.nivel.svelte-xrgoxd{color:var(--muted-brand)}.stub-badge.svelte-xrgoxd{color:var(--muted-brand);border:1px solid var(--border-brand);background:var(--paper);padding:.2rem .55rem}.title.svelte-xrgoxd{font-family:var(--font-display);font-size:clamp(1.75rem,5.5vw,2.8rem);font-weight:400;line-height:1.12;color:var(--ink);margin:0 0 .6rem;word-wrap:break-word;overflow-wrap:break-word}.note.svelte-xrgoxd{font-size:.92rem;color:var(--muted-brand);margin:0;line-height:1.5}@media(min-width:640px){.note.svelte-xrgoxd{font-size:.95rem}}.block-label.svelte-xrgoxd{color:var(--cobalt-600);margin-bottom:.5rem}.hook.svelte-xrgoxd{margin:1.75rem 0}@media(min-width:640px){.hook.svelte-xrgoxd{margin:2rem 0}}.hook.svelte-xrgoxd p:where(.svelte-xrgoxd){font-family:var(--font-display);font-size:clamp(1.1rem,2.4vw,1.35rem);line-height:1.45;color:var(--ink);font-weight:400;margin:0}.idea.svelte-xrgoxd{margin:1.75rem 0;padding:.9rem 1.1rem;background:var(--paper);border-left:3px solid var(--cobalt-800)}@media(min-width:640px){.idea.svelte-xrgoxd{margin:2rem 0;padding:1rem 1.25rem}}.idea.svelte-xrgoxd p:where(.svelte-xrgoxd){margin:0;font-size:1rem;line-height:1.55;color:var(--ink);font-weight:500}@media(min-width:640px){.idea.svelte-xrgoxd p:where(.svelte-xrgoxd){font-size:1.05rem}}.body.svelte-xrgoxd{margin:1.75rem 0}@media(min-width:640px){.body.svelte-xrgoxd{margin:2rem 0}}.examples.svelte-xrgoxd{margin:2rem 0}@media(min-width:640px){.examples.svelte-xrgoxd{margin:2.5rem 0}}.summary.svelte-xrgoxd{margin:2rem 0;padding:1.1rem 1.25rem;background:var(--paper);border:1px solid var(--border-brand)}@media(min-width:640px){.summary.svelte-xrgoxd{margin:2.5rem 0;padding:1.25rem 1.5rem}}.summary.svelte-xrgoxd ol:where(.svelte-xrgoxd){margin:0;padding-left:1.2rem;counter-reset:item;list-style:none}.summary.svelte-xrgoxd li:where(.svelte-xrgoxd){position:relative;padding:.25rem 0 .35rem 1.4rem;counter-increment:item;font-size:.95rem;line-height:1.6;color:var(--ink)}.summary.svelte-xrgoxd li:where(.svelte-xrgoxd):before{content:counter(item);position:absolute;left:0;top:.3rem;font-family:var(--font-mono);font-size:.65rem;color:var(--cobalt-600)}.next.svelte-xrgoxd{margin:2.5rem 0 1rem}@media(min-width:640px){.next.svelte-xrgoxd{margin:3rem 0 1rem}}.next-card.svelte-xrgoxd{display:flex;flex-direction:column;gap:.35rem;padding:1.2rem 1.25rem;background:var(--ink);color:#fff;text-decoration:none;transition:transform .18s ease;min-width:0}@media(min-width:640px){.next-card.svelte-xrgoxd{padding:1.4rem 1.5rem}}.next-card.svelte-xrgoxd:hover{transform:translateY(-2px);text-decoration:none}.next-card.svelte-xrgoxd:focus-visible{outline:2px solid var(--cobalt-400);outline-offset:2px}.next-eyebrow.svelte-xrgoxd{color:var(--cobalt-400)}.next-title.svelte-xrgoxd{font-family:var(--font-display);font-size:1.25rem;line-height:1.2;color:#fff;word-wrap:break-word;overflow-wrap:break-word}@media(min-width:640px){.next-title.svelte-xrgoxd{font-size:1.4rem}}.next-arrow.svelte-xrgoxd{color:#fff9}.lesson-content .post-h2{font-family:var(--font-display);font-size:clamp(1.5rem,2.4vw,1.85rem);font-weight:400;line-height:1.2;color:var(--ink);margin:2.25rem 0 .75rem}.lesson-content .post-h3{font-family:var(--font-display);font-size:1.25rem;font-weight:500;line-height:1.25;color:var(--ink);margin:1.8rem 0 .55rem}.lesson-content .post-p{font-family:var(--font-sans);font-size:1rem;font-weight:400;line-height:1.7;color:var(--ink);margin:0 0 1rem}.lesson-content .post-list{list-style:none;padding:0;margin:0 0 1.25rem}.lesson-content .post-list li{font-size:1rem;line-height:1.7;color:var(--ink);padding-left:1.5rem;position:relative;margin-bottom:.35rem}.lesson-content .post-list li:before{content:"";position:absolute;left:0;top:.7em;width:6px;height:6px;background:var(--cobalt-600)}.lesson-content strong{color:var(--cobalt-800);font-weight:500}.lesson-content em{font-style:italic}.lesson-content .post-code{font-family:var(--font-mono);font-size:.85em;background:var(--paper);padding:.1em .4em;border:1px solid var(--border-brand);word-wrap:break-word;overflow-wrap:break-word}.lesson-content pre{overflow-x:auto;max-width:100%}.lesson-content .post-link{color:var(--cobalt-600);text-decoration:underline;text-underline-offset:2px}.lesson-content .post-link:hover{color:var(--cobalt-800)}.lesson-content .post-hr{border:0;border-top:1px solid var(--border-brand);margin:2rem 0}.lesson-content .glossary-link{color:var(--cobalt-600);text-decoration:underline dotted;text-decoration-thickness:1px;text-underline-offset:3px}.lesson-content .glossary-link:hover{color:var(--cobalt-800);text-decoration-style:solid}.lesson-nav.svelte-7w25ob{display:grid;grid-template-columns:1fr;gap:1px;background:var(--border-brand);border:1px solid var(--border-brand);margin-top:2.5rem}@media(min-width:640px){.lesson-nav.svelte-7w25ob{grid-template-columns:1fr 1fr;margin-top:3rem}}.nav-btn.svelte-7w25ob{background:#fff;padding:.9rem 1.1rem;display:flex;flex-direction:column;gap:.3rem;text-decoration:none;transition:background .15s ease;min-width:0}@media(min-width:640px){.nav-btn.svelte-7w25ob{padding:1rem 1.25rem}}.nav-btn.svelte-7w25ob:hover{background:var(--cobalt-50);text-decoration:none}.nav-btn.svelte-7w25ob:focus-visible{outline:2px solid var(--cobalt-600);outline-offset:-2px}.nav-btn.disabled.svelte-7w25ob{color:#6b688073}.nav-btn.svelte-7w25ob .mono:where(.svelte-7w25ob){font-family:var(--font-mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--cobalt-600)}@media(min-width:640px){.nav-btn.svelte-7w25ob .mono:where(.svelte-7w25ob){font-size:.62rem}}.nav-btn.disabled.svelte-7w25ob .mono:where(.svelte-7w25ob){color:#6b688073}.nav-btn.svelte-7w25ob .title:where(.svelte-7w25ob){font-family:var(--font-sans);font-size:.88rem;color:var(--ink);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media(min-width:640px){.nav-btn.svelte-7w25ob .title:where(.svelte-7w25ob){font-size:.9rem}}@media(min-width:640px){.nav-btn.next.svelte-7w25ob{text-align:right;align-items:flex-end}}
