/* Gizlilik ve KVKK — Ada Cam eşlemesi (D116). Yalnız html[data-tema="ada"].canli altında ve yalnız ekranda
   (@media screen: gizlilik.css'teki yazdırma düzeni aynen kalır). Hukuki metne dokunulmaz.
   Okuma düzeni: kahraman, sekmeler ve panel tek ortalı sütunda (~920 px), gövde satırı ≤ 72ch; panel cam okuma kartı. */
@media screen {
  /* -- tek okuma sütunu -- */
  html[data-tema="ada"].canli .gz-hero { background-image: none; padding-block: clamp(36px, 2rem + 2vw, 64px) clamp(20px, 1rem + 1vw, 32px); }
  html[data-tema="ada"].canli .gz-hero__in { max-width: 920px; gap: 16px; }
  html[data-tema="ada"].canli .gz-hero h1 { font-family: var(--ac-font-baslik); font-weight: 900; letter-spacing: -.02em; color: var(--ac-metin); }
  html[data-tema="ada"].canli .gz-lead { color: var(--ac-metin-2); line-height: 1.6; max-width: 64ch; }
  html[data-tema="ada"].canli .gz-main { max-width: 920px; gap: 24px; padding-top: 8px; }
  html[data-tema="ada"].canli .gz-tabs > button { min-height: 52px; font-weight: 800; }

  /* -- panel: cam okuma kartı -- */
  html[data-tema="ada"].canli .gz-panel {
    max-width: none; gap: 18px; padding: clamp(20px, 1rem + 2.5vw, 44px); color: var(--ac-metin);
    border: 1px solid var(--ac-kenar); border-radius: 28px; background: rgba(255,255,255,.8);
    box-shadow: 0 0 0 1px var(--ac-cizgi), var(--ac-golge), inset 0 1px 0 #FFFFFF;
    -webkit-backdrop-filter: var(--ac-blur); backdrop-filter: var(--ac-blur);
  }
  html[data-tema="ada"].canli .gz-panel:focus-visible { outline: none; box-shadow: var(--ac-odak), var(--ac-golge); }
  html[data-tema="ada"].canli .gz-panel h2 { font-family: var(--ac-font-baslik); font-weight: 900; letter-spacing: -.02em; font-size: clamp(1.5rem, 1.1rem + 1.2vw, 2rem); line-height: 1.15; }
  html[data-tema="ada"].canli .gz-panel > p, html[data-tema="ada"].canli .gz-list, html[data-tema="ada"].canli .gz-steps { max-width: 72ch; }
  html[data-tema="ada"].canli .gz-panel p, html[data-tema="ada"].canli .gz-list, html[data-tema="ada"].canli .gz-steps { line-height: 1.7; }
  html[data-tema="ada"].canli .gz-intro { color: var(--ac-metin-2); }
  /* ara başlık: üstte ince ayraç + boşluk → bölümler ayrışır */
  html[data-tema="ada"].canli .gz-h {
    margin-top: 14px; padding-top: 22px; border-top: 1px solid rgba(91,72,200,.12);
    font-family: var(--ac-font-baslik); font-weight: 900; font-size: 1.3rem; letter-spacing: -.01em; color: var(--ac-metin);
  }
  html[data-tema="ada"].canli .gz-list li::marker, html[data-tema="ada"].canli .gz-steps li::marker { color: #6A45F5; font-weight: 900; }
  html[data-tema="ada"].canli .gz-list--cols { max-width: none; }

  /* -- bilgi kartları -- */
  html[data-tema="ada"].canli .gz-grid { gap: 16px; align-items: start; }
  html[data-tema="ada"].canli .gz-card {
    gap: 10px; padding: 20px 22px; border: 1px solid var(--ac-kenar); border-radius: 22px; background: var(--ac-cam);
    box-shadow: 0 0 0 1px var(--ac-cizgi), 0 8px 20px -14px rgba(var(--ac-golge-r), .4), inset 0 1px 0 #FFFFFF;
  }
  html[data-tema="ada"].canli .gz-card--green { background: linear-gradient(160deg, rgba(214,246,232,.95), rgba(255,255,255,.78) 70%); }
  html[data-tema="ada"].canli .gz-card--blue { background: linear-gradient(160deg, rgba(225,233,255,.95), rgba(255,255,255,.78) 70%); }
  html[data-tema="ada"].canli .gz-card h3 { gap: 12px; font-family: var(--ac-font-baslik); font-weight: 900; color: var(--ac-metin); }
  html[data-tema="ada"].canli .gz-card h3 > .v2-icon {
    width: 40px; height: 40px; padding: 9px; border-radius: 13px; color: #FFFFFF; --v2-icon-fill: rgba(255,255,255,.3);
    background: linear-gradient(140deg, #9B7BFF, #5B6CFF); box-shadow: 0 8px 16px -8px rgba(123,92,255,.75), inset 0 1px 0 rgba(255,255,255,.45);
  }
  html[data-tema="ada"].canli .gz-card--green h3 > .v2-icon { background: linear-gradient(140deg, #34D399, #0E8F6A); box-shadow: 0 8px 16px -8px rgba(20,160,110,.75); }
  html[data-tema="ada"].canli .gz-card--blue h3 > .v2-icon { background: linear-gradient(140deg, #38BDF8, #3B6CFF); box-shadow: 0 8px 16px -8px rgba(56,140,255,.75); }
  html[data-tema="ada"].canli .gz-card p { color: var(--ac-metin-2); }

  /* -- saklama tablosu: cam -- */
  html[data-tema="ada"].canli .gz-table-wrap {
    border: 1px solid var(--ac-kenar); border-radius: 20px; background: rgba(255,255,255,.72);
    box-shadow: 0 0 0 1px var(--ac-cizgi), 0 8px 20px -14px rgba(var(--ac-golge-r), .4);
  }
  html[data-tema="ada"].canli .gz-table { color: var(--ac-metin); }
  html[data-tema="ada"].canli .gz-table th, html[data-tema="ada"].canli .gz-table td { padding: 12px 16px; border-bottom: 1px solid rgba(91,72,200,.1); line-height: 1.5; }
  html[data-tema="ada"].canli .gz-table thead th {
    background: rgba(123,92,255,.08); border-bottom: 1px solid rgba(91,72,200,.16);
    font-family: var(--ac-font-baslik); font-weight: 900; font-size: .82rem; letter-spacing: .06em; text-transform: uppercase; color: #4B2FD1;
  }
  html[data-tema="ada"].canli .gz-table tbody tr:nth-child(even) > * { background: rgba(123,92,255,.035); }
  html[data-tema="ada"].canli .gz-table td { color: var(--ac-metin-2); }
  @media (max-width: 480px) {
    html[data-tema="ada"].canli .gz-table tr { border-bottom: 1px solid rgba(91,72,200,.1); }
    html[data-tema="ada"].canli .gz-table th, html[data-tema="ada"].canli .gz-table td { border-bottom: 0; padding: 4px 16px; }
  }

  /* -- iletişim adresi yer tutucusu: açıkça işaretli kalır, mono değil -- */
  html[data-tema="ada"].canli .gz-todo { font-family: var(--v2-font-body); font-weight: 800; padding: 3px 10px; border-radius: 10px; background: #FFF1C7; color: #6B3A00; box-shadow: inset 0 0 0 1px rgba(200,130,0,.35); }

  /* -- 1–4. sınıf: büyük cam kartlar, ikon karosu -- */
  html[data-tema="ada"].canli .gz-kids { gap: 16px; }
  html[data-tema="ada"].canli .gz-kids li {
    gap: 18px; padding: 18px 20px; border: 1px solid var(--ac-kenar); border-radius: 22px; background: var(--ac-cam);
    box-shadow: 0 0 0 1px var(--ac-cizgi), 0 8px 20px -14px rgba(var(--ac-golge-r), .4), inset 0 1px 0 #FFFFFF;
  }
  html[data-tema="ada"].canli .gz-kids p { color: var(--ac-metin); font-family: var(--ac-font-baslik); font-weight: 800; line-height: 1.35; }
  html[data-tema="ada"].canli .gz-kids__ic {
    width: 60px; height: 60px; border: 0; border-radius: 18px; color: #FFFFFF; background: linear-gradient(140deg, #9B7BFF, #5B6CFF);
    box-shadow: 0 10px 20px -10px rgba(123,92,255,.8), inset 0 1px 0 rgba(255,255,255,.45);
  }
  html[data-tema="ada"].canli .gz-kids__ic .v2-icon { color: #FFFFFF; --v2-icon-fill: rgba(255,255,255,.3); }
  /* renk = anlam: kırmızı "istemiyoruz", yeşil "yardım iste" */
  html[data-tema="ada"].canli .gz-kids__ic--tomato { background: linear-gradient(140deg, #FF8A6B, #E83E5C); box-shadow: 0 10px 20px -10px rgba(232,62,92,.8); }
  html[data-tema="ada"].canli .gz-kids__ic--green { background: linear-gradient(140deg, #34D399, #0E8F6A); box-shadow: 0 10px 20px -10px rgba(20,160,110,.8); }

  /* -- 5–8. sınıf: soru-cevap -- */
  html[data-tema="ada"].canli .gz-qa > div {
    padding: 18px 20px; border: 1px solid var(--ac-kenar); border-radius: 20px; background: var(--ac-cam);
    box-shadow: 0 0 0 1px var(--ac-cizgi), 0 8px 20px -14px rgba(var(--ac-golge-r), .4);
  }
  html[data-tema="ada"].canli .gz-qa dt { gap: 12px; font-family: var(--ac-font-baslik); font-weight: 900; color: var(--ac-metin); }
  html[data-tema="ada"].canli .gz-qa dt > .v2-icon {
    width: 36px; height: 36px; padding: 8px; border-radius: 12px; color: #FFFFFF; --v2-icon-fill: rgba(255,255,255,.3);
    background: linear-gradient(140deg, #9B7BFF, #5B6CFF); box-shadow: 0 6px 14px -8px rgba(123,92,255,.8);
  }
  html[data-tema="ada"].canli .gz-qa dd { max-width: 72ch; color: var(--ac-metin-2); line-height: 1.65; }

  /* -- bu cihazdaki veri -- */
  html[data-tema="ada"].canli .gz-local {
    max-width: none; padding: clamp(20px, 1rem + 1.5vw, 32px); border: 1px solid var(--ac-kenar); border-radius: 24px;
    background: linear-gradient(160deg, rgba(234,229,255,.92), rgba(255,255,255,.72) 70%);
    box-shadow: 0 0 0 1px var(--ac-cizgi), var(--ac-golge);
  }
  html[data-tema="ada"].canli .gz-local h2 { font-family: var(--ac-font-baslik); font-weight: 900; color: var(--ac-metin); }
  html[data-tema="ada"].canli .gz-local p { color: var(--ac-metin-2); max-width: 72ch; }
  html[data-tema="ada"].canli .gz-ek { max-width: 72ch; color: var(--ac-metin-2); }
}

/* -- hareket azaltma / zayıf cihaz -- */
html:is(.efekt-az, .a11y-calm)[data-tema="ada"].canli .gz-panel { -webkit-backdrop-filter: none; backdrop-filter: none; background: #FFFFFF; }