/* Revak'ın ana sayfası, gizlilik ve destek sayfaları (tools/magaza/sayfa.py üretir). Renkler, yazı ve odak çizgisi
   stil.css'ten (açık ve koyu, Kontrastı Artır); burada yalnız okuma sayfasının düzeni var. Satır içi stil yok (CSP). */

.sayfa .ust { max-width: 44rem; padding: 10px 20px 0; gap: 12px; flex-wrap: wrap; }
.sayfa .marka {
  display: inline-flex; align-items: center; gap: 8px; min-height: 44px; text-decoration: none;
}
.sayfa .marka img { width: 0.8em; height: 1em; flex: none; }
.diller, .sayfalar { display: flex; flex-wrap: wrap; gap: 0 18px; }
.diller a, .sayfalar a {
  display: inline-flex; align-items: center; min-height: 44px; padding: 0 2px; font-weight: 500;
  text-underline-offset: 3px;
}
.sayfa main { display: block; max-width: 44rem; padding: 8px 20px 64px; }
.sayfa article { scroll-margin-top: 16px; }
.sayfa article + article { border-top: 1px solid var(--cizgi); margin-top: 48px; padding-top: 8px; }
.sayfa h1 { margin: 24px 0 12px; }
.sayfa h2 { margin: 32px 0 8px; }
.sayfa p { margin: 0 0 14px; overflow-wrap: break-word; }
.sayfa ul, .sayfa ol { margin: 0 0 14px; padding-inline-start: 1.3em; }
.sayfa li { overflow-wrap: break-word; }
.sayfa li + li { margin-top: 8px; }
.sayfa a { overflow-wrap: anywhere; }
.sayfa-ana h1 + p { font-size: 1.1875rem; line-height: 1.5; color: var(--murekkep2); }
.sayfalar { margin-top: 32px; padding-top: 8px; border-top: 1px solid var(--cizgi); font-size: 0.9375rem; }

@media (min-width: 40rem) {
  .sayfa main { padding-top: 16px; }
  .sayfa h1 { font-size: 2.25rem; }
}