/* Minimal layout for static legal/blog shells (no Tailwind build step) */
:root { color-scheme: light; }
body { margin: 0; font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; background: #f9fafb; color: #1f2937; line-height: 1.6; }
a { color: #dc2626; }
a:hover { text-decoration: underline; }
.wrap { max-width: 48rem; margin: 0 auto; padding: 0 1rem 3rem; }
.nav { background: #fff; border-bottom: 1px solid #e5e7eb; padding: 0.75rem 1rem; position: sticky; top: 0; z-index: 50; }
.nav-inner { max-width: 56rem; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 0.5rem 1rem; align-items: center; justify-content: space-between; }
.nav-links { display: flex; flex-wrap: wrap; gap: 0.75rem; font-size: 0.875rem; }
.nav-links a { color: #4b5563; text-decoration: none; }
.nav-links a:hover { color: #dc2626; }
.card { background: #fff; border: 1px solid #e5e7eb; border-radius: 0.75rem; padding: 2rem; margin-top: 2rem; box-shadow: 0 1px 2px rgb(0 0 0 / 0.05); }
h1 { font-size: 1.75rem; margin: 0 0 1rem; border-bottom: 1px solid #e5e7eb; padding-bottom: 0.75rem; }
h2 { font-size: 1.125rem; margin: 1.5rem 0 0.5rem; }
p, li { color: #4b5563; }
ul { padding-left: 1.25rem; }
.lead { color: #6b7280; font-size: 0.95rem; }
#cookie-bar { position: fixed; bottom: 0; left: 0; right: 0; background: #111827; color: #e5e7eb; padding: 1rem; font-size: 0.875rem; z-index: 200; border-top: 1px solid #374151; display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; justify-content: space-between; }
#cookie-bar button { background: #dc2626; color: #fff; border: 0; padding: 0.5rem 1.25rem; border-radius: 0.25rem; font-weight: 700; cursor: pointer; }
.brand { font-weight: 800; color: #111827; text-decoration: none; display: flex; align-items: center; gap: 0.35rem; }
.brand span { background: #dc2626; color: #fff; padding: 0.15rem 0.35rem; border-radius: 0.25rem; font-size: 0.75rem; }