.container.svelte-vvvyl7{max-width:1000px;margin:0 auto;padding:0 20px 60px}.page-header.svelte-vvvyl7{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);padding:40px 0 30px}.breadcrumb.svelte-vvvyl7{color:#ffffffe6;max-width:1000px;margin:0 auto;padding:0 20px;font-size:14px}.breadcrumb.svelte-vvvyl7 a:where(.svelte-vvvyl7){color:#ffffffd9}.breadcrumb.svelte-vvvyl7 a:where(.svelte-vvvyl7):hover{color:#fff;text-decoration:underline}.page-title.svelte-vvvyl7{text-align:center;margin:40px 0 35px}.page-title.svelte-vvvyl7 h1:where(.svelte-vvvyl7){color:var(--text-primary);margin-bottom:10px;font-size:32px;font-weight:600}.page-title.svelte-vvvyl7 p:where(.svelte-vvvyl7){color:var(--text-secondary);font-size:18px;font-style:italic}.framework-content.svelte-vvvyl7{flex-direction:column;gap:25px;display:flex}.section-card.svelte-vvvyl7{background:#fff;border-radius:16px;padding:30px;position:relative;box-shadow:0 2px 15px #0000000d}.section-number.svelte-vvvyl7{color:#f0fdf4;font-size:48px;font-weight:700;line-height:1;position:absolute;top:20px;right:25px}.section-card.svelte-vvvyl7 h2:where(.svelte-vvvyl7){color:var(--primary);border-bottom:2px solid #f0fdf4;margin-bottom:20px;padding-bottom:15px;font-size:22px}.project-header.svelte-vvvyl7{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color:#fff;text-align:center}.project-header.svelte-vvvyl7 h2:where(.svelte-vvvyl7){color:#fff;border:none;margin-bottom:15px;font-size:26px}.team-info.svelte-vvvyl7{opacity:.9;font-size:16px}.team-badge.svelte-vvvyl7{font-weight:600}.framework-name.svelte-vvvyl7{align-items:center;gap:15px;margin-bottom:25px;display:flex}.framework-tag.svelte-vvvyl7{background:var(--primary);color:#fff;border-radius:20px;padding:8px 20px;font-size:18px;font-weight:700}.framework-full.svelte-vvvyl7{color:var(--text-primary);font-size:18px;font-weight:500}.framework-desc.svelte-vvvyl7 h3:where(.svelte-vvvyl7){color:var(--text-primary);margin-bottom:10px;font-size:16px}.framework-desc.svelte-vvvyl7 p:where(.svelte-vvvyl7){color:var(--text-secondary);font-size:15px;line-height:1.8}.intro-text.svelte-vvvyl7{color:var(--text-secondary);margin-bottom:25px;font-size:15px;line-height:1.8}.principles-grid.svelte-vvvyl7{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:25px;display:grid}.principle-card.svelte-vvvyl7{text-align:center;background:#f9fafb;border-radius:12px;padding:20px}.principle-icon.svelte-vvvyl7{margin-bottom:10px;font-size:36px}.principle-card.svelte-vvvyl7 h4:where(.svelte-vvvyl7){color:var(--primary);margin-bottom:5px;font-size:16px}.principle-card.svelte-vvvyl7 p:where(.svelte-vvvyl7){color:var(--text-primary);margin-bottom:8px;font-size:14px;font-weight:500}.principle-desc.svelte-vvvyl7{color:var(--text-secondary);font-size:13px}.connection-box.svelte-vvvyl7{border-left:4px solid var(--primary);background:#ecfdf5;border-radius:12px;padding:20px}.connection-box.svelte-vvvyl7 h4:where(.svelte-vvvyl7){color:var(--primary);margin-bottom:10px}.connection-box.svelte-vvvyl7 p:where(.svelte-vvvyl7){color:var(--text-secondary);font-size:14px;line-height:1.7}.case-card.svelte-vvvyl7{background:#f9fafb;border-radius:12px;margin-bottom:25px;padding:25px}.case-header.svelte-vvvyl7{margin-bottom:15px}.case-tag.svelte-vvvyl7{background:var(--primary);color:#fff;border-radius:4px;padding:4px 12px;font-size:12px;font-weight:600}.case-header.svelte-vvvyl7 h3:where(.svelte-vvvyl7){color:var(--text-primary);border:none;margin-top:10px;padding:0;font-size:18px}.case-body.svelte-vvvyl7 p:where(.svelte-vvvyl7){color:var(--text-secondary);margin-bottom:15px;font-size:14px;line-height:1.7}.categories-grid.svelte-vvvyl7{flex-wrap:wrap;gap:10px;display:flex}.category-item.svelte-vvvyl7{color:var(--text-primary);background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:8px 16px;font-size:13px}.lessons-section.svelte-vvvyl7 h4:where(.svelte-vvvyl7){color:var(--text-primary);margin-bottom:15px;font-size:16px}.lessons-grid.svelte-vvvyl7{flex-direction:column;gap:15px;display:flex}.lesson-card.svelte-vvvyl7{align-items:flex-start;gap:15px;display:flex}.lesson-number.svelte-vvvyl7{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;font-size:14px;font-weight:700;display:flex}.lesson-content.svelte-vvvyl7 h5:where(.svelte-vvvyl7){color:var(--text-primary);margin-bottom:5px;font-size:15px}.lesson-content.svelte-vvvyl7 p:where(.svelte-vvvyl7){color:var(--text-secondary);font-size:14px;line-height:1.6}.strategies-tabs.svelte-vvvyl7{flex-direction:column;gap:20px;display:flex}.strategy-tab.svelte-vvvyl7{background:#f9fafb;border-radius:12px;padding:20px}.strategy-tab.highlight.svelte-vvvyl7{border:2px solid var(--primary);background:#ecfdf5}.tab-header.svelte-vvvyl7{align-items:center;gap:10px;margin-bottom:15px;display:flex}.tab-icon.svelte-vvvyl7{font-size:24px}.tab-header.svelte-vvvyl7 h4:where(.svelte-vvvyl7){color:var(--text-primary);font-size:16px}.tab-list.svelte-vvvyl7{margin:0;padding:0;list-style:none}.tab-list.svelte-vvvyl7 li:where(.svelte-vvvyl7){color:var(--text-secondary);padding:8px 0 8px 20px;font-size:14px;line-height:1.6;position:relative}.tab-list.svelte-vvvyl7 li:where(.svelte-vvvyl7):before{content:"•";color:var(--primary);font-weight:700;position:absolute;left:5px}@media (width<=768px){.page-title.svelte-vvvyl7 h1:where(.svelte-vvvyl7){font-size:26px}.principles-grid.svelte-vvvyl7{grid-template-columns:1fr}.section-number.svelte-vvvyl7{font-size:36px}}