.demo-page[data-astro-cid-eahp36v7]{max-width:900px;margin:0 auto;padding:32px clamp(20px,4vw,48px) 80px}.demo-back[data-astro-cid-eahp36v7]{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--muted);text-decoration:none;margin-bottom:28px;transition:color .15s}.demo-back[data-astro-cid-eahp36v7]:hover{color:var(--ink)}.demo-header[data-astro-cid-eahp36v7]{margin-bottom:40px}.demo-tag[data-astro-cid-eahp36v7]{font-size:12px;font-weight:500;padding:4px 10px;border-radius:6px;background:#c5f0d2;color:#1a5c2e;display:inline-block;margin-bottom:14px}.demo-header[data-astro-cid-eahp36v7] h1[data-astro-cid-eahp36v7]{font-family:var(--font-display);font-size:clamp(28px,3.5vw,36px);font-weight:500;letter-spacing:-.02em;margin:0 0 12px}.demo-lead[data-astro-cid-eahp36v7]{font-size:16px;color:var(--muted);line-height:1.6;max-width:600px;margin:0 0 16px}.demo-stats[data-astro-cid-eahp36v7]{display:flex;gap:20px;font-size:14px;color:var(--muted)}.demo-modules[data-astro-cid-eahp36v7]{display:flex;flex-direction:column;gap:12px}.demo-module[data-astro-cid-eahp36v7]{border:1px solid var(--divider);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden}.demo-module-header[data-astro-cid-eahp36v7]{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;cursor:pointer;list-style:none;gap:16px}.demo-module-header[data-astro-cid-eahp36v7]::-webkit-details-marker{display:none}.demo-module-left[data-astro-cid-eahp36v7]{display:flex;align-items:flex-start;gap:16px}.demo-module-num[data-astro-cid-eahp36v7]{font-size:13px;font-weight:600;color:var(--muted);min-width:28px;padding-top:2px}.demo-module-title[data-astro-cid-eahp36v7]{font-family:var(--font-display);font-size:18px;font-weight:500;margin:0 0 4px;color:var(--ink)}.demo-module-desc[data-astro-cid-eahp36v7]{font-size:13px;color:var(--muted);margin:0;line-height:1.5}.demo-chevron[data-astro-cid-eahp36v7]{flex-shrink:0;color:var(--muted);transition:transform .2s}.demo-module[data-astro-cid-eahp36v7][open]>.demo-module-header[data-astro-cid-eahp36v7] .demo-chevron[data-astro-cid-eahp36v7]{transform:rotate(180deg)}.demo-topics[data-astro-cid-eahp36v7]{padding:0 24px 16px;display:flex;flex-direction:column;gap:8px}.demo-topic[data-astro-cid-eahp36v7]{background:var(--paper);border-radius:10px;overflow:hidden}.demo-topic-header[data-astro-cid-eahp36v7]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;cursor:pointer;list-style:none;font-size:14px;font-weight:500;color:var(--ink)}.demo-topic-header[data-astro-cid-eahp36v7]::-webkit-details-marker{display:none}.demo-topic-count[data-astro-cid-eahp36v7]{font-size:12px;color:var(--muted);font-weight:400}.demo-lessons[data-astro-cid-eahp36v7]{padding:0 16px 12px;display:flex;flex-direction:column;gap:2px}.demo-lesson[data-astro-cid-eahp36v7]{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;font-size:14px;line-height:1.4;transition:background .15s}.demo-lesson-num[data-astro-cid-eahp36v7]{font-size:12px;font-weight:500;color:var(--muted);min-width:20px}.demo-lesson-title[data-astro-cid-eahp36v7]{flex:1}.demo-lesson--open[data-astro-cid-eahp36v7]{text-decoration:none;color:var(--ink);cursor:pointer}.demo-lesson--open[data-astro-cid-eahp36v7]:hover{background:#0000000a}.demo-lesson-badge[data-astro-cid-eahp36v7]{font-size:11px;font-weight:500;padding:3px 8px;border-radius:5px;background:#c5f0d2;color:#1a5c2e;flex-shrink:0}.demo-lesson--locked[data-astro-cid-eahp36v7]{color:var(--muted);cursor:default}.demo-lock[data-astro-cid-eahp36v7]{flex-shrink:0;color:var(--divider)}.demo-cta[data-astro-cid-eahp36v7]{text-align:center;padding:48px 0 0}.demo-cta[data-astro-cid-eahp36v7] h2[data-astro-cid-eahp36v7]{font-family:var(--font-display);font-size:24px;font-weight:500;margin:0 0 20px;color:var(--ink)}.demo-cta-btn[data-astro-cid-eahp36v7]{display:inline-block;padding:12px 28px;background:var(--navy);color:#fff;text-decoration:none;border-radius:8px;font-size:15px;font-weight:500;transition:background .15s}.demo-cta-btn[data-astro-cid-eahp36v7]:hover{background:#142440}@media(max-width:600px){.demo-page[data-astro-cid-eahp36v7]{padding:20px 16px 60px}.demo-module-header[data-astro-cid-eahp36v7]{padding:16px}.demo-module-left[data-astro-cid-eahp36v7]{gap:10px}.demo-topics[data-astro-cid-eahp36v7]{padding:0 16px 12px}}