.documentation-container.svelte-mxlknu{display:grid;grid-template-columns:250px 1fr;gap:2rem;max-width:1200px;margin:0 auto;padding:2rem 1rem}@media (max-width: 768px){.documentation-container.svelte-mxlknu{grid-template-columns:1fr}}.content.svelte-mxlknu{min-width:0}.framework-preview.svelte-mxlknu{margin-top:3rem}.preview-section.svelte-mxlknu{margin-bottom:3rem;padding:2rem;background:linear-gradient(135deg,#dc26260d,#f973160d);border-radius:1rem;border-left:4px solid #dc2626}.preview-section.svelte-mxlknu h2:where(.svelte-mxlknu){color:#dc2626;margin-bottom:1.5rem;font-size:1.5rem}.key-innovations.svelte-mxlknu{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2rem}.innovation-card.svelte-mxlknu{background:#fff;padding:1.5rem;border-radius:.75rem;box-shadow:0 4px 6px #dc26261a;border:1px solid rgba(220,38,38,.2)}.innovation-icon.svelte-mxlknu{font-size:2rem;margin-bottom:1rem}.innovation-card.svelte-mxlknu h3:where(.svelte-mxlknu){color:#dc2626;margin-bottom:.75rem;font-size:1.1rem}.innovation-card.svelte-mxlknu p:where(.svelte-mxlknu){color:#4b5563;font-size:.9rem;line-height:1.5}.material-categories.svelte-mxlknu{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:1.5rem}.category-card.svelte-mxlknu{padding:1.5rem;border-radius:.75rem;border:2px solid;position:relative}.category-card.biological.svelte-mxlknu{background:#22c55e1a;border-color:#22c55e}.category-card.technical.svelte-mxlknu{background:#3b82f61a;border-color:#3b82f6}.category-card.transitional.svelte-mxlknu{background:#fbbf241a;border-color:#fbbf24}.category-card.monstrous.svelte-mxlknu{background:#ef44441a;border-color:#ef4444}.category-icon.svelte-mxlknu{font-size:2rem;margin-bottom:1rem}.category-card.svelte-mxlknu h4:where(.svelte-mxlknu){margin-bottom:.75rem;font-size:1.1rem}.category-card.biological.svelte-mxlknu h4:where(.svelte-mxlknu){color:#16a34a}.category-card.technical.svelte-mxlknu h4:where(.svelte-mxlknu){color:#2563eb}.category-card.transitional.svelte-mxlknu h4:where(.svelte-mxlknu){color:#d97706}.category-card.monstrous.svelte-mxlknu h4:where(.svelte-mxlknu){color:#dc2626}.category-card.svelte-mxlknu p:where(.svelte-mxlknu){color:#4b5563;font-size:.9rem;line-height:1.5;margin-bottom:1rem}.examples.svelte-mxlknu{font-size:.8rem;font-style:italic;color:#6b7280;padding:.5rem;background:#ffffff80;border-radius:.25rem}.pillars-grid.svelte-mxlknu{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:1.5rem}.pillar-card.svelte-mxlknu{background:#ffffffb3;padding:1.5rem;border-radius:.75rem;border:1px solid rgba(220,38,38,.2);position:relative}.pillar-number.svelte-mxlknu{position:absolute;top:-15px;left:20px;background:#dc2626;color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.pillar-card.svelte-mxlknu h4:where(.svelte-mxlknu){color:#dc2626;margin-bottom:.75rem;margin-top:.5rem;font-size:1.1rem}.pillar-card.svelte-mxlknu p:where(.svelte-mxlknu){color:#4b5563;font-size:.9rem;line-height:1.5}.scorecard-demo.svelte-mxlknu{background:#fffc;border-radius:.75rem;padding:1.5rem;margin-top:1.5rem;border:1px solid rgba(220,38,38,.2)}.scorecard-header.svelte-mxlknu{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.scorecard-header.svelte-mxlknu h4:where(.svelte-mxlknu){color:#dc2626;margin:0}.overall-score.svelte-mxlknu{font-size:2rem;font-weight:700;color:#059669;background:#0596691a;padding:.5rem 1rem;border-radius:.5rem}.scorecard-metrics.svelte-mxlknu{display:grid;gap:1rem}.metric.svelte-mxlknu{display:grid;grid-template-columns:200px 1fr;align-items:center;gap:1rem}.metric-label.svelte-mxlknu{font-weight:500;color:#374151}.metric-bar.svelte-mxlknu{background:#f3f4f6;border-radius:.5rem;height:24px;position:relative;overflow:hidden}.metric-fill.svelte-mxlknu{background:linear-gradient(90deg,#dc2626,#f97316);height:100%;border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.8rem;font-weight:500;transition:width .3s ease}.phases-timeline.svelte-mxlknu{margin-top:1.5rem}.phase-item.svelte-mxlknu{display:flex;align-items:flex-start;gap:1.5rem;margin-bottom:2rem}.phase-marker.svelte-mxlknu{background:#dc2626;color:#fff;width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.phase-content.svelte-mxlknu h4:where(.svelte-mxlknu){color:#dc2626;margin-bottom:.5rem;font-size:1.1rem}.phase-content.svelte-mxlknu p:where(.svelte-mxlknu){color:#4b5563;line-height:1.6}.impact-grid.svelte-mxlknu{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:1.5rem}.impact-card.svelte-mxlknu{background:#ffffffb3;padding:1.5rem;border-radius:.75rem;border:1px solid rgba(220,38,38,.2);text-align:center}.impact-icon.svelte-mxlknu{font-size:2rem;margin-bottom:.5rem}.impact-number.svelte-mxlknu{font-size:2rem;font-weight:700;color:#dc2626;margin-bottom:.25rem}.impact-label.svelte-mxlknu{font-weight:600;color:#374151;margin-bottom:.25rem}.impact-detail.svelte-mxlknu{font-size:.8rem;color:#6b7280}.testimonials.svelte-mxlknu{display:grid;gap:1.5rem;margin-top:1.5rem}.testimonial.svelte-mxlknu{background:#ffffffb3;padding:1.5rem;border-radius:.75rem;border-left:4px solid #f97316;margin:0}.testimonial.svelte-mxlknu p:where(.svelte-mxlknu){font-style:italic;color:#2d3748;margin-bottom:.75rem;font-size:1.05rem}.testimonial.svelte-mxlknu cite:where(.svelte-mxlknu){color:#dc2626;font-weight:500;font-style:normal}.connections-grid.svelte-mxlknu{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:1.5rem}.connection-item.svelte-mxlknu{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#fff9;border-radius:.5rem;border:1px solid rgba(220,38,38,.2)}.connection-icon.svelte-mxlknu{font-size:1.5rem}.connection-item.svelte-mxlknu strong:where(.svelte-mxlknu){color:#dc2626}@media (max-width: 768px){.preview-section.svelte-mxlknu{padding:1.5rem}.key-innovations.svelte-mxlknu,.material-categories.svelte-mxlknu,.pillars-grid.svelte-mxlknu,.impact-grid.svelte-mxlknu,.connections-grid.svelte-mxlknu{grid-template-columns:1fr}.metric.svelte-mxlknu{grid-template-columns:1fr;gap:.5rem}.phase-item.svelte-mxlknu{flex-direction:column;align-items:flex-start}.scorecard-header.svelte-mxlknu{flex-direction:column;gap:1rem;align-items:flex-start}}