/* The privacy policy: a plain, readable page in the site's frame. */
:root { --font-ui: "Anek Malayalam", "Noto Sans Malayalam", "Kartika", system-ui, sans-serif; --font-display: "Baloo Chettan 2", "Anek Malayalam", system-ui, sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; font-family: var(--font-ui); color: var(--ink); background: var(--bg); }
a { color: var(--accent, #B0392B); font-weight: 600; }
.app { max-width: 760px; margin: 0 auto; padding: 0 18px 48px; }
.masthead { display: flex; align-items: center; padding: 6px 0 10px; border-bottom: 2px solid var(--line); }
.masthead .name { margin: 0; font-family: var(--font-display); font-size: clamp(28px, 6vw, 40px); font-weight: 800; padding-top: 0.12em; }
.doc { font-size: 16.5px; line-height: 1.6; }
.doc .meta { color: var(--ink-soft); font-size: 14px; margin: 14px 0 0; }
.doc h2 { margin: 28px 0 6px; font-family: var(--font-display); font-size: 23px; font-weight: 800; }
.doc ul { padding-left: 22px; margin: 6px 0; }
.doc li { margin: 4px 0; }
.short { margin-top: 18px; padding: 4px 18px 10px; border-radius: 14px; background: var(--surface); box-shadow: 0 0 0 1.5px var(--line); }
.optout { margin-top: 10px; padding: 12px 16px; border-radius: 12px; background: var(--key); }
.optout p { margin: 0 0 8px; }
.optout button { font: inherit; font-weight: 700; padding: 8px 16px; border-radius: 999px; border: 1.5px solid var(--line-strong, var(--line)); background: var(--surface); color: var(--ink); cursor: pointer; }
.optout .small { margin: 8px 0 0; font-size: 13px; color: var(--ink-soft); word-break: break-all; }