/* MentorKoçum web sayfaları (gizlilik, hesap silme): mağazaların istediği herkese açık sayfalar. Renkler uygulamanın
   MentorKoçum temasından; açık zeminde okunur metin, koyu başlık şeridi. */
:root {
  --zemin: #f6f8f7;
  --kutu: #ffffff;
  --cizgi: #dfe7e3;
  --yazi: #1b2320;
  --soluk: #56645e;
  --vurgu: #2f7a5c;
  --nane: #9fd8be;
  --sari: #f2e23a;
  --serit: #0e1513;
}
@media (prefers-color-scheme: dark) {
  :root {
    --zemin: #0e1513;
    --kutu: #1a2621;
    --cizgi: #2a3a33;
    --yazi: #e8f2ec;
    --soluk: #a9bab2;
    --vurgu: #9fd8be;
  }
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--zemin);
  color: var(--yazi);
  font: 16px/1.65 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
header { background: var(--serit); padding: 22px 16px 18px; }
header .ic { max-width: 760px; margin: 0 auto; }
header img { height: 44px; display: block; }
main { max-width: 760px; margin: 0 auto; padding: 24px 16px 56px; }
h1 { font-size: 1.7rem; line-height: 1.25; margin: 0 0 4px; }
.tarih { color: var(--soluk); font-size: 0.9rem; margin: 0 0 24px; }
h2 { font-size: 1.15rem; margin: 34px 0 8px; }
p, li { color: var(--yazi); }
ul { padding-left: 1.2em; }
li { margin: 4px 0; }
.ozet {
  background: var(--kutu);
  border: 1px solid var(--cizgi);
  border-left: 4px solid var(--nane);
  border-radius: 12px;
  padding: 14px 18px;
}
.ozet ul { margin: 6px 0 0; }
.kutu {
  background: var(--kutu);
  border: 1px solid var(--cizgi);
  border-radius: 12px;
  padding: 4px 18px;
}
.adim { counter-reset: adim; list-style: none; padding: 0; }
.adim li { counter-increment: adim; position: relative; padding-left: 38px; margin: 10px 0; }
.adim li::before {
  content: counter(adim);
  position: absolute; left: 0; top: 1px;
  width: 26px; height: 26px; border-radius: 50%;
  background: var(--nane); color: #0e1513;
  font-weight: 700; font-size: 0.85rem;
  display: flex; align-items: center; justify-content: center;
}
.yer { background: var(--sari); color: #1b2320; padding: 0 4px; border-radius: 4px; font-weight: 600; }
a { color: var(--vurgu); }
footer { color: var(--soluk); font-size: 0.85rem; border-top: 1px solid var(--cizgi); margin-top: 40px; padding-top: 14px; }