/* Shared styles for simple text pages (privacy, disclaimer, 404). No Tailwind needed. */
:root { --rust: #9D513A; --rust-dark: #844230; --cream: #FEF9F1; --line: #EEDFCB; --ink: #2A241F; --muted: #5A4F47; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--cream); color: var(--ink); font: 400 1.0625rem/1.8 Inter, "Noto Sans Devanagari", system-ui, sans-serif; }
a { color: var(--rust); }
a:hover { color: var(--rust-dark); }
:focus-visible { outline: 3px solid #DE9036; outline-offset: 3px; border-radius: 6px; }
.top { border-bottom: 1px solid var(--line); background: #fff; }
.top .wrap { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 72px; }
.top img { height: 48px; width: auto; display: block; }
.wrap { max-width: 760px; margin: 0 auto; padding: 0 16px; }
main.wrap { padding-top: 40px; padding-bottom: 64px; }
h1, h2 { font-family: "Baloo 2", "Noto Sans Devanagari", sans-serif; line-height: 1.35; }
h1 { font-size: 2rem; margin: 0 0 8px; }
h2 { font-size: 1.35rem; margin: 32px 0 8px; }
.meta { color: var(--muted); font-size: 0.95rem; }
.btn { display: inline-flex; align-items: center; min-height: 48px; padding: 10px 22px; border-radius: 999px; background: var(--rust); color: #fff; font-weight: 600; text-decoration: none; }
.btn:hover { background: var(--rust-dark); color: #fff; }
footer { border-top: 1px solid var(--line); color: var(--muted); font-size: 0.95rem; padding: 24px 0; }