/* ============================== Yasal sayfalar ============================== */
/* gizlilik, kosullar, hesap-sil, cocuk-guvenligi: uygulamanın renklerini kullanır, ama kayar ve seçilebilir. */

html.legal, html.legal body { height: auto; overflow: auto; overscroll-behavior: auto; }
html.legal body { -webkit-user-select: text; user-select: text; -webkit-touch-callout: default; }

.doc {
  max-width: 680px;
  margin: 0 auto;
  padding: calc(env(safe-area-inset-top) + 20px) 18px calc(env(safe-area-inset-bottom) + 48px);
}
.doc-top { display: flex; align-items: center; gap: 12px; margin-bottom: 26px; }
.doc-top a { display: flex; align-items: center; gap: 10px; color: var(--text); text-decoration: none; }
.doc-top .logo-tile { width: 36px; height: 36px; }
.doc-top .wordmark { height: 18px; }
.doc-back { margin-left: auto; color: var(--muted); font-size: .9em; text-decoration: none; }

.doc h1 { font-size: 1.6em; line-height: 1.2; margin: 0 0 6px; letter-spacing: -.02em; }
.doc .stamp { color: var(--muted); font-size: .88em; margin: 0 0 22px; }
.doc h2 { font-size: 1.08em; margin: 30px 0 8px; }
.doc p, .doc li { color: var(--text); }
.doc p { margin: 0 0 12px; }
.doc ul, .doc ol { margin: 0 0 12px; padding-left: 20px; }
.doc li { margin: 0 0 7px; }
.doc .muted { color: var(--muted); }
.doc a { color: var(--accent); }
.doc .box {
  background: var(--raise);
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 14px 16px;
  margin: 0 0 18px;
}
.doc .box ul { margin: 0; }
.doc .btn { margin: 6px 0 16px; text-decoration: none; }
.doc-foot { margin-top: 36px; padding-top: 16px; border-top: 1px solid var(--line); display: flex; flex-wrap: wrap; gap: 8px 18px; font-size: .88em; }
.doc-foot a { color: var(--muted); text-decoration: none; }