.use-case-hero:where(.astro-jacrkweo){background:var(--color-gray-950);color:#fff;padding:var(--spacing-16) var(--spacing-6);text-align:center}.use-case-hero:where(.astro-jacrkweo) h1:where(.astro-jacrkweo){font-size:2.5rem;margin:0 0 var(--spacing-3) 0;font-weight:700}.use-case-hero:where(.astro-jacrkweo) p:where(.astro-jacrkweo){font-size:1.125rem;opacity:.95;margin:0}.container:where(.astro-jacrkweo){max-width:1024px;margin:0 auto;padding:0 var(--spacing-6)}.use-case-content:where(.astro-jacrkweo){padding:var(--spacing-16) var(--spacing-6)}.use-case-content:where(.astro-jacrkweo) section:where(.astro-jacrkweo){margin-bottom:var(--spacing-16)}.use-case-content:where(.astro-jacrkweo) h2:where(.astro-jacrkweo){font-size:2rem;margin-bottom:var(--spacing-8);color:var(--color-text)}.use-case-content:where(.astro-jacrkweo) h3:where(.astro-jacrkweo){font-size:1.25rem;margin:var(--spacing-6) 0 var(--spacing-3) 0;color:var(--color-text)}.use-case-content:where(.astro-jacrkweo) h4:where(.astro-jacrkweo){font-size:1rem;margin:var(--spacing-3) 0 var(--spacing-2) 0;color:var(--color-text)}.use-case-content:where(.astro-jacrkweo) p:where(.astro-jacrkweo){color:var(--color-text-muted);line-height:var(--leading-relaxed);margin-bottom:var(--spacing-4)}.reason-grid:where(.astro-jacrkweo){display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-6);margin-bottom:var(--spacing-6)}.reason-card:where(.astro-jacrkweo){background:var(--color-surface-raised);border:1px solid var(--color-border);border-left:4px solid var(--fraise-500);border-radius:var(--radius-md);padding:var(--spacing-6)}.reason-card:where(.astro-jacrkweo) h3:where(.astro-jacrkweo){margin-top:0;color:var(--fraise-500)}.path-box:where(.astro-jacrkweo){background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-6);margin-bottom:var(--spacing-6)}.migration-steps:where(.astro-jacrkweo){background:var(--color-surface);border-radius:var(--radius-md);padding:var(--spacing-4);margin:var(--spacing-4) 0;display:flex;gap:var(--spacing-4)}.step-number:where(.astro-jacrkweo){display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--fraise-500);color:#fff;border-radius:50%;font-weight:700;flex-shrink:0}.step-content:where(.astro-jacrkweo) h4:where(.astro-jacrkweo){margin-top:0}.step-content:where(.astro-jacrkweo) p:where(.astro-jacrkweo){margin:var(--spacing-2) 0 0 0}.step-content:where(.astro-jacrkweo) pre:where(.astro-jacrkweo){border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--spacing-3);overflow-x:auto;margin:var(--spacing-2) 0 0 0}.step-content:where(.astro-jacrkweo) code:where(.astro-jacrkweo){font-family:var(--font-mono);font-size:.7rem;line-height:var(--leading-normal);color:var(--color-text)}.practice-box:where(.astro-jacrkweo){background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-6);margin-bottom:var(--spacing-6)}.practice-box:where(.astro-jacrkweo) pre:where(.astro-jacrkweo){border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--spacing-4);overflow-x:auto;margin:var(--spacing-3) 0 0 0}.practice-box:where(.astro-jacrkweo) code:where(.astro-jacrkweo){font-family:var(--font-mono);font-size:.7rem;line-height:var(--leading-normal);color:var(--color-text)}.rollback-box:where(.astro-jacrkweo){background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-6)}.rollback-box:where(.astro-jacrkweo) pre:where(.astro-jacrkweo){border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--spacing-4);overflow-x:auto;margin:var(--spacing-3) 0 0 0}.rollback-box:where(.astro-jacrkweo) code:where(.astro-jacrkweo){font-family:var(--font-mono);font-size:.7rem;line-height:var(--leading-normal);color:var(--color-text)}.resources-grid:where(.astro-jacrkweo){display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-6)}.resource-box:where(.astro-jacrkweo){background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-6)}.resource-box:where(.astro-jacrkweo) h3:where(.astro-jacrkweo){margin-top:0}.link:where(.astro-jacrkweo){color:var(--fraise-500);text-decoration:none;font-weight:600;transition:color var(--transition-fast)}.link:where(.astro-jacrkweo):hover{color:var(--fraise-700);text-decoration:underline}.cta-section:where(.astro-jacrkweo){background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--spacing-12);text-align:center}.cta-section:where(.astro-jacrkweo) h2:where(.astro-jacrkweo){margin-top:0}.cta-buttons:where(.astro-jacrkweo){display:flex;gap:var(--spacing-4);justify-content:center;flex-wrap:wrap;margin-top:var(--spacing-6)}.btn:where(.astro-jacrkweo){display:inline-block;padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-md);font-weight:600;text-decoration:none;transition:all var(--transition-fast);cursor:pointer;border:none;font-size:var(--text-base)}.btn-primary:where(.astro-jacrkweo){background:var(--fraise-500);color:#fff}.btn-primary:where(.astro-jacrkweo):hover{background:var(--fraise-600);box-shadow:var(--shadow-md)}.btn-secondary:where(.astro-jacrkweo){background:transparent;color:var(--fraise-500);border:2px solid var(--fraise-500)}.btn-secondary:where(.astro-jacrkweo):hover{background:var(--color-surface)}@media(max-width:768px){.use-case-hero:where(.astro-jacrkweo) h1:where(.astro-jacrkweo){font-size:2rem}.use-case-content:where(.astro-jacrkweo) h2:where(.astro-jacrkweo){font-size:1.5rem}.migration-steps:where(.astro-jacrkweo){flex-direction:column;align-items:flex-start}.cta-buttons:where(.astro-jacrkweo){flex-direction:column}.btn:where(.astro-jacrkweo){width:100%;text-align:center}}