/* ============================================================================
   Yasal sayfalar. Ana sayfanın token zemini aynen kullanılıyor; burada yalnızca
   uzun metin için okuma düzeni var. Scroll motoru bu sayfalarda yüklenmiyor.
   ========================================================================== */

body { padding-bottom: 0; }

.doc {
  width: 100%; max-width: 46rem;
  margin-inline: auto;
  padding: calc(var(--otd-bar-h) + var(--sc-9)) var(--sc-gutter) var(--sc-9);
}
.doc__back {
  display: inline-flex; align-items: center; gap: 0.5rem;
  font-family: var(--sc-font-mono); font-size: 0.7rem;
  letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--sc-ink-soft); text-decoration: none;
}
.doc__back:hover { color: var(--sc-ink); }
.doc h1 {
  margin: var(--sc-6) 0 0;
  font-family: var(--sc-font-display);
  font-size: var(--sc-t-2xl); font-weight: 300;
  line-height: 1.06; letter-spacing: var(--sc-track-snug);
  text-wrap: balance;
}
.doc__meta {
  margin-top: var(--sc-5);
  padding: var(--sc-4) var(--sc-5);
  border: 1px solid var(--otd-edge); border-radius: var(--sc-r-sm);
  background: var(--sc-surface);
  font-family: var(--sc-font-mono); font-size: 0.74rem; line-height: 1.9;
  color: var(--sc-ink-soft);
}
.doc__meta b { color: var(--sc-ink); font-weight: 500; }
.doc__meta dl { margin: 0; display: grid; grid-template-columns: 11rem minmax(0, 1fr); gap: 0.3rem var(--sc-4); }
.doc__meta dt { color: var(--sc-ink-soft); }
.doc__meta dd { margin: 0; color: var(--sc-ink); }

.doc section { margin-top: var(--sc-8); }
.doc h2 {
  margin: 0 0 var(--sc-4);
  font-family: var(--sc-font-display);
  font-size: var(--sc-t-lg); font-weight: 400;
  letter-spacing: var(--sc-track-snug);
  padding-bottom: var(--sc-3);
  border-bottom: 1px solid var(--sc-hairline);
}
.doc h3 { margin: var(--sc-6) 0 var(--sc-3); font-size: 1rem; font-weight: 500; }
.doc p { max-width: var(--sc-measure); color: var(--sc-ink-soft); line-height: 1.7; }
.doc p + p { margin-top: var(--sc-4); }
.doc ul, .doc ol { max-width: var(--sc-measure); color: var(--sc-ink-soft); padding-left: 1.2rem; }
.doc li + li { margin-top: 0.5rem; }

/* Metni sen yazacaksın. Bu kutu, doldurulmamış her bölümde duruyor ve
   yayına çıkmadan önce kaldırılması gerektiğini açıkça söylüyor. */
.todo {
  border: 1px dashed var(--sc-accent);
  border-radius: var(--sc-r-sm);
  padding: var(--sc-4) var(--sc-5);
  background: color-mix(in oklab, var(--sc-accent) 6%, transparent);
}
.todo p { margin: 0; color: var(--sc-ink); font-size: 0.9rem; }
.todo p + p { margin-top: var(--sc-2); color: var(--sc-ink-soft); }
.todo code { font-family: var(--sc-font-mono); font-size: 0.82rem; color: var(--sc-accent); }

.doc__foot {
  margin-top: var(--sc-9);
  padding-top: var(--sc-5);
  border-top: 1px solid var(--sc-hairline);
  display: flex; flex-wrap: wrap; gap: var(--sc-4) var(--sc-6);
  justify-content: space-between;
  font-size: 0.8rem; color: var(--sc-ink-soft);
}
.doc__foot nav { display: flex; flex-wrap: wrap; gap: var(--sc-4); }
.doc__foot a { color: var(--sc-ink-soft); text-decoration: none; }
.doc__foot a:hover { color: var(--sc-ink); text-decoration: underline; }
.doc__foot a[aria-current="page"] { color: var(--sc-ink); }

@media (max-width: 860px) {
  .doc__meta dl { grid-template-columns: minmax(0, 1fr); }
  .doc__meta dt { margin-top: var(--sc-2); }
}