/*
| seo-shim.css — TEMPORARY stopgap for the public marketing pages.
|
| Same story as admin-shim.css: the compiled Tailwind bundle was built before
| these marketing/use-case pages existed, and this host has no Node to rebuild.
| This supplies only the utility classes those pages use that are absent from
| the current bundle. Remove after a real `npm run build`.
*/

/* sizing */
.max-w-5xl { max-width: 64rem; }

/* spacing */
.mt-20 { margin-top: 5rem; }
.pt-16 { padding-top: 4rem; }
.pb-8 { padding-bottom: 2rem; }
.pb-10 { padding-bottom: 2.5rem; }
.pb-16 { padding-bottom: 4rem; }
.pt-6 { padding-top: 1.5rem; }
.px-8 { padding-left: 2rem; padding-right: 2rem; }

/* hover / group-hover states */
.hover\:shadow:hover { box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.10), 0 1px 2px -1px rgb(0 0 0 / 0.10); }
.hover\:border-accent-300:hover { border-color: #a5b4fc; }
.group:hover .group-hover\:text-accent-700 { color: #4338ca; }

/* ---- Blog post body (rendered Markdown) ---- */
.post-body { font-size: 1.0625rem; line-height: 1.75; }
.post-body > * + * { margin-top: 1.25rem; }
.post-body h2 { font-size: 1.5rem; font-weight: 600; line-height: 1.3; color: #0f172a; margin-top: 2.5rem; margin-bottom: 0.25rem; }
.post-body h3 { font-size: 1.25rem; font-weight: 600; color: #0f172a; margin-top: 2rem; }
.post-body p { color: #334155; }
.post-body a { color: #4f46e5; text-decoration: underline; }
.post-body a:hover { color: #4338ca; }
.post-body strong { color: #0f172a; font-weight: 600; }
.post-body ul,
.post-body ol { padding-left: 1.5rem; }
.post-body ul { list-style: disc; }
.post-body ol { list-style: decimal; }
.post-body li { margin-top: 0.5rem; color: #334155; }
.post-body blockquote { border-left: 3px solid #e2e8f0; padding-left: 1rem; color: #475569; font-style: italic; }
.post-body code { background: #f1f5f9; padding: 0.1rem 0.35rem; border-radius: 0.25rem; font-size: 0.9em; }
.post-body pre { background: #0f172a; color: #e2e8f0; padding: 1rem; border-radius: 0.5rem; overflow-x: auto; }
.post-body pre code { background: transparent; padding: 0; }
.post-body img { border-radius: 0.5rem; max-width: 100%; height: auto; }

/* ---- Site footer ---- */
.w-9 { width: 2.25rem; }
.gap-10 { gap: 2.5rem; }
.py-14 { padding-top: 3.5rem; padding-bottom: 3.5rem; }
.space-y-2\.5 > :not([hidden]) ~ :not([hidden]) { margin-top: 0.625rem; }
.bg-white\/5 { background-color: rgb(255 255 255 / 0.05); }
.border-white\/10 { border-color: rgb(255 255 255 / 0.10); }
.text-accent-400 { color: #818cf8; }
.hover\:bg-accent-600:hover { background-color: #4f46e5; }
.hover\:text-white:hover { color: #ffffff; }
.hover\:text-accent-300:hover { color: #a5b4fc; }
.hover\:text-ink-300:hover { color: #cbd5e1; }
@media (min-width: 640px) {
  .sm\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
  .lg\:col-span-2 { grid-column: span 2 / span 2; }
}