/* Critical above-the-fold styles extracted to external file to avoid inline CSS */
body { margin: 0; font-family: system-ui, -apple-system, sans-serif; }
#root { min-height: 100vh; }
.container { max-width: 1200px; margin: 0 auto; padding: 0 1rem; }
.bg-background { background-color: hsl(220 30% 98%); }
.text-foreground { color: hsl(220 20% 15%); }
.text-muted-foreground { color: hsl(220 15% 45%); }
.bg-card { background-color: hsl(0 0% 100%); }
.border { border: 1px solid hsl(220 15% 90%); }
.rounded-lg { border-radius: 0.5rem; }
.p-6 { padding: 1.5rem; }
.text-2xl { font-size: 1.5rem; line-height: 2rem; }
.font-bold { font-weight: 700; }
.mb-4 { margin-bottom: 1rem; }
.mb-6 { margin-bottom: 1.5rem; }
.space-y-3 > * + * { margin-top: 0.75rem; }
.space-y-2 > * + * { margin-top: 0.5rem; }
.list-decimal { list-style-type: decimal; }
.list-inside { list-style-position: inside; }
.text-primary { color: hsl(215 85% 55%); }
.flex { display: flex; }
.items-start { align-items: flex-start; }
.space-x-2 > * + * { margin-left: 0.5rem; }