.phase4-container.svelte-1rqgz2g{max-width:1200px;margin:0 auto;padding:2rem}.phase-header.svelte-1rqgz2g{text-align:center;margin-bottom:3rem}.phase-badge.svelte-1rqgz2g{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.5rem 1rem;border-radius:2rem;font-weight:600;margin-bottom:1rem}.phase-number.svelte-1rqgz2g{width:2rem;height:2rem;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700}.phase-title.svelte-1rqgz2g{font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}.phase-header.svelte-1rqgz2g h1:where(.svelte-1rqgz2g){font-size:2.5rem;margin:0 0 1rem;color:#1a1a1a}.phase-description.svelte-1rqgz2g{font-size:1.1rem;color:#666;max-width:600px;margin:0 auto;line-height:1.6}.phase-nav.svelte-1rqgz2g{display:flex;gap:.5rem;margin-bottom:2rem;padding:.5rem;background:#f8f9fa;border-radius:.5rem}.nav-tab.svelte-1rqgz2g{flex:1;display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:none;background:transparent;border-radius:.25rem;cursor:pointer;transition:all .2s;color:#666;font-weight:500}.nav-tab.svelte-1rqgz2g:hover{background:#667eea1a;color:#667eea}.nav-tab.active.svelte-1rqgz2g{background:#667eea;color:#fff}.tab-icon.svelte-1rqgz2g{font-size:1.2rem}.phase-content.svelte-1rqgz2g{background:#fff;border-radius:.5rem;padding:2rem;box-shadow:0 2px 4px #0000001a}.learning-objectives.svelte-1rqgz2g{margin-bottom:3rem}.learning-objectives.svelte-1rqgz2g h2:where(.svelte-1rqgz2g){color:#1a1a1a;margin-bottom:1rem}.learning-objectives.svelte-1rqgz2g ul:where(.svelte-1rqgz2g){list-style:none;padding:0}.learning-objectives.svelte-1rqgz2g li:where(.svelte-1rqgz2g){padding:.5rem 0 .5rem 1.5rem;position:relative}.learning-objectives.svelte-1rqgz2g li:where(.svelte-1rqgz2g):before{content:"✓";position:absolute;left:0;color:#667eea;font-weight:600}.deployment-targets.svelte-1rqgz2g{margin-bottom:3rem}.deployment-targets.svelte-1rqgz2g h2:where(.svelte-1rqgz2g){color:#1a1a1a;margin-bottom:1.5rem}.targets-grid.svelte-1rqgz2g{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.target-card.svelte-1rqgz2g{background:#f8f9fa;border-radius:.5rem;padding:1.5rem;position:relative}.target-header.svelte-1rqgz2g{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.target-icon.svelte-1rqgz2g{font-size:1.5rem}.target-card.svelte-1rqgz2g h3:where(.svelte-1rqgz2g){margin:0;color:#1a1a1a}.target-card.svelte-1rqgz2g p:where(.svelte-1rqgz2g){color:#666;margin-bottom:1rem;line-height:1.5}.target-features.svelte-1rqgz2g{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.feature-tag.svelte-1rqgz2g{background:#e9ecef;padding:.25rem .5rem;border-radius:.25rem;font-size:.8rem;color:#495057}.target-status.svelte-1rqgz2g{position:absolute;top:1rem;right:1rem;padding:.25rem .5rem;border-radius:.25rem;font-size:.8rem;font-weight:600;text-transform:uppercase}.status-ready.svelte-1rqgz2g{background:#d4edda;color:#155724}.status-coming-soon.svelte-1rqgz2g{background:#fff3cd;color:#856404}.production-checklist.svelte-1rqgz2g h2:where(.svelte-1rqgz2g){color:#1a1a1a;margin-bottom:1.5rem}.checklist-items.svelte-1rqgz2g{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.checklist-item.svelte-1rqgz2g{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;border-radius:.25rem;transition:background .2s}.checklist-item.svelte-1rqgz2g:hover{background:#f8f9fa}.checklist-item.svelte-1rqgz2g input[type=checkbox]:where(.svelte-1rqgz2g){width:1.2rem;height:1.2rem;cursor:pointer}.deployment-guides.svelte-1rqgz2g{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.guide-card.svelte-1rqgz2g{display:block;background:#f8f9fa;border-radius:.5rem;padding:1.5rem;text-decoration:none;transition:transform .2s;position:relative}.guide-card.svelte-1rqgz2g:hover{transform:translateY(-2px)}.guide-card.svelte-1rqgz2g h3:where(.svelte-1rqgz2g){margin:0 0 .5rem;color:#1a1a1a}.guide-card.svelte-1rqgz2g p:where(.svelte-1rqgz2g){margin:0;color:#666;line-height:1.5}.guide-card.coming-soon.svelte-1rqgz2g{opacity:.7;pointer-events:none}.coming-soon-badge.svelte-1rqgz2g{position:absolute;top:1rem;right:1rem;background:#ffc107;color:#856404;padding:.25rem .5rem;border-radius:.25rem;font-size:.8rem;font-weight:600;text-transform:uppercase}.applications-grid.svelte-1rqgz2g{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem}.application-card.svelte-1rqgz2g{background:#f8f9fa;border-radius:.5rem;padding:1.5rem}.application-card.svelte-1rqgz2g h3:where(.svelte-1rqgz2g){margin:0 0 .5rem;color:#1a1a1a}.application-card.svelte-1rqgz2g p:where(.svelte-1rqgz2g){color:#666;margin-bottom:1rem;line-height:1.5}.app-technologies.svelte-1rqgz2g,.app-features.svelte-1rqgz2g{margin-bottom:1rem}.app-technologies.svelte-1rqgz2g h4:where(.svelte-1rqgz2g),.app-features.svelte-1rqgz2g h4:where(.svelte-1rqgz2g){margin:0 0 .5rem;font-size:.9rem;color:#495057}.tech-tags.svelte-1rqgz2g{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag.svelte-1rqgz2g{background:#667eea;color:#fff;padding:.25rem .5rem;border-radius:.25rem;font-size:.8rem}.app-features.svelte-1rqgz2g ul:where(.svelte-1rqgz2g){margin:0;padding-left:1.5rem}.app-features.svelte-1rqgz2g li:where(.svelte-1rqgz2g){color:#666;font-size:.9rem;margin-bottom:.25rem}.app-actions.svelte-1rqgz2g{display:flex;gap:1rem;margin-top:1rem}.btn.svelte-1rqgz2g{padding:.5rem 1rem;border-radius:.25rem;text-decoration:none;font-size:.9rem;font-weight:600;transition:all .2s}.btn-primary.svelte-1rqgz2g{background:#667eea;color:#fff;border:none}.btn-primary.svelte-1rqgz2g:hover{background:#5a67d8}.btn-outline.svelte-1rqgz2g{background:transparent;color:#667eea;border:1px solid #667eea}.btn-outline.svelte-1rqgz2g:hover{background:#667eea;color:#fff}.monitoring-tools.svelte-1rqgz2g{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.tool-card.svelte-1rqgz2g{background:#f8f9fa;border-radius:.5rem;padding:1.5rem;text-align:center}.tool-card.svelte-1rqgz2g h3:where(.svelte-1rqgz2g){margin:0 0 .5rem;color:#1a1a1a}.tool-card.svelte-1rqgz2g p:where(.svelte-1rqgz2g){color:#666;margin-bottom:1rem;line-height:1.5}@media (max-width: 768px){.phase4-container.svelte-1rqgz2g{padding:1rem}.phase-header.svelte-1rqgz2g h1:where(.svelte-1rqgz2g){font-size:2rem}.phase-nav.svelte-1rqgz2g{flex-direction:column}.nav-tab.svelte-1rqgz2g{justify-content:center}.targets-grid.svelte-1rqgz2g,.deployment-guides.svelte-1rqgz2g,.applications-grid.svelte-1rqgz2g,.monitoring-tools.svelte-1rqgz2g,.checklist-items.svelte-1rqgz2g{grid-template-columns:1fr}}
