.use-case-hero:where(.astro-bzr7ropl){background:var(--color-gray-950);color:#fff;padding:var(--spacing-16) var(--spacing-6);text-align:center}.use-case-hero:where(.astro-bzr7ropl) h1:where(.astro-bzr7ropl){font-size:2.5rem;margin:0 0 var(--spacing-3) 0;font-weight:700}.use-case-hero:where(.astro-bzr7ropl) p:where(.astro-bzr7ropl){font-size:1.125rem;opacity:.95;margin:0}.container:where(.astro-bzr7ropl){max-width:1024px;margin:0 auto;padding:0 var(--spacing-6)}.use-case-content:where(.astro-bzr7ropl){padding:var(--spacing-16) var(--spacing-6)}.use-case-content:where(.astro-bzr7ropl) section:where(.astro-bzr7ropl){margin-bottom:var(--spacing-16)}.use-case-content:where(.astro-bzr7ropl) h2:where(.astro-bzr7ropl){font-size:2rem;margin-bottom:var(--spacing-8);color:var(--color-text)}.use-case-content:where(.astro-bzr7ropl) h3:where(.astro-bzr7ropl){font-size:1.25rem;margin:var(--spacing-6) 0 var(--spacing-3) 0;color:var(--color-text)}.use-case-content:where(.astro-bzr7ropl) p:where(.astro-bzr7ropl){color:var(--color-text-muted);line-height:var(--leading-relaxed);margin-bottom:var(--spacing-4)}.problem-example:where(.astro-bzr7ropl){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-bzr7ropl) pre:where(.astro-bzr7ropl),.problem-example:where(.astro-bzr7ropl) pre:where(.astro-bzr7ropl).astro-code{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-bzr7ropl) code:where(.astro-bzr7ropl){font-family:var(--font-mono);font-size:.75rem;line-height:var(--leading-normal)}.risk-grid:where(.astro-bzr7ropl){display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.risk-item:where(.astro-bzr7ropl){background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-4)}.risk-item:where(.astro-bzr7ropl) h4:where(.astro-bzr7ropl){margin-top:0;color:var(--color-text)}.risk-item:where(.astro-bzr7ropl) p:where(.astro-bzr7ropl){margin:0;font-size:var(--text-sm);color:var(--color-text-muted)}.layers-overview:where(.astro-bzr7ropl){display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-6);margin-bottom:var(--spacing-8)}.layer-card:where(.astro-bzr7ropl){background:var(--color-surface-raised);border:1px solid var(--color-border);border-top:3px solid var(--fraise-500);border-radius:var(--radius-md);padding:var(--spacing-6);display:flex;gap:var(--spacing-4);align-items:flex-start}.layer-number:where(.astro-bzr7ropl){background:var(--fraise-500);color:#fff;font-weight:700;font-size:1.125rem;width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.layer-content:where(.astro-bzr7ropl) h3:where(.astro-bzr7ropl){margin:0 0 var(--spacing-2) 0;font-size:1rem}.layer-content:where(.astro-bzr7ropl) p:where(.astro-bzr7ropl){margin:0;font-size:var(--text-sm)}.layer-detail-section:where(.astro-bzr7ropl){margin-bottom:var(--spacing-16)}.layer-detail-section:where(.astro-bzr7ropl) h2:where(.astro-bzr7ropl){font-size:2rem;margin-bottom:var(--spacing-4);color:var(--color-text)}.insight-box:where(.astro-bzr7ropl){background:var(--color-surface);border-left:4px solid var(--fraise-500);border-radius:var(--radius-md);padding:var(--spacing-4) var(--spacing-6);margin-top:var(--spacing-4)}.insight-box:where(.astro-bzr7ropl) p:where(.astro-bzr7ropl){margin:0;color:var(--color-text)}.insight-box:where(.astro-bzr7ropl) code:where(.astro-bzr7ropl){background:var(--fraise-100);padding:.1rem .3rem;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.85em}.writes-section:where(.astro-bzr7ropl){margin-bottom:var(--spacing-16)}.writes-section:where(.astro-bzr7ropl) h2:where(.astro-bzr7ropl){font-size:2rem;margin-bottom:var(--spacing-4);color:var(--color-text)}.solution-step:where(.astro-bzr7ropl){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);margin-bottom:var(--spacing-6)}.solution-step:where(.astro-bzr7ropl) pre:where(.astro-bzr7ropl),.solution-step:where(.astro-bzr7ropl) pre:where(.astro-bzr7ropl).astro-code{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-bzr7ropl) code:where(.astro-bzr7ropl){font-family:var(--font-mono);font-size:.7rem;line-height:var(--leading-normal)}.example-box:where(.astro-bzr7ropl){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)}.example-box:where(.astro-bzr7ropl) h3:where(.astro-bzr7ropl){margin-top:0}.example-box:where(.astro-bzr7ropl) ul:where(.astro-bzr7ropl){list-style:none;padding:0;margin:var(--spacing-3) 0;padding-left:var(--spacing-4)}.example-box:where(.astro-bzr7ropl) li:where(.astro-bzr7ropl){padding:var(--spacing-2) 0;color:var(--color-text-muted)}.example-box:where(.astro-bzr7ropl) pre:where(.astro-bzr7ropl),.example-box:where(.astro-bzr7ropl) pre:where(.astro-bzr7ropl).astro-code{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--spacing-4);overflow-x:auto;margin:var(--spacing-3) 0}.example-box:where(.astro-bzr7ropl) code:where(.astro-bzr7ropl){font-family:var(--font-mono);font-size:.65rem;line-height:var(--leading-normal)}.pattern-box:where(.astro-bzr7ropl){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)}.pattern-box:where(.astro-bzr7ropl) pre:where(.astro-bzr7ropl),.pattern-box:where(.astro-bzr7ropl) pre:where(.astro-bzr7ropl).astro-code{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}.pattern-box:where(.astro-bzr7ropl) code:where(.astro-bzr7ropl){font-family:var(--font-mono);font-size:.7rem;line-height:var(--leading-normal)}.testing-box:where(.astro-bzr7ropl){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)}.testing-box:where(.astro-bzr7ropl) pre:where(.astro-bzr7ropl),.testing-box:where(.astro-bzr7ropl) pre:where(.astro-bzr7ropl).astro-code{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}.testing-box:where(.astro-bzr7ropl) code:where(.astro-bzr7ropl){font-family:var(--font-mono);font-size:.7rem;line-height:var(--leading-normal)}.benefit-grid:where(.astro-bzr7ropl){display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-6);margin-bottom:var(--spacing-6)}.benefit-card:where(.astro-bzr7ropl){background:var(--color-surface-raised);border:1px solid var(--color-border);border-top:3px solid var(--fraise-500);border-radius:var(--radius-md);padding:var(--spacing-6)}.benefit-card:where(.astro-bzr7ropl) h3:where(.astro-bzr7ropl){margin-top:0;color:var(--fraise-500)}.related-grid:where(.astro-bzr7ropl){display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-6)}.related-box:where(.astro-bzr7ropl){background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-6)}.related-box:where(.astro-bzr7ropl) h3:where(.astro-bzr7ropl){margin-top:0}.link:where(.astro-bzr7ropl){color:var(--fraise-500);text-decoration:none;font-weight:600;transition:color var(--transition-fast)}.link:where(.astro-bzr7ropl):hover{color:var(--fraise-700);text-decoration:underline}.cta-section:where(.astro-bzr7ropl){background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--spacing-12);text-align:center}.cta-section:where(.astro-bzr7ropl) h2:where(.astro-bzr7ropl){margin-top:0}.cta-buttons:where(.astro-bzr7ropl){display:flex;gap:var(--spacing-4);justify-content:center;flex-wrap:wrap;margin-top:var(--spacing-6)}.btn:where(.astro-bzr7ropl){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-bzr7ropl){background:var(--fraise-500);color:#fff}.btn-primary:where(.astro-bzr7ropl):hover{background:var(--fraise-600);box-shadow:var(--shadow-md)}.btn-secondary:where(.astro-bzr7ropl){background:transparent;color:var(--fraise-500);border:2px solid var(--fraise-500)}.btn-secondary:where(.astro-bzr7ropl):hover{background:var(--color-surface)}@media(max-width:768px){.use-case-hero:where(.astro-bzr7ropl) h1:where(.astro-bzr7ropl){font-size:2rem}.use-case-content:where(.astro-bzr7ropl) h2:where(.astro-bzr7ropl){font-size:1.5rem}.cta-buttons:where(.astro-bzr7ropl){flex-direction:column}.btn:where(.astro-bzr7ropl){width:100%;text-align:center}}
