.use-case-hero:where(.astro-4hhhbfep){background:var(--color-gray-950);color:#fff;padding:var(--spacing-16) var(--spacing-6);text-align:center}.use-case-hero:where(.astro-4hhhbfep) h1:where(.astro-4hhhbfep){font-size:2.5rem;margin:0 0 var(--spacing-3) 0;font-weight:700}.use-case-hero:where(.astro-4hhhbfep) p:where(.astro-4hhhbfep){font-size:1.125rem;opacity:.95;margin:0}.container:where(.astro-4hhhbfep){max-width:1024px;margin:0 auto;padding:0 var(--spacing-6)}.use-case-content:where(.astro-4hhhbfep){padding:var(--spacing-16) var(--spacing-6)}.use-case-content:where(.astro-4hhhbfep) section:where(.astro-4hhhbfep){margin-bottom:var(--spacing-16)}.use-case-content:where(.astro-4hhhbfep) h2:where(.astro-4hhhbfep){font-size:2rem;margin-bottom:var(--spacing-8);color:var(--color-text)}.use-case-content:where(.astro-4hhhbfep) h3:where(.astro-4hhhbfep){font-size:1.25rem;margin:var(--spacing-6) 0 var(--spacing-3) 0;color:var(--color-text)}.use-case-content:where(.astro-4hhhbfep) p:where(.astro-4hhhbfep){color:var(--color-text-muted);line-height:var(--leading-relaxed);margin-bottom:var(--spacing-4)}.problem-example:where(.astro-4hhhbfep){background:var(--color-surface);border-left:4px solid #d62830;border-radius:var(--radius-md);padding:var(--spacing-6);margin-bottom:var(--spacing-6)}.problem-example:where(.astro-4hhhbfep) pre:where(.astro-4hhhbfep){border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--spacing-4);overflow-x:auto;margin:var(--spacing-3) 0}.problem-example:where(.astro-4hhhbfep) code:where(.astro-4hhhbfep){font-family:var(--font-mono);font-size:.8rem;line-height:var(--leading-normal);color:var(--color-text)}.problem-grid:where(.astro-4hhhbfep){display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.problem-item:where(.astro-4hhhbfep){background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-4);text-align:center}.problem-value:where(.astro-4hhhbfep){font-size:1.75rem;font-weight:700;color:#d62830;margin-bottom:var(--spacing-1)}.problem-label:where(.astro-4hhhbfep){font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-1)}.problem-detail:where(.astro-4hhhbfep){font-size:var(--text-sm);color:var(--color-text-muted)}.solution-box:where(.astro-4hhhbfep){background:var(--color-surface);border-left:4px solid var(--fraise-500);border-radius:var(--radius-md);padding:var(--spacing-6);margin-bottom:var(--spacing-6)}.solution-box:where(.astro-4hhhbfep) ul:where(.astro-4hhhbfep){list-style:none;padding:0;margin:var(--spacing-3) 0}.solution-box:where(.astro-4hhhbfep) li:where(.astro-4hhhbfep){padding:var(--spacing-2) 0;color:var(--color-text-muted)}.solution-step:where(.astro-4hhhbfep){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)}.solution-step:where(.astro-4hhhbfep) pre:where(.astro-4hhhbfep){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}.solution-step:where(.astro-4hhhbfep) code:where(.astro-4hhhbfep){font-family:var(--font-mono);font-size:.75rem;line-height:var(--leading-normal);color:var(--color-text)}.comparison-grid:where(.astro-4hhhbfep){display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-6);margin-bottom:var(--spacing-6)}.comparison-card:where(.astro-4hhhbfep){border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-6)}.comparison-card:where(.astro-4hhhbfep).before{border-left:4px solid #d62830}.comparison-card:where(.astro-4hhhbfep).after{border-left:4px solid #22c55e}.comparison-card:where(.astro-4hhhbfep) h3:where(.astro-4hhhbfep){margin-top:0}.metric-value:where(.astro-4hhhbfep){font-size:1.75rem;font-weight:700;color:var(--fraise-500);margin-bottom:var(--spacing-2)}.metric-label:where(.astro-4hhhbfep){font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-3)}.comparison-list:where(.astro-4hhhbfep){list-style:none;padding:0;margin:0}.comparison-list:where(.astro-4hhhbfep) li:where(.astro-4hhhbfep){padding:var(--spacing-2) 0;color:var(--color-text-muted);line-height:var(--leading-relaxed)}.tool-box:where(.astro-4hhhbfep){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)}.tool-box:where(.astro-4hhhbfep) pre:where(.astro-4hhhbfep){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}.tool-box:where(.astro-4hhhbfep) code:where(.astro-4hhhbfep){font-family:var(--font-mono);font-size:.75rem;line-height:var(--leading-normal);color:var(--color-text)}.practice-box:where(.astro-4hhhbfep){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-4hhhbfep) pre:where(.astro-4hhhbfep){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-4hhhbfep) code:where(.astro-4hhhbfep){font-family:var(--font-mono);font-size:.7rem;line-height:var(--leading-normal);color:var(--color-text)}.metrics-grid:where(.astro-4hhhbfep){display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-6);margin-bottom:var(--spacing-6)}.metric-box:where(.astro-4hhhbfep){background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-6);text-align:center}.metric-box:where(.astro-4hhhbfep) h3:where(.astro-4hhhbfep){margin-top:0}.resources-grid:where(.astro-4hhhbfep){display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-6)}.resource-box:where(.astro-4hhhbfep){background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-6)}.resource-box:where(.astro-4hhhbfep) h3:where(.astro-4hhhbfep){margin-top:0}.link:where(.astro-4hhhbfep){color:var(--fraise-500);text-decoration:none;font-weight:600;transition:color var(--transition-fast)}.link:where(.astro-4hhhbfep):hover{color:var(--fraise-700);text-decoration:underline}.cta-section:where(.astro-4hhhbfep){background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--spacing-12);text-align:center}.cta-section:where(.astro-4hhhbfep) h2:where(.astro-4hhhbfep){margin-top:0}.cta-buttons:where(.astro-4hhhbfep){display:flex;gap:var(--spacing-4);justify-content:center;flex-wrap:wrap;margin-top:var(--spacing-6)}.btn:where(.astro-4hhhbfep){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-4hhhbfep){background:var(--fraise-500);color:#fff}.btn-primary:where(.astro-4hhhbfep):hover{background:var(--fraise-600);box-shadow:var(--shadow-md)}.btn-secondary:where(.astro-4hhhbfep){background:transparent;color:var(--fraise-500);border:2px solid var(--fraise-500)}.btn-secondary:where(.astro-4hhhbfep):hover{background:var(--color-surface)}@media(max-width:768px){.use-case-hero:where(.astro-4hhhbfep) h1:where(.astro-4hhhbfep){font-size:2rem}.use-case-content:where(.astro-4hhhbfep) h2:where(.astro-4hhhbfep){font-size:1.5rem}.cta-buttons:where(.astro-4hhhbfep){flex-direction:column}.btn:where(.astro-4hhhbfep){width:100%;text-align:center}}