/* Shared skin for the public pages the API serves (gizlilik + destek).
   One stylesheet so the two pages cannot drift apart.

   NOTE: the pages link this with a `?v=` stamp. The domains sit behind
   Cloudflare's proxy, which caches stylesheets at the edge for four hours by
   default — the first redesign shipped and the old blue sheet kept being served
   over the new markup (2026-09-01). Bump the stamp whenever this file changes.

   The app's own light palette, token for token (mobile/src/theme/tokens.ts):
   sage canvas, white card, brand leaf green, deep-green hero band. Light only —
   these are two short public pages, and one committed look reads better than a
   half-tuned pair (user, 2026-09-01). */
:root {
  --bg: #EEF4EA;
  --surface: #FFFFFF;
  --text: #12241A;
  --muted: #54655A;
  --faint: #68776E;
  --line: #E1EADD;
  --accent: #408224;
  --accent-deep: #2E6119;
  --accent-soft: #E9F5E1;
  --hero-from: #408224;
  --hero-to: #1F4D14;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font: 16px/1.7 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  padding: 0 1.25rem 5rem;
}
main {
  max-width: 44rem;
  margin: 0 auto;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 18px 40px rgba(18, 36, 26, 0.07);
}
.hero {
  background: linear-gradient(135deg, var(--hero-from), var(--hero-to));
  color: #fff;
  padding: 2.25rem 1.75rem 1.9rem;
}
.hero .club {
  font-size: .78rem;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, .72);
  margin: 0 0 .5rem;
}
h1 { font-size: clamp(1.7rem, 1.2rem + 1.8vw, 2.3rem); margin: 0; letter-spacing: -.02em; }
.hero .updated { color: rgba(255, 255, 255, .72); font-size: .9rem; margin: .5rem 0 0; }
.body { padding: 1.9rem 1.75rem 2.4rem; }
h2 {
  font-size: 1.1rem;
  margin: 2rem 0 .5rem;
  letter-spacing: -.01em;
  color: var(--accent-deep);
}
h2:first-of-type { margin-top: 0; }
h3 { font-size: 1rem; margin: 1.5rem 0 .35rem; color: var(--text); }
p { margin: .55rem 0; }
ul { padding-left: 1.15rem; margin: .55rem 0; }
li { margin: .3rem 0; }
table { width: 100%; border-collapse: collapse; margin: .75rem 0; font-size: .95rem; }
th, td { text-align: left; padding: .6rem .65rem; border-bottom: 1px solid var(--line); vertical-align: top; }
th { color: var(--muted); font-weight: 600; }
tr:last-child td { border-bottom: 0; }
a { color: var(--accent); font-weight: 600; }
.note {
  background: var(--accent-soft);
  border-radius: 14px;
  padding: .85rem 1rem;
  color: var(--muted);
  margin: 1rem 0;
}
footer { color: var(--faint); font-size: .85rem; text-align: center; padding: 1.4rem 0 0; }