.blog-post.svelte-wjcnsl{max-width:800px;margin:0 auto;padding:2rem;line-height:1.7;color:#333}.breadcrumb.svelte-wjcnsl{margin-bottom:1rem;font-size:.9rem}.breadcrumb.svelte-wjcnsl a:where(.svelte-wjcnsl){color:#8ace00;text-decoration:none}.breadcrumb.svelte-wjcnsl a:where(.svelte-wjcnsl):hover{text-decoration:underline}.blog-header.svelte-wjcnsl{margin-bottom:3rem;text-align:center}.blog-header.svelte-wjcnsl h1:where(.svelte-wjcnsl){font-size:2.5rem;margin:1rem 0;line-height:1.2}.meta.svelte-wjcnsl{display:flex;justify-content:center;gap:2rem;margin-bottom:1rem;color:#666;font-size:.9rem}.tags.svelte-wjcnsl{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap}.tag.svelte-wjcnsl{background:#f0f0f0;color:#666;padding:.25rem .75rem;border-radius:20px;font-size:.8rem}.content.svelte-wjcnsl{font-size:1.1rem}.intro.svelte-wjcnsl{font-size:1.2rem;font-weight:400;margin-bottom:2rem;padding:2rem;background:#f8f9fa;border-left:4px solid #8ace00}.table-of-contents.svelte-wjcnsl{background:#f8f9fa;padding:2rem;border-radius:8px;margin-bottom:3rem}.table-of-contents.svelte-wjcnsl h2:where(.svelte-wjcnsl){margin-top:0;margin-bottom:1rem}.table-of-contents.svelte-wjcnsl ol:where(.svelte-wjcnsl){margin:0;padding-left:1.5rem}.table-of-contents.svelte-wjcnsl li:where(.svelte-wjcnsl){margin-bottom:.5rem}.table-of-contents.svelte-wjcnsl a:where(.svelte-wjcnsl){color:#555;text-decoration:none}.table-of-contents.svelte-wjcnsl a:where(.svelte-wjcnsl):hover{color:#8ace00;text-decoration:underline}section.svelte-wjcnsl{margin-bottom:3rem}h2.svelte-wjcnsl{font-size:2rem;margin:2rem 0 1rem;color:#222;border-bottom:2px solid #8ace00;padding-bottom:.5rem}h3.svelte-wjcnsl{font-size:1.5rem;margin:1.5rem 0 1rem;color:#333}h4.svelte-wjcnsl{font-size:1.2rem;margin:1rem 0 .5rem;color:#444}h5.svelte-wjcnsl{font-size:1.1rem;margin:.75rem 0 .5rem;color:#555}.typography-breakdown.svelte-wjcnsl{margin:2rem 0}.element-grid.svelte-wjcnsl{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1rem 0}.element-card.svelte-wjcnsl{padding:1.5rem;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 5px #0000001a}.element-card.svelte-wjcnsl h4:where(.svelte-wjcnsl){margin-top:0;color:#8ace00}.comparison-chart.svelte-wjcnsl table:where(.svelte-wjcnsl){width:100%;border-collapse:collapse;margin:1.5rem 0;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px #0000001a}.comparison-chart.svelte-wjcnsl th:where(.svelte-wjcnsl),.comparison-chart.svelte-wjcnsl td:where(.svelte-wjcnsl){padding:1rem;text-align:left;border-bottom:1px solid #eee}.comparison-chart.svelte-wjcnsl th:where(.svelte-wjcnsl){background:#8ace00;color:#fff;font-weight:600}.comparison-chart.svelte-wjcnsl tr:where(.svelte-wjcnsl):hover{background:#f8f9fa}.font-analysis.svelte-wjcnsl{margin:2rem 0}.analysis-grid.svelte-wjcnsl{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin:1rem 0}.analysis-item.svelte-wjcnsl{text-align:center;padding:1.5rem;background:#fff;border:2px solid #8ace00;border-radius:8px}.analysis-item.svelte-wjcnsl .metric:where(.svelte-wjcnsl){font-size:1.8rem;font-weight:600;color:#8ace00;display:block;margin-bottom:.5rem}.sizing-guide.svelte-wjcnsl{margin:2rem 0}.pseudo-code.svelte-wjcnsl{background:#f8f9fa;padding:1.5rem;border-radius:8px;border-left:4px solid #8ace00}.pseudo-code.svelte-wjcnsl ol:where(.svelte-wjcnsl){margin:.5rem 0;padding-left:1.5rem}.color-wheel.svelte-wjcnsl{margin:2rem 0}.color-analysis.svelte-wjcnsl{display:flex;flex-direction:column;gap:1rem}.color-item.svelte-wjcnsl{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border:1px solid #ddd;border-radius:8px}.color-sample.svelte-wjcnsl{width:60px;height:60px;border-radius:8px;flex-shrink:0}.color-info.svelte-wjcnsl h5:where(.svelte-wjcnsl){margin:0 0 .5rem;color:#333}.color-info.svelte-wjcnsl p:where(.svelte-wjcnsl){margin:.25rem 0;font-size:.9rem}.spacing-examples.svelte-wjcnsl{margin:2rem 0}.implementation-steps.svelte-wjcnsl{margin:2rem 0;background:#f8f9fa;padding:2rem;border-radius:8px}.implementation-steps.svelte-wjcnsl ol:where(.svelte-wjcnsl){margin:.5rem 0;padding-left:1.5rem}.css-benefits.svelte-wjcnsl,.performance-tips.svelte-wjcnsl{margin:2rem 0}.performance-tips.svelte-wjcnsl ul:where(.svelte-wjcnsl){list-style:none;padding:0}.performance-tips.svelte-wjcnsl li:where(.svelte-wjcnsl){padding:.5rem 0;border-bottom:1px solid #eee}.font-fallback.svelte-wjcnsl{margin:2rem 0;background:#f8f9fa;padding:2rem;border-radius:8px}.font-fallback.svelte-wjcnsl ol:where(.svelte-wjcnsl){margin:.5rem 0;padding-left:1.5rem}.color-variations.svelte-wjcnsl{margin:2rem 0}.scheme-grid.svelte-wjcnsl{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1rem 0}.scheme-card.svelte-wjcnsl{text-align:center;background:#fff;border:1px solid #ddd;border-radius:8px;padding:1rem;box-shadow:0 2px 5px #0000001a}.color-preview.svelte-wjcnsl{width:100%;height:80px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:Arial,sans-serif;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.scheme-card.svelte-wjcnsl h5:where(.svelte-wjcnsl){margin:0 0 .5rem;color:#333}.scheme-card.svelte-wjcnsl p:where(.svelte-wjcnsl){margin:0;font-size:.9rem;color:#666}.typography-variations.svelte-wjcnsl table:where(.svelte-wjcnsl){width:100%;border-collapse:collapse;margin:1.5rem 0;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px #0000001a}.typography-variations.svelte-wjcnsl th:where(.svelte-wjcnsl),.typography-variations.svelte-wjcnsl td:where(.svelte-wjcnsl){padding:1rem;text-align:left;border-bottom:1px solid #eee}.typography-variations.svelte-wjcnsl th:where(.svelte-wjcnsl){background:#8ace00;color:#fff;font-weight:600}.typography-variations.svelte-wjcnsl tr:where(.svelte-wjcnsl):hover{background:#f8f9fa}.layout-options.svelte-wjcnsl{margin:2rem 0}.layout-grid.svelte-wjcnsl{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1rem 0}.layout-example.svelte-wjcnsl{text-align:center;background:#fff;border:1px solid #ddd;border-radius:8px;padding:1rem;box-shadow:0 2px 5px #0000001a}.example-box.svelte-wjcnsl{width:100%;height:100px;background:#8ace00;border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:Arial,sans-serif;font-size:1.2rem;color:#000;margin-bottom:1rem}.example-box.left-aligned.svelte-wjcnsl{justify-content:flex-start;padding-left:1rem}.example-box.bottom-aligned.svelte-wjcnsl{align-items:flex-end;padding-bottom:1rem}.animation-showcase.svelte-wjcnsl{margin:2rem 0}.animation-grid.svelte-wjcnsl{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1rem 0}.animation-item.svelte-wjcnsl{text-align:center;background:#fff;border:1px solid #ddd;border-radius:8px;padding:1rem;box-shadow:0 2px 5px #0000001a}.animation-demo.svelte-wjcnsl{width:100%;height:80px;background:#8ace00;border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:Arial,sans-serif;font-size:1.2rem;color:#000;margin-top:1rem}.fade-in.svelte-wjcnsl{animation:svelte-wjcnsl-fadeIn 2s ease-in-out infinite}.pulse.svelte-wjcnsl{animation:svelte-wjcnsl-pulse 2s ease-in-out infinite}.scale.svelte-wjcnsl{animation:svelte-wjcnsl-scale 2s ease-in-out infinite}@keyframes svelte-wjcnsl-fadeIn{0%,to{opacity:.3}50%{opacity:1}}@keyframes svelte-wjcnsl-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes svelte-wjcnsl-scale{0%,to{transform:scale(.95)}50%{transform:scale(1.05)}}.algorithm-factors.svelte-wjcnsl,.multiline-considerations.svelte-wjcnsl,.realtime-features.svelte-wjcnsl,.export-features.svelte-wjcnsl{margin:2rem 0}.feature-grid.svelte-wjcnsl{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1rem 0}.feature-card.svelte-wjcnsl{padding:1.5rem;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 5px #0000001a}.feature-card.svelte-wjcnsl h5:where(.svelte-wjcnsl){margin-top:0;color:#8ace00}.performance-metrics.svelte-wjcnsl{margin:2rem 0}.metrics-grid.svelte-wjcnsl{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin:1rem 0}.metric-card.svelte-wjcnsl{text-align:center;padding:1.5rem;background:#fff;border:2px solid #8ace00;border-radius:8px}.metric-value.svelte-wjcnsl{font-size:2rem;font-weight:600;color:#8ace00;display:block;margin-bottom:.5rem}.metric-card.svelte-wjcnsl p:where(.svelte-wjcnsl){margin:0;font-size:.9rem;color:#666}.memory-strategies.svelte-wjcnsl{margin:2rem 0}.optimization-checklist.svelte-wjcnsl ul:where(.svelte-wjcnsl){list-style:none;padding:0}.optimization-checklist.svelte-wjcnsl li:where(.svelte-wjcnsl){padding:.5rem 0;border-bottom:1px solid #eee}.mobile-optimization.svelte-wjcnsl{margin:2rem 0}.optimization-grid.svelte-wjcnsl{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1rem 0}.optimization-item.svelte-wjcnsl{padding:1.5rem;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 5px #0000001a}.optimization-item.svelte-wjcnsl h5:where(.svelte-wjcnsl){margin-top:0;color:#8ace00}.ux-principles.svelte-wjcnsl{margin:2rem 0}.principle-grid.svelte-wjcnsl{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1rem 0}.principle-card.svelte-wjcnsl{padding:1.5rem;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 5px #0000001a}.principle-card.svelte-wjcnsl h5:where(.svelte-wjcnsl){margin-top:0;color:#8ace00}.input-design.svelte-wjcnsl{margin:2rem 0}.error-handling.svelte-wjcnsl table:where(.svelte-wjcnsl){width:100%;border-collapse:collapse;margin:1.5rem 0;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px #0000001a}.error-handling.svelte-wjcnsl th:where(.svelte-wjcnsl),.error-handling.svelte-wjcnsl td:where(.svelte-wjcnsl){padding:1rem;text-align:left;border-bottom:1px solid #eee}.error-handling.svelte-wjcnsl th:where(.svelte-wjcnsl){background:#8ace00;color:#fff;font-weight:600}.error-handling.svelte-wjcnsl tr:where(.svelte-wjcnsl):hover{background:#f8f9fa}.accessibility-checklist.svelte-wjcnsl ul:where(.svelte-wjcnsl){list-style:none;padding:0}.accessibility-checklist.svelte-wjcnsl li:where(.svelte-wjcnsl){padding:.5rem 0;border-bottom:1px solid #eee}.case-study.svelte-wjcnsl{margin:2rem 0;padding:2rem;background:#f8f9fa;border-radius:8px}.case-details.svelte-wjcnsl{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:1rem 0}.case-metrics.svelte-wjcnsl h5:where(.svelte-wjcnsl),.case-features.svelte-wjcnsl h5:where(.svelte-wjcnsl){margin-top:0;color:#8ace00}.case-lessons.svelte-wjcnsl{margin-top:1rem}.case-lessons.svelte-wjcnsl h5:where(.svelte-wjcnsl){color:#333}.industry-examples.svelte-wjcnsl{margin:2rem 0}.example-grid.svelte-wjcnsl{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1rem 0}.example-card.svelte-wjcnsl{padding:1.5rem;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 5px #0000001a;text-align:center}.example-card.svelte-wjcnsl h5:where(.svelte-wjcnsl){margin-top:0;color:#8ace00}.impact.svelte-wjcnsl{display:inline-block;margin-top:1rem;padding:.25rem .75rem;background:#8ace00;color:#fff;border-radius:20px;font-size:.8rem;font-weight:600}.technical-analysis.svelte-wjcnsl table:where(.svelte-wjcnsl){width:100%;border-collapse:collapse;margin:1.5rem 0;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px #0000001a}.technical-analysis.svelte-wjcnsl th:where(.svelte-wjcnsl),.technical-analysis.svelte-wjcnsl td:where(.svelte-wjcnsl){padding:1rem;text-align:left;border-bottom:1px solid #eee}.technical-analysis.svelte-wjcnsl th:where(.svelte-wjcnsl){background:#8ace00;color:#fff;font-weight:600}.technical-analysis.svelte-wjcnsl tr:where(.svelte-wjcnsl):hover{background:#f8f9fa}.troubleshooting-guide.svelte-wjcnsl{margin:2rem 0}.problem-solution.svelte-wjcnsl{margin:2rem 0;padding:1.5rem;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 5px #0000001a}.problem-solution.svelte-wjcnsl h5:where(.svelte-wjcnsl){margin-top:0;color:#d32f2f}.solution-steps.svelte-wjcnsl{margin-top:1rem}.solution-steps.svelte-wjcnsl ol:where(.svelte-wjcnsl){margin:.5rem 0;padding-left:1.5rem}.performance-issues.svelte-wjcnsl{margin:2rem 0}.issue-grid.svelte-wjcnsl{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin:1rem 0}.issue-card.svelte-wjcnsl{padding:1.5rem;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 5px #0000001a}.issue-card.svelte-wjcnsl h5:where(.svelte-wjcnsl){margin-top:0;color:#d32f2f}.compatibility-matrix.svelte-wjcnsl table:where(.svelte-wjcnsl){width:100%;border-collapse:collapse;margin:1.5rem 0;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px #0000001a}.compatibility-matrix.svelte-wjcnsl th:where(.svelte-wjcnsl),.compatibility-matrix.svelte-wjcnsl td:where(.svelte-wjcnsl){padding:1rem;text-align:center;border-bottom:1px solid #eee}.compatibility-matrix.svelte-wjcnsl th:where(.svelte-wjcnsl){background:#8ace00;color:#fff;font-weight:600}.compatibility-matrix.svelte-wjcnsl tr:where(.svelte-wjcnsl):hover{background:#f8f9fa}.ux-issues.svelte-wjcnsl,.ai-features.svelte-wjcnsl{margin:2rem 0}.feature-timeline.svelte-wjcnsl{display:flex;flex-direction:column;gap:1rem;margin:1rem 0}.timeline-item.svelte-wjcnsl{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 5px #0000001a}.timeline-year.svelte-wjcnsl{font-weight:600;color:#8ace00;min-width:60px;background:#f0f8ff;padding:.25rem .75rem;border-radius:20px;font-size:.9rem}.timeline-content.svelte-wjcnsl h5:where(.svelte-wjcnsl){margin:0 0 .5rem;color:#333}.timeline-content.svelte-wjcnsl p:where(.svelte-wjcnsl){margin:0;font-size:.9rem;color:#666}.integration-future.svelte-wjcnsl{margin:2rem 0}.trend-grid.svelte-wjcnsl{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin:1rem 0}.trend-card.svelte-wjcnsl{padding:1.5rem;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 5px #0000001a}.trend-card.svelte-wjcnsl h5:where(.svelte-wjcnsl){margin-top:0;color:#8ace00}.technical-innovations.svelte-wjcnsl,.cultural-predictions.svelte-wjcnsl{margin:2rem 0}.prediction-grid.svelte-wjcnsl{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin:1rem 0}.prediction-item.svelte-wjcnsl{padding:1.5rem;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 5px #0000001a}.prediction-item.svelte-wjcnsl h5:where(.svelte-wjcnsl){margin-top:0;color:#8ace00}.conclusion.svelte-wjcnsl{margin:3rem 0;padding:2rem;background:#f8f9fa;border-radius:8px}.conclusion.svelte-wjcnsl h2:where(.svelte-wjcnsl){margin-top:0;color:#333;border-bottom:2px solid #8ace00;padding-bottom:.5rem}.call-to-action.svelte-wjcnsl{text-align:center;padding:3rem 2rem;background:linear-gradient(135deg,#8ace00,#a8e000);color:#fff;border-radius:12px;margin:3rem 0}.call-to-action.svelte-wjcnsl h3:where(.svelte-wjcnsl){margin-top:0;color:#fff}.cta-button.svelte-wjcnsl{display:inline-block;padding:1rem 2rem;background:#fff;color:#8ace00;text-decoration:none;border-radius:6px;font-weight:600;margin-top:1rem;transition:transform .2s ease}.cta-button.svelte-wjcnsl:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0003}a.svelte-wjcnsl{color:#8ace00}a.svelte-wjcnsl:hover{color:#7bb800}@media (max-width: 768px){.blog-post.svelte-wjcnsl{padding:1rem}.blog-header.svelte-wjcnsl h1:where(.svelte-wjcnsl){font-size:2rem}.meta.svelte-wjcnsl{flex-direction:column;gap:.5rem}.element-grid.svelte-wjcnsl,.analysis-grid.svelte-wjcnsl,.scheme-grid.svelte-wjcnsl,.layout-grid.svelte-wjcnsl,.animation-grid.svelte-wjcnsl,.feature-grid.svelte-wjcnsl,.metrics-grid.svelte-wjcnsl,.optimization-grid.svelte-wjcnsl,.principle-grid.svelte-wjcnsl,.example-grid.svelte-wjcnsl,.issue-grid.svelte-wjcnsl,.trend-grid.svelte-wjcnsl,.prediction-grid.svelte-wjcnsl{grid-template-columns:1fr}.case-details.svelte-wjcnsl{grid-template-columns:1fr;gap:1rem}.color-item.svelte-wjcnsl{flex-direction:column;text-align:center}.timeline-item.svelte-wjcnsl{flex-direction:column;align-items:flex-start}.timeline-year.svelte-wjcnsl{align-self:flex-start}}