/* Yalnızca gizlilik.html ve kosullar.html; uygulama stillerinden bağımsızdır. */
.legal {
  --l-paper: #f4efe6;
  --l-card: #fbf7f0;
  --l-ink: #1c1915;
  --l-muted: #6b6358;
  --l-line: #e3d7c6;
  --l-olive: #3d4f3a;
  --l-on-olive: #f4efe6;
  color-scheme: light;
}
html.night .legal {
  --l-paper: #1a1714;
  --l-card: #221e1a;
  --l-ink: #e6dfd3;
  --l-muted: #a3998c;
  --l-line: #3a342c;
  --l-olive: #a8bda3;
  --l-on-olive: #1c1915;
  color-scheme: dark;
}
html:has(body.legal) { background: var(--l-paper, #f4efe6); }
html.night:has(body.legal) { background: #1a1714; }
.legal {
  margin: 0;
  min-height: 100vh;
  background: var(--l-paper);
  color: var(--l-ink);
  font-family: "Source Sans 3", system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 16.5px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
.legal * { box-sizing: border-box; }
.legal .legal-wrap { max-width: 44rem; margin: 0 auto; padding: 1.25rem 1.1rem 3rem; }
.legal .legal-top { display: flex; justify-content: space-between; align-items: center; gap: 0.75rem; flex-wrap: wrap; }
.legal a { color: var(--l-olive); font-weight: 600; text-underline-offset: 3px; }
.legal a:focus-visible, .legal button:focus-visible { outline: 3px solid #e2b15a; outline-offset: 2px; border-radius: 6px; }
.legal .legal-back { display: inline-flex; align-items: center; min-height: 44px; text-decoration: none; }
.legal h1 {
  font-family: "Source Serif 4", Georgia, serif;
  font-size: clamp(1.8rem, 5vw, 2.3rem);
  line-height: 1.2;
  letter-spacing: -0.02em;
  margin: 0.75rem 0 0.25rem;
}
.legal h2 { font-family: "Source Serif 4", Georgia, serif; font-size: 1.3rem; margin: 1.8rem 0 0.4rem; }
.legal p, .legal li { margin: 0 0 0.6rem; }
.legal ul { padding-left: 1.2rem; margin: 0 0 0.6rem; }
.legal .legal-meta { color: var(--l-muted); font-size: 0.9rem; margin: 0 0 1rem; }
.legal .legal-card {
  background: var(--l-card);
  border: 1px solid var(--l-line);
  border-radius: 14px;
  padding: 0.9rem 1rem;
  margin: 1rem 0;
}
.legal table { width: 100%; border-collapse: collapse; font-size: 0.94rem; margin: 0.4rem 0 0.8rem; }
.legal th, .legal td { text-align: left; vertical-align: top; padding: 0.5rem 0.4rem; border-bottom: 1px solid var(--l-line); }
.legal th { font-weight: 700; }
.legal .legal-btn {
  min-height: 44px;
  padding: 0.55rem 1.1rem;
  border-radius: 999px;
  border: 0;
  cursor: pointer;
  font: inherit;
  font-weight: 600;
  background: var(--l-olive);
  color: var(--l-on-olive);
}
.legal .legal-status { color: var(--l-muted); font-size: 0.9rem; margin: 0.5rem 0 0; }
.legal .legal-foot { margin-top: 2.5rem; padding-top: 1rem; border-top: 1px solid var(--l-line); color: var(--l-muted); font-size: 0.9rem; }
@media (max-width: 560px) {
  .legal table, .legal thead, .legal tbody, .legal tr, .legal th, .legal td { display: block; }
  .legal thead { display: none; }
  .legal tr { padding: 0.5rem 0; border-bottom: 1px solid var(--l-line); }
  .legal td { border: 0; padding: 0.15rem 0; }
  .legal td:first-child { font-weight: 700; }
}
@media (min-width: 768px) {
  .legal .legal-wrap { padding-top: 2rem; }
}