/* Daily Worker Placement — shared component styles (used with Tailwind Play CDN + tailwind-config.js). */
body{font-family:'Inter',system-ui,sans-serif;color:#0f172a}
h1,h2,h3{font-family:'Plus Jakarta Sans',sans-serif}
/* Uniform H2 size across the whole site (overrides per-heading text-* utilities) */
h2{font-size:1.75rem!important;line-height:1.25;font-weight:800}
.font-display{font-family:'Plus Jakarta Sans',sans-serif}
.font-serif{font-family:'Playfair Display',Georgia,serif}
.container-x{width:100%;max-width:1200px;margin-inline:auto;padding-inline:1rem}
@media(min-width:768px){.container-x{padding-inline:1.5rem}}
.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:.6rem;background:#dc2626;color:#fff;font-weight:600;padding:.75rem 1.25rem;text-decoration:none;transition:background .15s;font-family:'Plus Jakarta Sans',sans-serif}
.btn-primary:hover{background:#b91c1c}
.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:.6rem;background:#1d4ed8;color:#fff;font-weight:600;padding:.65rem 1.1rem;text-decoration:none;transition:background .15s}
.btn-secondary:hover{background:#1e40af}
.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:.6rem;padding:.7rem 1.15rem;font-weight:600;text-decoration:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);transition:background .15s}
.card{border-radius:.85rem;background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 3px rgba(15,23,42,.08),0 1px 2px rgba(15,23,42,.04)}
.badge{display:inline-flex;align-items:center;border-radius:9999px;background:#f1f5f9;color:#334155;font-size:.7rem;font-weight:500;padding:.2rem .6rem}
.prose-x{max-width:65ch}
.prose-x h2{font-weight:800;font-size:1.65rem;margin:0 0 .75rem;color:#0f172a}
.prose-x h3{font-weight:700;font-size:1.2rem;margin:1.6rem 0 .5rem;color:#0f172a}
.prose-x p{margin:0 0 1rem;line-height:1.7;color:#334155}
.prose-x ul,.prose-x ol{margin:0 0 1rem 1.25rem;color:#334155;line-height:1.7}
.prose-x li{margin:.25rem 0}
.prose-x a{color:#1d4ed8;text-decoration:underline}
@keyframes fadeInUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}