:root{
  --zemin:#faf9f7; --kart:#ffffff; --kenar:#e2ded8; --yazi:#1c1a17; --soluk:#6b6660;
  --vurgu:#7c2d12; --iyi:#15803d; --kotu:#b91c1c; --uyari:#b45309;
  --marka-yesil:#156c52; --marka-yesil-koyu:#0d4938;
  --editor-font: "Iowan Old Style", Georgia, "Times New Roman", serif;
  --editor-boy: 16.5px; --editor-satir: 1.85; --editor-ic: 22px; --editor-sol: 62px;
}
@media (prefers-color-scheme: dark){
  :root{
    --zemin:#171614; --kart:#201e1b; --kenar:#38342f; --yazi:#eae6e0; --soluk:#9c958c;
    --vurgu:#fb923c; --iyi:#4ade80; --kotu:#f87171; --uyari:#fbbf24;
    --marka-yesil:#2f9d78; --marka-yesil-koyu:#42b98c;
  }
}
*{box-sizing:border-box}
html,body{height:100%;margin:0}
body{
  background:var(--zemin); color:var(--yazi);
  font:13px/1.5 -apple-system,"Segoe UI",Roboto,sans-serif;
  display:flex; flex-direction:column; overflow:hidden;
}

/* ------------------------------------------------------------- panel geçişi */
/* Anasayfa / Editör / Yardım — tek sayfa, sayfa geçişi yok, sadece göster/gizle.
   Her panelin kendi başlığında da [data-git] düğmeleri var (Editör'ün #ust'unda,
   Yardım'ın kendi üst çubuğunda, Anasayfa'nın nav'ında) — üstteki ortak sekme
   çubuğu (.sekme-cubugu-ust, deneme 2026-08-13) bunlara EK, yerine değil. */
.panel{flex:1;min-height:0}
.panel-editor,.panel-yardim{display:flex;flex-direction:column;overflow:hidden}
.panel-ana{overflow-y:auto}

/* Editör dar/mobil/dokunmatik ekranda çalışmaz — çok sütunlu masaüstü düzeni (dosya
   listesi + editör + analiz paneli) en az ~1000px genişlik ister, ayrıca hassas
   tıklama/hover tooltip/klavye kısayolu gibi fare+klavye varsayan etkileşimler
   dokunmatikte işlemez. İki ayrı koşul: (1) dar ekran (max-width:1024px) — tablet
   dikey dahil; (2) dokunmatik-öncelikli girdi (hover:none/pointer:coarse) — genişlik
   ne olursa olsun (örn. yatay iPad Pro 1366px'i de yakalar, saf genişlik kontrolü
   kaçırırdı). İkisinden biri doğruysa gerçek arayüz yerine sadece bu uyarı gösterilir. */
.editor-mobil-uyari{display:none}
@media (max-width:1024px), (hover:none), (pointer:coarse){
  #panelEditor #ust,#panelEditor #destekUyari,#panelEditor #govde{display:none!important}
  .editor-mobil-uyari{display:flex;flex-direction:column;align-items:center;
    justify-content:center;text-align:center;flex:1;gap:12px;padding:40px 24px}
  .editor-mobil-uyari b{font-size:16px}
  .editor-mobil-uyari p{margin:0;max-width:360px;color:var(--soluk);font-size:13.5px;line-height:1.6}
}

/* --------------------------------------------------- üst sekme çubuğu (deneme) */
/* ornek2.html'deki "dosya klasörü" görünümünden uyarlandı — eğik kenarlı, üst üste
   binen sekmeler. Kasten border-suz: görsel şekil tamamen ::before/::after arka
   planından geliyor (ornek2.html'in orijinal tekniği), aktif renk --marka-yesil
   (dark mode'da otomatik açılır, aynı ton buton/ikonlarda da kullanılıyor). */
.sekme-cubugu-ust{flex:0 0 auto;background:var(--kart);padding:14px 18px 0;
  border-bottom:1px solid var(--kenar)}
.sc-ust-satir{display:flex}
.sc-tab{
  --slant:34px; --overlap:22px; --radius:14px; --bg:var(--zemin); --sinir:var(--kenar);
  position:relative; flex:0 0 auto; border:0; cursor:pointer; font-family:inherit;
  font-size:13px; font-weight:600; text-align:left; color:var(--soluk);
  background:transparent; padding:10px calc(var(--slant) + 22px) 13px 20px;
  margin-right:calc(var(--overlap) * -1); margin-bottom:-1px; transition:color .15s;
}
.sc-tab::before{content:"";position:absolute;inset:0 calc(var(--slant) + 12px) 0 0;
  background:var(--bg);border-top-left-radius:var(--radius);z-index:-1;
  box-shadow:inset 0 0 0 1px var(--sinir);transition:background .15s;
  transform:translateZ(0);backface-visibility:hidden}
.sc-tab::after{content:"";position:absolute;top:0;right:0;bottom:0;
  width:calc(var(--slant) + 22px);background:var(--bg);
  border-top-right-radius:var(--radius);
  transform:skewX(28deg) translateZ(0);backface-visibility:hidden;
  transform-origin:bottom right;z-index:-1;
  box-shadow:inset 0 1px 0 0 var(--sinir), inset -1px 0 0 0 var(--sinir);transition:background .15s}
.sc-tab:nth-child(1){z-index:3}
.sc-tab:nth-child(2){z-index:2}
.sc-tab:nth-child(3){z-index:1}
.sc-tab.active{--bg:var(--marka-yesil);--sinir:transparent;color:#fff}
.sc-tab:not(.active):hover{--bg:var(--kenar);color:var(--yazi)}

/* ---------------------------------------------------------------- üst şerit */
#ust{
  display:flex; align-items:center; gap:16px; padding:8px 14px;
  border-bottom:1px solid var(--kenar); background:var(--kart); flex:0 0 auto;
}
.marka{display:flex;align-items:center;gap:9px;font-weight:700;letter-spacing:.06em;font-size:12px}
.marka span{display:block;font-weight:400;letter-spacing:0;color:var(--soluk);font-size:10.5px}
.marka-ikon{flex:0 0 auto;width:18px;height:18px;border-radius:50%;border:3px solid var(--marka-yesil);
  position:relative;box-shadow:inset 0 0 0 3px var(--kart)}
.marka-ikon:after{content:"";width:4px;height:4px;background:var(--marka-yesil);border-radius:50%;
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.klasor-kutu{display:flex;gap:6px;flex:1;max-width:820px;align-items:center;min-width:0}
.klasor-adi{
  font-family:ui-monospace,Consolas,monospace;font-size:11.5px;color:var(--soluk);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;
}
#sonKlasor{font-size:11px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.destek-uyari{
  padding:7px 14px;background:#fef3c7;color:#78350f;font-size:11.5px;
  border-bottom:1px solid var(--kenar);flex:0 0 auto;
}
@media (prefers-color-scheme: dark){.destek-uyari{background:#2c1c05;color:#fcd34d}}
button{
  padding:6px 11px;border:1px solid var(--kenar);border-radius:5px;background:var(--zemin);
  color:var(--yazi);cursor:pointer;font-size:12px;font-family:inherit;
}
button:hover:not(:disabled){border-color:var(--soluk)}
button:disabled{opacity:.4;cursor:default}
button.birincil{background:var(--marka-yesil);color:#fff;border-color:var(--marka-yesil);font-weight:600}
button.birincil:hover:not(:disabled){background:var(--marka-yesil-koyu);border-color:var(--marka-yesil-koyu)}
.sayaclar{font-size:11px;color:var(--soluk);white-space:nowrap;font-variant-numeric:tabular-nums}
.sayaclar b{color:var(--yazi);font-weight:600}

/* ------------------------------------------------------------------- gövde */
#govde{flex:1;display:grid;grid-template-columns:220px minmax(0,1fr) 400px;min-height:0}
#sol,#sag{background:var(--kart);display:flex;flex-direction:column;min-height:0}
#sol{border-right:1px solid var(--kenar)}
#sag{border-left:1px solid var(--kenar)}
.baslik{
  padding:8px 12px;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--soluk);border-bottom:1px solid var(--kenar);flex:0 0 auto;
}
.dosya-listesi{list-style:none;margin:0;padding:4px;overflow-y:auto;flex:1}
.dosya-listesi li{
  padding:5px 8px;border-radius:4px;cursor:pointer;display:flex;
  justify-content:space-between;gap:6px;align-items:center;
}
.dosya-listesi li:hover{background:var(--zemin)}
.dosya-listesi li.aktif{background:var(--yazi);color:var(--zemin)}
.dosya-listesi .ad{font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dosya-listesi li.eski .ad{opacity:.42;font-style:italic}
.rozet{font-size:9.5px;padding:1px 5px;border-radius:8px;background:var(--zemin);
  color:var(--soluk);border:1px solid var(--kenar);flex:0 0 auto;font-variant-numeric:tabular-nums}
.dosya-listesi li.aktif .rozet{background:transparent;color:var(--zemin);border-color:currentColor}
.rozet{font-variant-numeric:tabular-nums;min-width:30px;text-align:center;font-weight:600}
.rozet.yesil  {background:#dcfce7;color:#15803d;border-color:#bbf7d0}
.rozet.sari   {background:#fef3c7;color:#a16207;border-color:#fde68a}
.rozet.kirmizi{background:#fee2e2;color:#b91c1c;border-color:#fecaca}
@media (prefers-color-scheme: dark){
  .rozet.yesil  {background:#052e16;color:#86efac;border-color:#166534}
  .rozet.sari   {background:#2c1c05;color:#fcd34d;border-color:#78350f}
  .rozet.kirmizi{background:#450a0a;color:#fca5a5;border-color:#7f1d1d}
}
.dosya-listesi li.aktif .rozet{border-color:currentColor}
.lejant i.bant{width:14px;height:10px;border:1px solid var(--kenar)}
i.bant.yesil{background:#dcfce7;border-color:#bbf7d0}
i.bant.sari{background:#fef3c7;border-color:#fde68a}
i.bant.kirmizi{background:#fee2e2;border-color:#fecaca}
@media (prefers-color-scheme: dark){
  i.bant.yesil{background:#166534;border-color:#166534}
  i.bant.sari{background:#78350f;border-color:#78350f}
  i.bant.kirmizi{background:#7f1d1d;border-color:#7f1d1d}
}
/* fazla steril: kategorinin boşalması. Kırmızı değil (hata değil) ama yeşil de değil. */
.rozet.steril{background:#e0e7ff;color:#3730a3;border-color:#c7d2fe}
i.bant.steril{background:#e0e7ff;border-color:#c7d2fe}
.bant-yazi.steril{background:#e0e7ff;color:#3730a3}
.uyari-satir.steril{background:#e0e7ff;color:#312e81;border-left-color:#4f46e5}
@media (prefers-color-scheme: dark){
  .rozet.steril{background:#1e1b4b;color:#a5b4fc;border-color:#312e81}
  i.bant.steril{background:#312e81;border-color:#312e81}
  .bant-yazi.steril{background:#1e1b4b;color:#a5b4fc}
  .uyari-satir.steril{background:#1e1b4b;color:#c7d2fe;border-left-color:#6366f1}
}

/* dağılım histogramı — her kutu bir sayfa */
td.hist{white-space:nowrap;line-height:1}
.hk{display:inline-block;width:6px;height:11px;margin-right:1px;border-radius:1px;
  vertical-align:middle;border:1px solid var(--kenar)}
.hk.bos{background:transparent}
.hk.dolu1{background:#bfdbfe;border-color:#93c5fd}
.hk.dolu2{background:#60a5fa;border-color:#3b82f6}
.hk.dolu3{background:#b91c1c;border-color:#b91c1c}
@media (prefers-color-scheme: dark){
  .hk.dolu1{background:#1e3a8a;border-color:#1e40af}
  .hk.dolu2{background:#2563eb;border-color:#3b82f6}
  .hk.dolu3{background:#dc2626;border-color:#dc2626}
}
.hist-yazi{font-size:9.5px;color:var(--soluk);margin-left:5px;font-variant-numeric:tabular-nums}
mark.sonuk{box-shadow:inset 0 -0.12em 0 0 var(--m,#ddd)}

.bant-yazi{padding:1px 5px;border-radius:3px;font-weight:700;font-variant-numeric:tabular-nums}
.bant-yazi.yesil{background:#dcfce7;color:#15803d}
.bant-yazi.sari{background:#fef3c7;color:#a16207}
.bant-yazi.kirmizi{background:#fee2e2;color:#b91c1c}
@media (prefers-color-scheme: dark){
  .bant-yazi.yesil{background:#052e16;color:#86efac}
  .bant-yazi.sari{background:#2c1c05;color:#fcd34d}
  .bant-yazi.kirmizi{background:#450a0a;color:#fca5a5}
}
.sol-alt{border-top:1px solid var(--kenar);padding:8px 10px;flex:0 0 auto;max-height:230px;overflow-y:auto}
.lejant div{display:flex;align-items:center;gap:6px;font-size:10.5px;padding:2px 0;color:var(--soluk)}
.lejant i{width:10px;height:10px;border-radius:2px;flex:0 0 auto}

/* ------------------------------------------------------------------ editör */
#orta{display:flex;flex-direction:column;min-width:0;min-height:0}
.orta-ust{
  display:flex;align-items:center;gap:10px;padding:6px 12px;
  border-bottom:1px solid var(--kenar);background:var(--kart);flex:0 0 auto;
}
.acik-dosya{font-family:ui-monospace,Consolas,monospace;font-size:11.5px;flex:1;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--soluk)}
.orta-dugmeler{display:flex;gap:6px;align-items:center;flex:0 0 auto}
#kaydetR{max-width:270px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.minik{font-size:10.5px;color:var(--soluk);display:flex;align-items:center;gap:3px;cursor:pointer}

.arama-cubugu{
  display:flex;align-items:center;gap:6px;padding:5px 12px;flex:0 0 auto;
  border-bottom:1px solid var(--kenar);background:var(--kart);font-size:11px;
}
.arama-cubugu input[type=text]{
  padding:3px 8px;border:1px solid var(--kenar);border-radius:4px;background:var(--zemin);
  color:var(--yazi);font-size:12px;width:180px;
}
.arama-cubugu input.bulunamadi{border-color:var(--kotu);color:var(--kotu)}
.arama-gez{display:flex;align-items:center;gap:4px;font-variant-numeric:tabular-nums}
.arama-gez button{padding:0 8px;font-size:14px;line-height:1.3}
#aramaKapat{margin-left:auto}
#aramaHepsi{border-color:var(--uyari)}
mark.arama{box-shadow:inset 0 -1.05em 0 0 var(--m,#f59e0b33)}
mark.arama-etkin{box-shadow:inset 0 -1.05em 0 0 var(--m,#f59e0b88)}

.odak-cubugu{
  display:flex;align-items:center;gap:12px;padding:5px 12px;flex:0 0 auto;
  border-bottom:1px solid var(--kenar);background:var(--zemin);font-size:11px;
}
.odak-cubugu .aile-adi{font-size:11.5px}
.odak-sayi{color:var(--soluk)}
.odak-gez{display:flex;align-items:center;gap:5px;font-variant-numeric:tabular-nums}
.odak-gez button{padding:0 8px;font-size:14px;line-height:1.3}
#odakKapat{margin-left:auto;font-size:10.5px;color:var(--soluk)}
tr.odakli{background:var(--zemin);box-shadow:inset 2px 0 0 0 var(--vurgu)}

.editor{position:relative;flex:1;min-height:0;overflow:hidden;background:var(--zemin)}
.backdrop,.editor textarea{
  position:absolute;inset:0;width:100%;height:100%;
  padding:var(--editor-ic) 26px var(--editor-ic) var(--editor-sol);margin:0;border:0;
  font-family:var(--editor-font);font-size:var(--editor-boy);line-height:var(--editor-satir);
  letter-spacing:0;tab-size:4;
  white-space:pre-wrap;overflow-wrap:break-word;word-break:normal;
}
.backdrop{overflow:hidden;pointer-events:none;color:transparent}
.highlights{margin:0;padding:0}
/* satır numarası oluğu */
.ln{position:relative;margin:0;padding:0}
.ln>.no{
  position:absolute;left:calc(-1 * var(--editor-sol) + 14px);width:34px;
  text-align:right;color:var(--soluk);opacity:.55;
  font-family:ui-monospace,Consolas,monospace;font-size:10.5px;
  line-height:var(--editor-satir);user-select:none;
}
.editor::before{
  content:"";position:absolute;top:0;bottom:0;left:calc(var(--editor-sol) - 14px);
  width:1px;background:var(--kenar);pointer-events:none;z-index:1;
}
.editor textarea{
  overflow-y:auto;background:transparent;color:var(--yazi);resize:none;outline:none;
  caret-color:var(--vurgu);
}
mark{background:transparent;color:transparent;border-radius:2px;padding:0;
  box-shadow:inset 0 -0.42em 0 0 var(--m,#fde68a);}
mark.d{box-shadow:inset 0 -0.12em 0 0 var(--m,#fde68a)}     /* diyalog: ince çizgi */
mark.hedef{box-shadow:inset 0 -1.05em 0 0 var(--m,#fde68a)}
.durum-cubugu{
  padding:4px 12px;border-top:1px solid var(--kenar);background:var(--kart);
  font-size:10.5px;color:var(--soluk);flex:0 0 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}

/* -------------------------------------------------------------- sağ panel */
.sekmeler{display:flex;border-bottom:1px solid var(--kenar);flex:0 0 auto}
.sekmeler button{
  flex:1;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;
  padding:8px 4px;font-size:11px;color:var(--soluk);
}
.sekmeler button.aktif{color:var(--yazi);border-bottom-color:var(--vurgu);font-weight:600}
.sekme-icerik{overflow-y:auto;flex:1;padding:10px 12px;min-height:0}
.bos{color:var(--soluk);font-size:11.5px;font-style:italic}

.uyari-kutusu{padding:8px 12px;border-bottom:1px solid var(--kenar);background:#fff7ed;flex:0 0 auto;
  max-height:190px;overflow-y:auto}
@media (prefers-color-scheme: dark){.uyari-kutusu{background:#291c0c}}
.uyari{font-size:11px;line-height:1.45;padding:3px 0;display:flex;gap:6px}
.uyari .tur{flex:0 0 auto;font-weight:700;font-size:9.5px;letter-spacing:.05em;padding-top:1px}
.uyari.tasima .tur{color:var(--kotu)} .uyari.yeni .tur{color:var(--kotu)}
.uyari.artis .tur{color:var(--uyari)} .uyari.yukselen .tur{color:var(--uyari)}

/* Yatay çizgi tablo kenarlıklarıyla aynı renkte olduğu için kayboluyordu, ayırt edici
   değildi. Onun yerine dikey bir vurgu çubuğu — yönü farklı olduğu için tablo çizgileriyle
   karışmaz, yeni bir ikon/sembol icat etmeye gerek kalmadan bölüm başlangıcını işaretler. */
h4.blok{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--soluk);
  margin:20px 0 8px;font-weight:600;padding:1px 0 1px 9px;border-left:3px solid var(--vurgu)}
h4.blok:first-child{margin-top:0}
.aciklama{font-size:10.5px;color:var(--soluk);line-height:1.5;margin:0 0 8px}

table{width:100%;border-collapse:collapse;font-size:11px;font-variant-numeric:tabular-nums}
th{text-align:left;font-weight:600;color:var(--soluk);font-size:10px;padding:3px 5px;
  border-bottom:1px solid var(--kenar);white-space:nowrap}
td{padding:3px 5px;border-bottom:1px solid var(--kenar)}
td.sag,th.sag{text-align:right}
tr.tikla{cursor:pointer} tr.tikla:hover{background:var(--zemin)}
.aile-adi{display:flex;align-items:center;gap:5px}
.aile-adi i{width:9px;height:9px;border-radius:2px;flex:0 0 auto}
.kat{font-weight:700}
.kat.yuksek{color:var(--kotu)}
.sifir{color:var(--soluk);opacity:.5}

.kume{border:1px solid var(--kenar);border-radius:5px;padding:6px 8px;margin-bottom:6px;cursor:pointer}
.kume:hover{border-color:var(--soluk)}
.kume-ust{display:flex;justify-content:space-between;gap:8px;font-size:11px;margin-bottom:3px}
.kume-ust b{font-weight:700}
.kume-ust .yer{color:var(--soluk);font-size:10px;white-space:nowrap}
.kume-ornek{font-size:10.5px;color:var(--soluk);font-family:var(--editor-font);line-height:1.4}

.kesif-satir td:first-child{font-family:ui-monospace,Consolas,monospace}
.ekle-btn{padding:0 5px;font-size:11px;line-height:1.5;border-radius:3px}

.kova-etiket{font-size:9px;padding:0 4px;border-radius:3px;border:1px solid var(--kenar);color:var(--soluk)}

.uyari-satir{font-size:11px;line-height:1.5;padding:6px 9px;border-radius:5px;margin:0 0 8px;
  border-left:3px solid var(--kenar)}
.uyari-satir.kirmizi{background:#fee2e2;color:#7f1d1d;border-left-color:#b91c1c}
.uyari-satir.sari{background:#fef3c7;color:#78350f;border-left-color:#a16207}
.uyari-satir.yesil{background:#dcfce7;color:#14532d;border-left-color:#15803d}
@media (prefers-color-scheme: dark){
  .uyari-satir.kirmizi{background:#450a0a;color:#fca5a5}
  .uyari-satir.sari{background:#2c1c05;color:#fcd34d}
  .uyari-satir.yesil{background:#052e16;color:#86efac}
}
.aciklama .y-nokta{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:2px;
  vertical-align:-1px;border:1px solid var(--kenar)}
.aciklama .y-nokta.sari{background:#fef3c7;border-color:#fde68a}
.aciklama .y-nokta.kirmizi{background:#fee2e2;border-color:#fecaca}
.aile-adi .y-nokta{display:inline-block;width:8px;height:8px;border-radius:50%;margin-left:2px;border:0}
.aile-adi .y-nokta.sari{background:#a16207}
.aile-adi .y-nokta.kirmizi{background:#b91c1c}

.modal{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;
  justify-content:center;z-index:50}
.modal-ic{background:var(--kart);border:1px solid var(--kenar);border-radius:8px;padding:16px;
  min-width:300px;max-width:420px}
.modal-ic h3{margin:0 0 4px;font-size:13px}
.modal-kok{font-family:ui-monospace,Consolas,monospace;font-size:12px;color:var(--vurgu);margin:0 0 10px}
/* SADECE aile seçici listesindeki düğmeler tam genişlik olur — bu kural bir zamanlar
   .modal-ic button idi ve gözat penceresinin araç çubuğunu ekran dışına itiyordu. */
#aileSeciciListe button{display:block;width:100%;text-align:left;margin-bottom:4px}
#aileSeciciIptal{display:block;width:100%;text-align:center;margin-top:8px;color:var(--soluk)}

.bolum-ayir-ic{max-width:480px}
#bolumAnahtarKelime{
  width:100%;padding:6px 9px;border:1px solid var(--kenar);border-radius:5px;
  background:var(--zemin);color:var(--yazi);font-size:12.5px;font-family:inherit;
}
.bolum-onizleme{margin-top:10px;font-size:11.5px;max-height:220px;overflow-y:auto}
.bolum-onizleme .bos{color:var(--soluk);font-style:italic}
.bolum-onizleme ul{margin:4px 0 0;padding-left:18px}
.bolum-onizleme li{margin-bottom:3px;font-family:ui-monospace,Consolas,monospace;font-size:11px}

/* modal onay/aksiyon düğme sırası — hem bölüm-ayır hem onay modalı kullanır */
.modal-dugmeler{display:flex;gap:8px;margin-top:14px}
.modal-dugmeler button:last-child{margin-left:auto;color:var(--soluk)}
.onay-mesaj{margin:0 0 14px;font-size:12.5px;line-height:1.55;white-space:pre-line}

/* -------------------------------------------------------------- klasör gezgini */
.gozat-ic{width:720px;max-width:94vw;display:flex;flex-direction:column;gap:0;padding:0;
  overflow:hidden}
.gozat-baslik{padding:9px 14px;border-bottom:1px solid var(--kenar);font-size:12.5px;
  font-weight:600;background:var(--zemin)}
.gozat-arac{display:flex;align-items:center;gap:5px;padding:8px 12px}
.gozat-arac button{display:inline-block;width:auto;margin:0;text-align:center;
  padding:3px 9px;font-size:12.5px;line-height:1.45;flex:0 0 auto}
#gozatBilgisayar{font-size:11.5px}
input.gozat-yol{flex:1;min-width:0;font-family:ui-monospace,Consolas,monospace;font-size:11.5px;
  background:var(--zemin);color:var(--yazi);border:1px solid var(--kenar);border-radius:4px;
  padding:4px 8px}

.gozat-basliklar,.gozat-satir{display:grid;grid-template-columns:minmax(0,1fr) 78px 122px;gap:8px}
.gozat-basliklar{padding:3px 12px;font-size:10px;letter-spacing:.05em;text-transform:uppercase;
  color:var(--soluk);border-top:1px solid var(--kenar);border-bottom:1px solid var(--kenar);
  background:var(--zemin)}
.gozat-liste{height:330px;overflow-y:auto;outline:none;margin:0 12px;
  border:1px solid var(--kenar);border-top:0;border-bottom:0}
.gozat-liste:focus{box-shadow:inset 0 0 0 1px var(--vurgu)}
.gozat-satir{align-items:center;padding:4px 8px;cursor:pointer;font-size:12.5px;user-select:none}
.gozat-satir:hover{background:var(--zemin)}
.gozat-satir.secili{background:var(--yazi);color:var(--zemin)}
.gozat-satir .s-ad{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gozat-satir .s-boyut,.gozat-satir .s-tarih{font-size:10.5px;color:var(--soluk);
  font-variant-numeric:tabular-nums;white-space:nowrap}
.gozat-satir.secili .s-boyut,.gozat-satir.secili .s-tarih{color:var(--zemin);opacity:.75}
.gozat-basliklar .s-boyut,.gozat-basliklar .s-tarih{text-align:left}

.gozat-satir-alt{display:flex;align-items:center;gap:8px;padding:10px 12px 4px}
.gozat-satir-alt label{font-size:11.5px;color:var(--soluk);flex:0 0 auto}
.gozat-satir-alt input{flex:1;min-width:0;padding:4px 8px;border:1px solid var(--kenar);
  border-radius:4px;background:var(--zemin);color:var(--yazi);font-size:12px;
  font-family:ui-monospace,Consolas,monospace}
.gozat-filtre{flex:0 0 auto;font-size:10.5px;color:var(--soluk)}
.gozat-alt{display:flex;align-items:center;gap:8px;padding:6px 12px 12px}
.gozat-alt button{width:auto;margin:0;text-align:center}
.gozat-sayi{flex:1;font-size:11px;color:var(--soluk)}

/* ---------------------------------------------------- yükleniyor göstergesi */
.yukleniyor{position:fixed;inset:0;z-index:300;background:rgba(0,0,0,.28);
  display:flex;align-items:center;justify-content:center}
.yukleniyor-kutu{background:var(--kart);border:1px solid var(--kenar);border-radius:9px;
  padding:20px 28px;display:flex;flex-direction:column;align-items:center;gap:10px;
  min-width:250px;box-shadow:0 8px 30px rgba(0,0,0,.22)}
.yukleniyor-kutu div:nth-child(2){font-size:12.5px;font-weight:600}
.yukleniyor-alt{font-size:10.5px;color:var(--soluk);font-family:ui-monospace,Consolas,monospace;
  max-width:330px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:rtl;text-align:center}
.donen{width:26px;height:26px;border-radius:50%;border:3px solid var(--kenar);
  border-top-color:var(--vurgu);animation:don .8s linear infinite}
@keyframes don{to{transform:rotate(360deg)}}
.salt-okunur{background:var(--kart);border:1px solid var(--kenar);border-radius:3px;
  padding:0 5px;font-size:10px;color:var(--uyari);font-family:-apple-system,"Segoe UI",sans-serif}
.gizli{display:none!important}

/* ------------------------------------------------------------------ yardım */
.yardim-ust{
  display:flex;align-items:baseline;gap:12px;padding:10px 14px;flex:0 0 auto;
  border-bottom:1px solid var(--kenar);background:var(--kart);
}
.yardim-ust b{font-size:13px;letter-spacing:.04em}
.yardim-ust span{font-size:11px;color:var(--soluk)}
.yardim-icerik{flex:1;overflow-y:auto;min-height:0}

.y-kabuk{display:grid;grid-template-columns:246px minmax(0,1fr);max-width:1180px;
  margin:0 auto;padding:0 22px;gap:34px;align-items:start}
@media (max-width:900px){.y-kabuk{grid-template-columns:1fr}.y-icindekiler{position:static!important}}

.y-icindekiler{position:sticky;top:18px;padding:18px 0;display:flex;flex-direction:column;gap:1px}
.y-ic-baslik{font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--soluk);
  margin-bottom:7px}
.y-icindekiler a{color:var(--yazi);text-decoration:none;font-size:12px;padding:3px 8px;
  border-radius:4px;border-left:2px solid transparent}
.y-icindekiler a:hover{background:var(--kart);border-left-color:var(--vurgu)}
.y-icindekiler a.y-alt{padding-left:20px;font-size:11.5px;color:var(--soluk)}

.y-metin{padding:18px 0 90px;font-size:13.5px;line-height:1.68;max-width:760px}
.y-metin h1{font-size:19px;margin:34px 0 10px;padding-bottom:7px;
  border-bottom:2px solid var(--kenar);scroll-margin-top:14px}
.y-metin h1:first-child{margin-top:6px}
.y-metin h2{font-size:15.5px;margin:26px 0 8px;color:var(--vurgu);scroll-margin-top:14px}
.y-metin h3{font-size:13.5px;margin:18px 0 5px}
.y-metin p{margin:0 0 11px}
.y-metin ul,.y-metin ol{margin:0 0 12px;padding-left:22px}
.y-metin li{margin-bottom:6px}
.y-metin hr{border:0;border-top:1px solid var(--kenar);margin:34px 0 0}
.y-metin code{background:var(--kart);border:1px solid var(--kenar);border-radius:3px;
  padding:.5px 4px;font-family:ui-monospace,Consolas,monospace;font-size:11.5px}
.y-oz{color:var(--soluk);font-size:13px}
.y-son{margin-top:30px;color:var(--soluk);font-size:12px}

.y-adim{counter-reset:none}
.y-adim>li{margin-bottom:10px}
.y-tus{display:inline-block;background:var(--yazi);color:var(--zemin);border-radius:4px;
  padding:1px 7px;font-size:11.5px;font-weight:600;white-space:nowrap}

.y-terim{margin:0 0 12px}
.y-terim dt{font-weight:700;margin-top:15px;color:var(--vurgu);font-size:13.5px}
.y-terim dd{margin:3px 0 0 0;padding-left:14px;border-left:2px solid var(--kenar)}
.y-terim dd ul{margin:6px 0 0;padding-left:18px}

.y-tablo{width:100%;border-collapse:collapse;margin:6px 0 14px;font-size:12.5px}
.y-tablo th{text-align:left;font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;
  color:var(--soluk);border-bottom:1px solid var(--kenar);padding:4px 8px}
.y-tablo td{border-bottom:1px solid var(--kenar);padding:5px 8px;vertical-align:top}
.y-tablo td:first-child{white-space:nowrap;width:1%}
.y-tablo.y-genis td:first-child{white-space:normal;width:28%}

.y-nokta{display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:5px;
  vertical-align:-1px;border:1px solid var(--kenar)}
.y-nokta.yesil{background:#dcfce7;border-color:#bbf7d0}
.y-nokta.sari{background:#fef3c7;border-color:#fde68a}
.y-nokta.kirmizi{background:#fee2e2;border-color:#fecaca}
@media (prefers-color-scheme: dark){
  .y-nokta.yesil{background:#166534}.y-nokta.sari{background:#78350f}.y-nokta.kirmizi{background:#7f1d1d}
}
.y-iyi{color:var(--iyi);font-weight:600}
.y-kotu{color:var(--kotu);font-weight:700}
.y-uyari-r{color:var(--uyari);font-weight:700}
.y-uyari{background:var(--kart);border-left:3px solid var(--uyari);padding:8px 12px;
  border-radius:0 5px 5px 0;font-size:12.5px}

/* ------------------------------------------------------------ anasayfa (tanıtım) */
/* ornek.html'den taşındı (2026-08-12). Kendi renk/tipografi sistemi var (--ink/--green/--lime…),
   uygulamanın --zemin/--yazi sistemiyle karışmasın diye ayrı tutuldu. Her seçici .panel-ana
   altına scope edilmiş — editördeki bare h2/section/footer/nav/button'a sızmasın diye.
   Orijinaldeki demo modal (sahte "klasör seç" penceresi) kaldırıldı: artık yanında gerçek
   Editör sekmesi var, "Ücretsiz kullan" düğmeleri doğrudan oraya geçiyor (data-git="editor"). */
.panel-ana{
  --ink:#14211e; --muted:#61716c; --paper:#f8f8f3; --cream:#f1f3e9; --line:#dce2d9;
  --green:#156c52; --green-dark:#0d4938; --lime:#c7ea66; --yellow:#f6cf5e; --red:#eb705c;
  --card:#ffffff; --shadow:0 18px 45px rgba(20,44,36,.09); --radius:22px;
  scroll-behavior:smooth; margin:0; background:var(--paper); color:var(--ink);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.5;
}
.panel-ana button,.panel-ana input{font:inherit}
.panel-ana button{cursor:pointer}
.panel-ana a{color:inherit;text-decoration:none}
.panel-ana .wrap{width:min(1160px,calc(100% - 40px));margin:0 auto}

.panel-ana .announcement{background:var(--ink);color:#eaf4e5;text-align:center;font-size:13px;
  padding:10px 18px;letter-spacing:.01em}
.panel-ana .announcement span{color:var(--lime);font-weight:750}

/* Mobil ikazı — dürüstlük ilkesi: kullanamayacağı bir aracı denemeden önce görsün.
   Footer'da duruyor (kullanıcı tercihi 2026-08-13: header'ı meşgul etmesin). Uyarı rengi
   kasten sayfanın yeşil paletinin DIŞINDA, sayfa sonunda da gözden kaçmasın diye. */
.panel-ana .ikaz-serit{background:#fdf1d6;color:#7c4a03;border:1px solid #f0d9a8;
  border-radius:10px;text-align:center;font-size:12.5px;padding:11px 18px;line-height:1.55;
  margin-bottom:22px}
.panel-ana .ikaz-serit b{color:#8a3d02}
.panel-ana .ikaz-alt{display:block;margin-top:5px;font-size:11.5px;line-height:1.6;color:#8a6a2f}
.panel-ana .ikaz-alt a{color:#8a3d02;font-weight:700;cursor:pointer;border-bottom:1px solid #d8b174}

.panel-ana nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.panel-ana .brand{display:inline-flex;align-items:center;gap:10px;font-weight:850;letter-spacing:.08em;font-size:18px}
.panel-ana .brand-mark{width:29px;height:29px;border-radius:50%;border:3px solid var(--green);
  position:relative;box-shadow:inset 0 0 0 5px #d7ed9b}
.panel-ana .brand-mark:after{content:"";width:7px;height:7px;background:var(--green);border-radius:50%;
  position:absolute;left:8px;top:8px}
.panel-ana .nav-links{display:flex;align-items:center;gap:28px;color:#52625d;font-size:14px;font-weight:600}
.panel-ana .nav-links a:hover{color:var(--green)}
.panel-ana .nav-links [data-git]{cursor:pointer}
.panel-ana .nav-button{background:var(--green);color:#fff;border:0;border-radius:10px;
  padding:11px 17px;font-weight:750;font-size:14px;box-shadow:0 7px 15px rgba(21,108,82,.17);
  transition:transform .2s,background .2s}
.panel-ana .nav-button:hover,.panel-ana .primary:hover{transform:translateY(-2px);background:var(--green-dark)}

.panel-ana .hero{position:relative;padding:72px 0 96px;min-height:620px;display:grid;
  grid-template-columns:1fr .92fr;gap:52px;align-items:center}
.panel-ana .hero:before{content:"";position:absolute;width:570px;height:570px;border-radius:50%;
  background:radial-gradient(circle,rgba(199,234,102,.28),rgba(199,234,102,0) 68%);
  left:-300px;top:5px;pointer-events:none}
.panel-ana .eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--green);font-size:13px;
  font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:18px}
.panel-ana .eyebrow:before{content:"";width:9px;height:9px;background:var(--lime);border-radius:50%;
  box-shadow:0 0 0 4px rgba(199,234,102,.25)}
.panel-ana h1{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(43px,5.1vw,72px);
  line-height:.99;letter-spacing:-.055em;font-weight:600;max-width:665px}
.panel-ana h1 em{color:var(--green);font-style:normal;position:relative;white-space:nowrap}
.panel-ana h1 em:after{content:"";position:absolute;bottom:2px;left:2px;right:0;height:8px;
  background:var(--lime);opacity:.66;z-index:-1;transform:rotate(-1deg)}
.panel-ana .hero-copy{margin:26px 0 29px;font-size:18px;max-width:560px;color:#52625d;line-height:1.58}
.panel-ana .hero-copy strong{color:var(--ink)}
.panel-ana .actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px}
.panel-ana .primary{border:0;border-radius:12px;background:var(--green);color:#fff;
  padding:16px 22px;font-size:16px;font-weight:800;display:inline-flex;align-items:center;gap:10px;
  box-shadow:0 12px 25px rgba(21,108,82,.2);transition:.2s}
.panel-ana .primary .arrow{font-size:21px;line-height:12px;transition:transform .2s}
.panel-ana .primary:hover .arrow{transform:translateX(3px)}
.panel-ana .microcopy{font-size:12px;color:#71817a;display:flex;align-items:center;gap:7px}
.panel-ana .microcopy:before{content:"✓";color:var(--green);font-weight:900}

.panel-ana .scan-shell{position:relative;isolation:isolate}
.panel-ana .scan-shell:before{content:"";position:absolute;z-index:-1;width:92%;height:90%;top:10%;left:8%;
  background:#d9edaa;border-radius:26px;transform:rotate(4deg)}
.panel-ana .scan-ui{overflow:hidden;background:#fff;border:1px solid #d6dfd7;border-radius:19px;
  box-shadow:0 27px 55px rgba(26,50,39,.17);transform:rotate(-1.4deg)}
.panel-ana .ui-top{height:52px;padding:0 17px;display:flex;align-items:center;border-bottom:1px solid #e5eae4;gap:8px}
.panel-ana .dots{display:flex;gap:5px}
.panel-ana .dots i{width:8px;height:8px;background:#d5ddd7;border-radius:50%}
.panel-ana .file-name{margin-left:7px;color:#72817a;font-size:11px;font-weight:600}
.panel-ana .secure-pill{margin-left:auto;background:#eaf5df;color:#46722e;border-radius:99px;padding:5px 8px;font-size:9px;font-weight:800}
.panel-ana .ui-body{display:grid;grid-template-columns:1.1fr .9fr;min-height:332px}
.panel-ana .text-page{padding:25px 24px 22px;border-right:1px solid #edf0ed}
.panel-ana .text-page p{margin:0 0 12px;color:#77817d;font-family:Georgia,serif;font-size:12px;line-height:1.82}
.panel-ana .marked{color:#35443f;border-radius:3px;padding:1px 2px}
.panel-ana .green-mark{background:#d9f2b8}
.panel-ana .yellow-mark{background:#ffe9a3}
.panel-ana .red-mark{background:#ffd0c7}
.panel-ana .demo-panel{padding:18px 16px;background:#fcfdfa}
.panel-ana .panel-title{font-size:11px;font-weight:800;color:#43534d;margin-bottom:15px;display:flex;justify-content:space-between}
.panel-ana .panel-title b{color:var(--green)}
.panel-ana .meter{margin-bottom:14px}
.panel-ana .meter-name{display:flex;justify-content:space-between;color:#697871;font-size:10px;margin-bottom:6px}
.panel-ana .meter-name b{color:#33433d}
.panel-ana .bar{height:6px;background:#e9eeea;border-radius:10px;overflow:hidden}
.panel-ana .bar span{display:block;height:100%;border-radius:inherit}
.panel-ana .hint-card{border-top:1px solid #e7ece7;margin-top:19px;padding-top:13px;font-size:10px;color:#65756e;line-height:1.5}
.panel-ana .hint-card strong{color:var(--green);display:block;font-size:10px;margin-bottom:3px}

.panel-ana .trust-row{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fdfdf9}
.panel-ana .trust-inner{min-height:93px;display:grid;grid-template-columns:repeat(3,1fr);align-items:center}
.panel-ana .trust-item{padding:8px 31px;border-right:1px solid var(--line)}
.panel-ana .trust-item:first-child{padding-left:0}
.panel-ana .trust-item:last-child{border:none}
.panel-ana .trust-title{display:flex;gap:9px;align-items:center;font-weight:800;font-size:14px;margin-bottom:3px}
.panel-ana .trust-icon{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;background:#e7f3d2;color:var(--green);font-size:13px}
.panel-ana .trust-item p{margin:0 0 0 31px;color:#718078;font-size:12px}

.panel-ana section{padding:100px 0}
.panel-ana .section-label{color:var(--green);text-transform:uppercase;letter-spacing:.1em;font-weight:850;font-size:12px;margin-bottom:13px}
.panel-ana h2{margin:0;font:600 clamp(34px,4vw,52px)/1.05 Georgia,serif;letter-spacing:-.045em;max-width:650px}
.panel-ana .section-intro{color:#61716b;font-size:17px;max-width:550px;margin:17px 0 0}

.panel-ana .contrast{background:var(--ink);color:#f4f7ef;position:relative;overflow:hidden}
.panel-ana .contrast:after{content:"R";position:absolute;font:700 530px/1 Georgia,serif;color:rgba(199,234,102,.035);right:-50px;top:-160px}
.panel-ana .contrast .wrap{position:relative;z-index:1}
.panel-ana .contrast .section-label{color:var(--lime)}
.panel-ana .contrast h2{max-width:700px}
.panel-ana .contrast-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:46px}
.panel-ana .compare-card{padding:30px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1)}
.panel-ana .compare-card.good{background:#f3f8e9;color:var(--ink);border-color:transparent}
.panel-ana .compare-card small{display:block;text-transform:uppercase;letter-spacing:.1em;font-weight:850;font-size:11px;opacity:.65;margin-bottom:14px}
.panel-ana .compare-card h3{font:600 29px/1.1 Georgia,serif;letter-spacing:-.03em;margin:0 0 15px}
.panel-ana .compare-card p{margin:0;opacity:.75;font-size:14px;line-height:1.65;max-width:420px}
.panel-ana .no-list{padding:0;margin:22px 0 0;list-style:none;display:grid;gap:9px;font-size:13px}
.panel-ana .no-list li{display:flex;align-items:center;gap:9px}
.panel-ana .no-list li:before{content:"×";color:#ef8978;border:1px solid rgba(239,137,120,.45);border-radius:50%;width:17px;height:17px;display:grid;place-items:center;font-weight:bold}
.panel-ana .good .no-list li:before{content:"✓";color:var(--green);border-color:#a7ce8d}

.panel-ana .steps-head{display:flex;justify-content:space-between;gap:30px;align-items:end}
.panel-ana .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:21px;margin-top:48px}
.panel-ana .step{padding:27px;min-height:265px;border:1px solid var(--line);background:#fff;border-radius:17px;
  box-shadow:0 7px 19px rgba(30,51,43,.035);transition:transform .25s,box-shadow .25s}
.panel-ana .step:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.panel-ana .step-number{color:var(--green);font:600 39px/1 Georgia,serif;margin-bottom:35px}
.panel-ana .step-icon{float:right;width:43px;height:43px;border-radius:13px;background:#edf6d8;display:grid;place-items:center;font-size:21px;margin-top:-46px}
.panel-ana .step h3{margin:0 0 9px;font-size:19px;letter-spacing:-.025em}
.panel-ana .step p{margin:0;color:#67776f;font-size:14px;line-height:1.6}

.panel-ana .capability-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:40px}
.panel-ana .capability-card{padding:24px;border:1px solid var(--line);background:#fff;border-radius:16px;
  box-shadow:0 6px 16px rgba(30,51,43,.03);transition:transform .2s,box-shadow .2s}
.panel-ana .capability-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.panel-ana .capability-icon{width:38px;height:38px;border-radius:11px;background:#edf6d8;color:var(--green);
  display:grid;place-items:center;font-size:18px;margin-bottom:14px}
.panel-ana .capability-card h3{margin:0 0 7px;font-size:15.5px;letter-spacing:-.01em}
.panel-ana .capability-card p{margin:0;color:#67776f;font-size:12.5px;line-height:1.55}

/* NOT: Anasayfa'da bir "Şeffaflık" bölümü vardı, 2026-08-13'te KALDIRILDI ve içeriği
   Kullanım Kılavuzu'na taşındı. Gerekçe (kullanıcı): hedef kitle Word/LibreOffice kullanan
   acemi yazarlar; json/R+1 gibi terimler onlara bir şey ifade etmiyor, "ne yapmaz" zaten
   sayfanın başka yerlerinde, "ölçümün sınırları" da zaten Kılavuz §6'da. Anasayfada sadece
   footer'daki İKAZ kaldı. */

.panel-ana .privacy{padding:0 0 100px}
.panel-ana .privacy-card{background:linear-gradient(135deg,#e4f1c7,#f2f7e7 55%,#deedd1);padding:clamp(30px,5vw,65px);
  border-radius:25px;display:grid;grid-template-columns:1.06fr .94fr;gap:50px;overflow:hidden;position:relative}
.panel-ana .privacy-card:after{content:"";position:absolute;width:280px;height:280px;border:35px solid rgba(21,108,82,.08);
  border-radius:50%;right:-80px;bottom:-130px}
.panel-ana .privacy-copy{position:relative;z-index:1}
.panel-ana .privacy h2{font-size:clamp(33px,4vw,48px)}
.panel-ana .privacy p{color:#52685e;font-size:16px;max-width:520px}
.panel-ana .privacy-list{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:11px;color:#385347;font-weight:650;font-size:14px}
.panel-ana .privacy-list li:before{content:"✓";color:#fff;background:var(--green);width:19px;height:19px;
  display:inline-grid;place-items:center;border-radius:50%;margin-right:10px;font-size:12px}
.panel-ana .lock-art{align-self:center;justify-self:center;width:190px;height:190px;border-radius:50%;
  background:rgba(255,255,255,.52);display:grid;place-items:center;position:relative;z-index:1;
  box-shadow:inset 0 0 0 1px rgba(21,108,82,.09)}
.panel-ana .lock{width:76px;height:63px;border-radius:13px;background:var(--green);position:relative;
  box-shadow:0 13px 20px rgba(21,108,82,.2)}
.panel-ana .lock:before{content:"";width:40px;height:39px;border:11px solid var(--green);border-bottom:0;
  border-radius:25px 25px 0 0;position:absolute;top:-34px;left:7px}
.panel-ana .lock:after{content:"•";color:var(--lime);font-size:46px;line-height:33px;position:absolute;left:31px;top:9px}

.panel-ana .audience{background:#f0f2ea}
.panel-ana .audience-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}
.panel-ana .audience-cards{display:grid;gap:13px}
.panel-ana .person{background:#fff;border-radius:15px;padding:20px 21px;display:flex;gap:15px;align-items:flex-start;border:1px solid #e3e8df}
.panel-ana .avatar{flex:0 0 40px;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#e1f0c6;font-size:20px}
.panel-ana .person h3{margin:0 0 4px;font-size:15px}
.panel-ana .person p{margin:0;color:#6c7b74;font-size:13px;line-height:1.5}

.panel-ana .cta{padding:95px 0;text-align:center}
.panel-ana .cta h2{margin:auto;max-width:740px}
.panel-ana .cta p{margin:18px auto 27px;color:#62736b;max-width:545px;font-size:16px}
.panel-ana .cta .actions{justify-content:center}
.panel-ana footer{border-top:1px solid var(--line);padding:26px 0;color:#718078;font-size:12px}
.panel-ana .footer-inner{display:flex;justify-content:space-between;align-items:center;gap:15px}
.panel-ana .footer-links{display:flex;gap:19px}

@media (max-width:800px){
  .panel-ana .nav-links{display:none}
  .panel-ana nav{height:66px}
  .panel-ana .hero{grid-template-columns:1fr;padding:58px 0 70px;gap:48px}
  .panel-ana .hero-copy{font-size:16px}
  .panel-ana .scan-shell{max-width:500px;margin:0 auto;width:94%}
  .panel-ana .trust-inner{grid-template-columns:1fr;padding:12px 0}
  .panel-ana .trust-item,.panel-ana .trust-item:first-child{padding:10px 0;border-right:0}
  .panel-ana .contrast-grid,.panel-ana .privacy-card,.panel-ana .audience-grid{grid-template-columns:1fr}
  .panel-ana .steps{grid-template-columns:1fr;margin-top:35px}
  .panel-ana .step{min-height:0}
  .panel-ana .capability-grid{grid-template-columns:1fr;margin-top:30px}
  .panel-ana .steps-head{display:block}
  .panel-ana .privacy-card{gap:22px}
  .panel-ana .lock-art{width:135px;height:135px}
  .panel-ana .audience-grid{gap:35px}
  .panel-ana section{padding:68px 0}
  .panel-ana .ui-body{min-height:285px}
  .panel-ana .text-page{padding:16px 12px}
  .panel-ana .demo-panel{padding:14px 10px}
  .panel-ana .text-page p{font-size:10px}
  .panel-ana .footer-inner{flex-direction:column;text-align:center}
}
@media (max-width:420px){
  .panel-ana .wrap{width:min(100% - 28px,1160px)}
  .panel-ana h1{font-size:43px}
  .panel-ana .announcement{font-size:11px}
  .panel-ana .nav-button{padding:9px 12px}
  .panel-ana .secure-pill{display:none}
  .panel-ana .ui-body{grid-template-columns:1fr .82fr}
  .panel-ana .panel-title,.panel-ana .meter-name,.panel-ana .hint-card{font-size:8px}
  .panel-ana .primary{width:100%;justify-content:center}
}