/* Legal pages: same Harvest Sun look as the landing page (index.html). */
:root {
  --bg: #FFF8E6; --card: #FFFFFF; --line: #F0E4C2; --ink: #1F2A14; --muted: #5A6350;
  --leaf: #2F6B1F; --sun: #F4B400; --sun-ink: #3A2A00; --hill: #8CC152; --hill-dark: #5E9E32;
  --display: "Baloo 2", "Mukta", system-ui, sans-serif;
  --body: "Mukta", "Baloo 2", system-ui, -apple-system, "Segoe UI", sans-serif;
}
@media (prefers-color-scheme: dark) {
  :root { --bg: #141A0F; --card: #1D2517; --line: #2E3A23; --ink: #F3EEDC; --muted: #B5BBA6; --leaf: #7CC35B; --hill: #4C7A2A; --hill-dark: #345A1C; color-scheme: dark; }
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--ink); font-family: var(--body); font-size: 18px; line-height: 1.6; -webkit-font-smoothing: antialiased; }
a { color: var(--leaf); }
.wrap { max-width: 820px; margin-inline: auto; padding-inline: 20px; }
.band { background: var(--sun); color: var(--sun-ink); border-radius: 0 0 36px 36px; position: relative; overflow: hidden; }
.band .wrap { position: relative; z-index: 2; padding-block: 18px 92px; }
.brand { display: inline-flex; align-items: center; gap: 10px; color: var(--sun-ink); text-decoration: none; font-family: var(--display); font-weight: 800; font-size: 26px; }
.brand-mark { width: 42px; height: 42px; border-radius: 50%; background: #2F6B1F; display: grid; place-items: center; }
.band h1 { font-family: var(--display); font-weight: 800; font-size: clamp(36px, 6vw, 56px); line-height: 1.1; margin: 28px 0 4px; }
.band .date { color: #5C4400; font-weight: 500; margin: 0; }
.hills { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 90px; z-index: 1; }
main.wrap { padding-block: 36px 64px; }
.doc { background: var(--card); border: 2px solid var(--line); border-radius: 28px; padding: 8px 32px 28px; }
.doc h2 { font-family: var(--display); font-weight: 700; font-size: 23px; line-height: 1.2; margin: 28px 0 6px; }
.doc p { margin: 0; color: var(--muted); }
.back { display: inline-flex; margin-top: 24px; font-family: var(--display); font-weight: 700; text-decoration: none; }
footer { background: var(--hill-dark); color: #F3F7EC; }
footer .wrap { max-width: 1120px; display: flex; flex-wrap: wrap; gap: 12px 28px; justify-content: space-between; padding-block: 22px; font-size: 15px; }
footer a { color: #F3F7EC; }
footer nav { display: flex; gap: 20px; flex-wrap: wrap; }
@media (max-width: 560px) { .doc { padding: 4px 18px 22px; border-radius: 22px; } .wrap { padding-inline: 16px; } }