/* Shared shell for the privacy, KVKK and terms pages. These are read, not sold:
   long-form measure, generous line height, no funnel furniture. */
:root {
  --legal-primary: #0071e3;
  --legal-secondary: #002b57;
  --legal-ink: #1d2a35;
  --legal-muted: #5c6166;
  --legal-rule: #dde5ec;
  --legal-surface: #f6f8fa;
  --legal-font: -apple-system, BlinkMacSystemFont, 'Open Sans', 'Segoe UI', sans-serif;
}

* { box-sizing: border-box; }

body.legal {
  margin: 0;
  font-family: var(--legal-font);
  font-size: 17px;
  line-height: 1.75;
  color: var(--legal-ink);
  background: #fff;
  -webkit-font-smoothing: antialiased;
}

.legal-header {
  background: var(--legal-secondary);
  padding: 18px 0;
}

.legal-header__inner,
.legal-main,
.legal-footer__inner {
  width: min(760px, calc(100% - 48px));
  margin: 0 auto;
}

.legal-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.legal-header__inner img { display: block; width: 150px; height: auto; }

.legal-back {
  color: rgba(255, 255, 255, .85);
  text-decoration: none;
  font-size: 15px;
  font-weight: 600;
  white-space: nowrap;
}

.legal-back:hover { color: #fff; }

.legal-main { padding: 48px 0 72px; }

.legal-main h1 {
  font-size: clamp(28px, 5vw, 40px);
  line-height: 1.2;
  color: var(--legal-secondary);
  margin: 0 0 12px;
}

.legal-updated {
  color: var(--legal-muted);
  font-size: 15px;
  margin: 0 0 40px;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--legal-rule);
}

.legal-main h2 {
  font-size: 22px;
  line-height: 1.3;
  color: var(--legal-secondary);
  margin: 44px 0 14px;
}

.legal-main h3 {
  font-size: 18px;
  color: var(--legal-secondary);
  margin: 28px 0 10px;
}

.legal-main p { margin: 0 0 16px; }
.legal-main ul { margin: 0 0 20px; padding-left: 22px; }
.legal-main li { margin-bottom: 8px; }
.legal-main a { color: var(--legal-primary); }

.legal-main table {
  width: 100%;
  border-collapse: collapse;
  margin: 0 0 24px;
  font-size: 15.5px;
}

.legal-main th,
.legal-main td {
  text-align: left;
  vertical-align: top;
  padding: 12px 14px;
  border-bottom: 1px solid var(--legal-rule);
}

.legal-main th { background: var(--legal-surface); color: var(--legal-secondary); }

/* Wide tables must scroll inside themselves rather than push the page sideways. */
.legal-scroll { overflow-x: auto; margin: 0 0 24px; }
.legal-scroll table { margin: 0; min-width: 480px; }

.legal-callout {
  background: var(--legal-surface);
  border-left: 3px solid var(--legal-primary);
  border-radius: 0 8px 8px 0;
  padding: 18px 20px;
  margin: 0 0 24px;
}

.legal-callout p:last-child { margin-bottom: 0; }

.legal-footer {
  background: var(--legal-surface);
  border-top: 1px solid var(--legal-rule);
  padding: 32px 0;
  font-size: 15px;
  color: var(--legal-muted);
}

.legal-footer__inner {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 24px;
  justify-content: space-between;
  align-items: center;
}

.legal-footer a { color: var(--legal-muted); }
.legal-footer nav { display: flex; flex-wrap: wrap; gap: 8px 20px; }

[dir='rtl'] .legal-main ul { padding-left: 0; padding-right: 22px; }
[dir='rtl'] .legal-main th,
[dir='rtl'] .legal-main td { text-align: right; }
[dir='rtl'] .legal-callout { border-left: 0; border-right: 3px solid var(--legal-primary); border-radius: 8px 0 0 8px; }