/* Replaces the 4 MB Tailwind dev build the Laravel legal pages loaded; same look. */
*, *::before, *::after { box-sizing: border-box; }
body {
    margin: 0;
    background: #f3f4f6;
    color: #111827;
    font-family: Nunito, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    -webkit-font-smoothing: antialiased;
}
.page { min-height: 100vh; display: flex; flex-direction: column; align-items: center; padding: 1.5rem 0; }
.logo img { width: 5rem; height: 5rem; margin: 1rem; }
.card { width: 100%; max-width: 42rem; margin-top: 1.5rem; padding: 1rem 1.5rem; background: #fff; box-shadow: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -1px rgba(0,0,0,.06); }
@media (min-width: 640px) { .page { justify-content: center; padding-top: 0; } .card { border-radius: .5rem; } }
h1 { font-size: 1.5rem; font-weight: 700; margin: 0 0 1rem; color: #1f2937; }
h2 { font-size: 1.25rem; font-weight: 600; margin: 0 0 .5rem; color: #1f2937; }
p, ul { margin: 0 0 1rem; color: #374151; line-height: 1.625; }
ul { list-style: disc; padding-left: 1.5rem; }
li { margin-bottom: .5rem; }
.contact { margin-top: 1.5rem; padding-top: 1rem; border-top: 1px solid #e5e7eb; color: #374151; }
.contact h2 { font-size: 1.125rem; }
.contact p { font-size: .875rem; }
a { color: #2563eb; text-decoration: none; }
a:hover { text-decoration: underline; }