/* Hukuk metni sayfaları (/gizlilik, /aydinlatma, /sozlesme, /sozlesme/veri-isleme): sade okuma düzeni. Renk ve ölçü tokens.css'ten. */
*, *::before, *::after { box-sizing: border-box; }

body.legal {
  margin: 0;
  background: var(--color-paper);
  color: var(--color-ink);
  font-family: var(--font-family);
  font-size: var(--font-body);
  line-height: 1.6;
  -webkit-text-size-adjust: 100%;
}

.draft-strip {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-xs) var(--space-m);
  align-items: baseline;
  padding: var(--space-m) var(--space-l);
  background: var(--color-warningsoft);
  color: var(--color-warning);
  border-bottom: 1px solid var(--color-line);
  font-size: var(--font-caption);
}
.draft-strip strong { font-size: var(--font-body); text-transform: uppercase; letter-spacing: 0.04em; }

.legal-head {
  max-width: 820px;
  margin: 0 auto;
  padding: var(--space-xl) var(--space-l) 0;
}
.legal-brand {
  color: var(--color-ink);
  font-weight: 600;
  text-decoration: none;
  font-size: var(--font-title);
}
.legal-nav {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-s);
  margin-top: var(--space-l);
}
.legal-nav a {
  display: inline-flex;
  align-items: center;
  min-height: var(--touch-min);
  padding: 0 var(--space-l);
  border: 1px solid var(--color-buttonline);
  border-radius: var(--radius-pill);
  background: var(--color-surface);
  color: var(--color-ink);
  text-decoration: none;
  font-size: var(--font-caption);
}
.legal-nav a:hover { background: var(--color-accentsoft); }
.legal-nav a.active { border-color: var(--color-accent); color: var(--color-accent); font-weight: 600; }

.legal-body { max-width: 820px; margin: 0 auto; padding: var(--space-l); }
.legal-text {
  background: var(--color-surface);
  border: 1px solid var(--color-line);
  border-radius: var(--radius-card);
  padding: var(--space-xl);
  overflow-wrap: anywhere;
}
.legal-text h1 { font-size: var(--font-headline); line-height: 1.25; margin: 0 0 var(--space-l); }
.legal-text h2 { font-size: var(--font-title); line-height: 1.3; margin: var(--space-xxl) 0 var(--space-m); }
.legal-text h3 { font-size: var(--font-body-large); margin: var(--space-xl) 0 var(--space-s); }
.legal-text p, .legal-text ul, .legal-text ol { margin: 0 0 var(--space-m); }
.legal-text li { margin-bottom: var(--space-xs); }
/* Metin içi bağlantı (docs/TASARIM.md §14): altçizgi yok; mavi ve kalın 600, üzerinde durunca koyu mavi ve açık mavi zemin, klavyede 2px halka */
.legal-text a { color: var(--color-accent); font-weight: 600; text-decoration: none; border-radius: 4px; transition: background-color 120ms ease, color 120ms ease; }
@media (hover: hover) { .legal-text a:hover { color: var(--color-accenthover); background: var(--color-accentsoft); } }
.legal-text a:active { color: var(--color-accentpressed); background: var(--color-accentsoft); }
.legal-text a:focus-visible, .legal-nav a:focus-visible, .legal-brand:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 2px; }
.legal-text blockquote {
  margin: 0 0 var(--space-l);
  padding: var(--space-m) var(--space-l);
  border-left: 3px solid var(--color-accent);
  background: var(--color-accentsoft);
}
/* Tablolar dar ekranda yatay kayar; sayfa kaymaz */
.legal-text table {
  display: block;
  max-width: 100%;
  overflow-x: auto;
  border-collapse: collapse;
  margin: 0 0 var(--space-l);
  font-size: var(--font-caption);
}
.legal-text th, .legal-text td {
  border: 1px solid var(--color-line);
  padding: var(--space-s) var(--space-m);
  text-align: left;
  vertical-align: top;
  min-width: 120px;
}
.legal-text th { background: var(--color-sunken); font-weight: 600; }

.legal-foot {
  max-width: 820px;
  margin: 0 auto;
  padding: var(--space-l) var(--space-l) var(--space-xxl);
  color: var(--color-inkmuted);
  font-size: var(--font-label);
  text-align: center;
}

@media (max-width: 600px) {
  .legal-head { padding-top: var(--space-l); }
  .legal-body { padding: var(--space-m); }
  .legal-text { padding: var(--space-l); }
  .legal-text h1 { font-size: var(--font-title); }
}