/* Lionvia web sayfalari -- tek stil dosyasi, derleme adimi yok. */
:root {
  --bg: #ffffff;
  --fg: #1a1a1a;
  --sessiz: #5a5a5a;
  --cizgi: #e3e3e3;
  --vurgu: #8a6508;  /* beyaz uzerinde 5.4:1 -- once #b8860b idi, 3.25:1 ile AA altindaydi */
  --uyari-bg: #fff8e1;
  --uyari-cizgi: #e0a800;
  --kutu: #f7f7f7;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #121212;
    --fg: #ececec;
    --sessiz: #a0a0a0;
    --cizgi: #2e2e2e;
    --vurgu: #e0b13a;
    --uyari-bg: #2a2413;
    --uyari-cizgi: #8a6d1f;
    --kutu: #1c1c1c;
  }
}

* { box-sizing: border-box; }
body {
  margin: 0;
  padding: 0 1.25rem 4rem;
  background: var(--bg);
  color: var(--fg);
  font: 100%/1.7 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
.sarmal { max-width: 46rem; margin: 0 auto; }

header {
  display: flex; align-items: center; justify-content: space-between;
  flex-wrap: wrap; gap: 1rem;
  padding: 1.5rem 0; border-bottom: 1px solid var(--cizgi); margin-bottom: 2rem;
}
.marka { font-size: 1.35rem; font-weight: 700; text-decoration: none; color: var(--fg); }
.marka em { font-style: normal; color: var(--vurgu); }
nav a {
  color: var(--sessiz);
  margin-left: 1.1rem;
  font-size: .95rem;
  /* Dokunma hedefi: onceki satir ici baglantilar 17px yuksekligindeydi;
     Apple 44pt, WCAG 2.2 ise 24px istiyor. */
  display: inline-block;
  padding: .6rem 0;
  min-height: 44px;
  white-space: nowrap;          /* "Hesap Silme" kelime ortasindan boluniyordu */
  text-decoration: underline;   /* dokunmatikte hover yok: baglanti oldugu hep gorunsun */
  text-underline-offset: .25em;
  text-decoration-color: var(--cizgi);
}
nav a:hover, nav a:focus-visible { color: var(--vurgu); text-decoration-color: currentColor; }

h1 { font-size: 1.9rem; line-height: 1.25; margin: 0 0 .5rem; }
h2 { font-size: 1.2rem; margin: 2.2rem 0 .6rem; }
h3 { font-size: 1rem; margin: 1.5rem 0 .4rem; }
p, li { color: var(--fg); }
a { color: var(--vurgu); }
.tarih { color: var(--sessiz); font-size: .88rem; margin-bottom: 2rem; }

/* Her sayfada tekrarlanan "icerik saglamiyoruz" kutusu. */
.uyari {
  background: var(--uyari-bg);
  border: 1px solid var(--uyari-cizgi);
  border-radius: 10px;
  padding: 1.1rem 1.25rem;
  margin: 1.5rem 0;
}
/* Yalniz kutunun BASLIGI blok olmali. Once `.uyari strong` yaziliydi ve
   kural paragraf icindeki kalin kelimelere de vuruyordu: "...uygulama
   bostur; icerik ancak..." cumlesi "bostur"dan sonra ikiye boluniyordu. */
.uyari > strong { display: block; margin-bottom: .35rem; }
.uyari p:last-child { margin-bottom: 0; }

.kutu {
  background: var(--kutu);
  border: 1px solid var(--cizgi);
  border-radius: 10px;
  padding: 1.1rem 1.25rem;
  margin: 1.25rem 0;
}

table { border-collapse: collapse; width: 100%; margin: 1rem 0; font-size: .94rem; }
th, td { border: 1px solid var(--cizgi); padding: .55rem .7rem; text-align: left; vertical-align: top; }
th { background: var(--kutu); font-weight: 600; }
.kaydir { overflow-x: auto; }

code { background: var(--kutu); padding: .12rem .35rem; border-radius: 4px; font-size: .9em; }

footer {
  margin-top: 3.5rem; padding-top: 1.25rem;
  border-top: 1px solid var(--cizgi);
  color: var(--sessiz); font-size: .86rem;
}
footer a { color: var(--sessiz); }
.en { border-top: 1px dashed var(--cizgi); margin-top: 3rem; padding-top: 2rem; }
.en h2:first-of-type { margin-top: 0; }


/* --- Telefonda tablolar --- */
/* .kaydir sarmali vardi ama table{width:100%} yuzunden hic devreye girmiyordu:
   tablo daima sarmali kadar daralip sutunlari okunmaz hale getiriyordu. Artik
   dar ekranda tablo kendi asgari genisligini koruyup yatay kayiyor. */
.kaydir { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.kaydir table { min-width: 34rem; }
@media (max-width: 30rem) {
  body { padding: 0 1rem 3rem; }
  h1 { font-size: 1.6rem; }
  footer { font-size: .9rem; }
}

/* Klavyeyle gezinenler icin gorunur odak halkasi (hicbiri tanimli degildi). */
a:focus-visible { outline: 2px solid var(--vurgu); outline-offset: 3px; border-radius: 3px; }