/* PassPath — passid-ie.web.app. Uygulamanın renkleri (lib/core/theme/tokens.dart). */
:root {
  --zemin: #0a1628;
  --zemin2: #111c33;
  --cam: rgba(255, 255, 255, 0.05);
  --kenar: rgba(255, 255, 255, 0.09);
  --yazi: #eef3fa;
  --ikincil: #a9b6ca;
  --vurgu: #14eba9;
}
* { box-sizing: border-box; }
html { background: var(--zemin); }
body {
  margin: 0;
  min-height: 100vh;
  background: linear-gradient(180deg, var(--zemin), var(--zemin2));
  color: var(--yazi);
  font: 16px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
main { max-width: 720px; margin: 0 auto; padding: 32px 16px 64px; }
header { display: flex; align-items: center; gap: 12px; margin-bottom: 28px; }
header img.ikon { width: 44px; height: 44px; border-radius: 10px; }
header img.yazi { height: 26px; width: auto; }
nav { display: flex; flex-wrap: wrap; gap: 8px 16px; margin: -12px 0 28px; font-size: 14px; }
a { color: var(--vurgu); }
nav a { text-decoration: none; }
h1 { font-size: 30px; line-height: 1.2; margin: 0 0 8px; }
h2 { font-size: 18px; margin: 0 0 6px; }
p.ozet, .tarih { color: var(--ikincil); }
.tarih { font-size: 14px; }
section {
  background: var(--cam);
  border: 1px solid var(--kenar);
  border-radius: 16px;
  padding: 18px 20px;
  margin: 14px 0;
}
section p, section li { color: var(--ikincil); margin: 6px 0; }
section ul, section ol { padding-left: 20px; margin: 6px 0; }
table { width: 100%; border-collapse: collapse; font-size: 14px; }
th, td { text-align: left; padding: 8px 6px; border-bottom: 1px solid var(--kenar); vertical-align: top; }
th { color: var(--yazi); }
td { color: var(--ikincil); }
footer { margin-top: 40px; color: var(--ikincil); font-size: 13px; }
/* Dil seçici + "İngilizce metin bağlayıcıdır" satırı (tool/web_ceviri.py) */
p.diller { margin: -16px 0 24px; font-size: 13px; color: var(--ikincil); line-height: 1.9; }
p.diller a { text-decoration: none; }
p.diller b { color: var(--yazi); font-weight: 600; }
p.baglayici { color: var(--ikincil); font-size: 14px; margin-top: 28px; }
/* Sağdan sola (ar, ur) */
[dir="rtl"] th, [dir="rtl"] td { text-align: right; }
[dir="rtl"] section ul, [dir="rtl"] section ol { padding-left: 0; padding-right: 20px; }