/* ⚠️ YORUMDA ESKİ HEX YAZMA. 02.09'da iki kez ısırdı: kaldırdığın rengi
   belgelemek için yorumda yazınca, ham metni tarayan HER araç onu hâlâ
   kullanılıyor sanıyor. Önce kendi kilidim (ikon.mjs'teki eski pasteller),
   sonra kardeş oturumun dedektörü yanlış alarm verdi — Yasko 2 canlıda
   "eski teal duruyor" raporladı, oysa yalnız BU YORUMDA duruyordu.
   Renk adla anılır, hex'le değil.

   VURGU TONU 02.09'da KISILDI: karanlık parlak teal (S47) → #6ba392 (S23),
   açık tema da kısıldı (S75 → S52). Marka ailesi (teal) aynı, ses kısık.
   Sebep: neredeyse-siyah zeminde (L8) yüksek doygunluklu vurgu "neon" okunuyor
   ve $20/ay güven satan bir sayfada makine-yapımı hissi veriyor. Kontrast
   KAYBEDİLMEDİ: yazı/zemin 6,33:1, dolgu üstü koyu metin 6,33:1 (AA 4,5 ister).
   ⛔ Doygunluğu geri yükseltme: duvar/tasarim-sinav.mjs tavan koyuyor.

   ⚠️ --vurgu-metin: VURGU ZEMİNİ ÜZERİNE gelen metnin rengi. Sabit #fff
   OLAMAZ. Açık temada vurgu koyudur → beyaz metin 6,41:1 geçer;
   karanlık temada vurgu PARLAKTIR → beyaz metin 2,25:1'e düşer ve
   AA'nın büyük-metin barını (3:1) bile geçemez. Aynı sabit renk, iki temada
   iki farklı sonuç veriyordu; hata yalnız karanlık temada görünüyordu.
   02.09 · Impeccable dedektörü canlıda yakaladı, duvar kaçırmıştı.
   --kirmizi-metin aynı sebeple var ve DAHA KRİTİK: `.damga.no` rozeti
   redact aracında "STILL THERE" (= gizlemek istediğin ifade HÂLÂ DURUYOR)
   yazan uyarıdır. Karanlık temada 2,71:1'de kalıyordu — yani kullanıcının
   okuması en hayati olan yazı, en zor okunanıydı. */
:root{
  --bg:#f7f8f7; --yuzey:#fff; --yuzey2:#eef1ef;
  --murekkep:#1b2220; --sonuk:#5f6b68; --cizgi:#d8dedb;
  --vurgu:#1e5f52; --vurgu-zemin:#e4efeb; --vurgu-metin:#ffffff;
  --uyari:#a8621a; --uyari-zemin:#f6ece0; --kirmizi:#9d3427; --kirmizi-metin:#ffffff;
  /* ⚠️ Kral 02.09: "oval seyler daha hos durmaz mi?" Haklı olduğu yer: 2px
     fazla sertti. Haklı OLMADIĞI yer: 12-16px yuvarlaklık, sablon uretici
     varsayilanidir ve tam kacindigimiz "AI sitesi" hissini verir (ciddi finans
     urunleri kucuk yaricap kullanir). 6px ortasi: yumusak ama sablon degil.
     ⭐ TEK SAYIDAN cevrilir — begenmezse burayi degistirmek yeter. */
  --yuvarlak:6px;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#121614; --yuzey:#191f1d; --yuzey2:#212927;
  --murekkep:#e6ece9; --sonuk:#93a19d; --cizgi:#2c3733;
  --vurgu:#6ba392; --vurgu-zemin:#16302b; --vurgu-metin:#121614;
  --uyari:#d99149; --uyari-zemin:#33251a; --kirmizi:#e08477; --kirmizi-metin:#121614;
}}
:root[data-theme="dark"]{
  --bg:#121614; --yuzey:#191f1d; --yuzey2:#212927;
  --murekkep:#e6ece9; --sonuk:#93a19d; --cizgi:#2c3733;
  --vurgu:#6ba392; --vurgu-zemin:#16302b; --vurgu-metin:#121614;
  --uyari:#d99149; --uyari-zemin:#33251a; --kirmizi:#e08477; --kirmizi-metin:#121614;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--murekkep);
  font-family:"IBM Plex Sans",system-ui,-apple-system,Segoe UI,sans-serif;
  font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
.sar{max-width:940px;margin:0 auto;padding:0 24px 80px}
h1{font-family:Newsreader,Georgia,serif;font-weight:600;letter-spacing:-.015em;
  font-size:clamp(1.9rem,4vw,2.6rem);line-height:1.15;margin:0;text-wrap:balance}
h2{font-family:Newsreader,Georgia,serif;font-weight:600;font-size:1.25rem;margin:0}
p{margin:0}
.etiket{font-family:"IBM Plex Mono",monospace;font-size:.68rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--sonuk)}

header{padding:56px 0 0}
.rozet{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;
  background:var(--vurgu-zemin);color:var(--vurgu);border-radius:var(--yuvarlak);
  font-size:.8rem;font-weight:500;margin-bottom:20px}
.rozet svg{width:14px;height:14px;flex:none}
.alt{margin-top:16px;color:var(--sonuk);max-width:560px}

/* birak alani */
.birak{margin-top:36px;border:2px dashed var(--cizgi);background:var(--yuzey);border-radius:var(--yuvarlak);
  padding:44px 28px;text-align:center;transition:border-color .15s,background .15s}
.birak.uzerinde{border-color:var(--vurgu);background:var(--vurgu-zemin)}
.birak h2{margin-bottom:6px}
.birak p{color:var(--sonuk);font-size:.92rem}
.dugmeler{margin-top:20px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
button{font:inherit;font-size:.92rem;padding:9px 18px;border:1px solid var(--vurgu);
  background:var(--vurgu);color:var(--vurgu-metin);cursor:pointer;border-radius:var(--yuvarlak)}
button.ikincil{background:transparent;color:var(--vurgu)}
button:disabled{opacity:.5;cursor:default}
button:focus-visible{outline:2px solid var(--uyari);outline-offset:2px}
input[type=file]{display:none}

/* akis — "islem yaparken sonuc aksin" standardi: yuzde YETMEZ, ne olduguu yaz */
.akis{margin-top:26px;display:none;flex-direction:column;gap:2px;
  background:var(--yuzey);border:1px solid var(--cizgi);padding:16px 18px;
  font-family:"IBM Plex Mono",monospace;font-size:.82rem;max-height:210px;overflow-y:auto}
.akis.acik{display:flex}
.akis div{color:var(--sonuk)}
.akis div.son{color:var(--murekkep)}
.akis div.hata{color:var(--kirmizi)}

/* sonuc */
.sonuc{margin-top:30px;display:none}
.sonuc.acik{display:block}
.ozet{display:flex;gap:1px;background:var(--cizgi);border:1px solid var(--cizgi);flex-wrap:wrap}
.ozet div{background:var(--bg);padding:14px 18px;flex:1;min-width:120px}
.ozet b{display:block;font-family:"IBM Plex Mono",monospace;font-size:1.35rem;
  color:var(--vurgu);font-variant-numeric:tabular-nums;line-height:1.1}
.ozet span{font-size:.76rem;color:var(--sonuk)}
.dogrulama{margin-top:16px;padding:13px 16px;background:var(--vurgu-zemin);
  border-left:3px solid var(--vurgu);font-size:.9rem}
.dogrulama.kismi{background:var(--uyari-zemin);border-left-color:var(--uyari)}
/* fatura doğrulama satırları — her kontrol tek tek görünür.
   ⚠️ Tek bir "doğrulandı" rozeti yetmez: hangi kontrolün geçtiği, hangisinin
   geçmediği ve SAYILARI görünmeli. Ürünün sattığı şey bu ayrıntı. */
.dogrulama .satir{margin-top:7px;font-size:.84rem;color:var(--sonuk);
  display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
.damga{font-family:"IBM Plex Mono",monospace;font-size:.63rem;letter-spacing:.08em;
  padding:2px 6px;border-radius:var(--yuvarlak);flex-shrink:0}
.damga.ok{background:var(--vurgu);color:var(--vurgu-metin)}
.damga.no{background:var(--kirmizi);color:var(--kirmizi-metin)}

/* ---- bölge seçici (redact-pdf · blur-image-region) ---- */
/* ⚠️ Kaplama tuvali, temel tuvalin TAM ÜSTÜNE oturmak zorunda. Konum
   `position:relative` olan saradan alınıyor; sarada relative yoksa kaplama
   sayfanın köşesine kaçar ve kullanıcı kutuyu göremediği bir yere çizer. */
.tuval-sar{position:relative;margin-top:20px;line-height:0}
#tuval{max-width:100%;height:auto;border:1px solid var(--cizgi);background:#fff;
  box-shadow:0 1px 3px rgba(0,0,0,.08)}
.bolge-kaplama{position:absolute;cursor:crosshair;touch-action:none}
#calis-dugmeler{margin-top:14px;align-items:center;gap:10px;flex-wrap:wrap}
#calis-dugmeler .gizlilik{margin:0;flex:1 1 auto}
.kaydir{overflow-x:auto;margin-top:18px;border:1px solid var(--cizgi);background:var(--yuzey)}
table{border-collapse:collapse;width:100%;font-size:.85rem}
th,td{text-align:left;padding:8px 12px;border-bottom:1px solid var(--cizgi);white-space:nowrap}
th{font-family:"IBM Plex Mono",monospace;font-size:.67rem;letter-spacing:.09em;
  text-transform:uppercase;color:var(--sonuk);background:var(--yuzey2);position:sticky;top:0}
td.n{font-family:"IBM Plex Mono",monospace;font-variant-numeric:tabular-nums;text-align:right}
tbody tr:hover{background:var(--yuzey2)}
.kilit{padding:18px;background:var(--uyari-zemin);border-left:3px solid var(--uyari);
  margin-top:14px;font-size:.9rem}
.indir{margin-top:18px;display:flex;gap:10px;flex-wrap:wrap}

footer{margin-top:56px;padding-top:20px;border-top:1px solid var(--cizgi);
  color:var(--sonuk);font-size:.83rem}
@media(max-width:600px){.sar{padding:0 18px 60px}.birak{padding:32px 18px}}

/* ---- site iskeleti (Kademe 5) ---- */
nav{display:flex;gap:22px;align-items:center;padding:20px 0;flex-wrap:wrap;
  border-bottom:1px solid var(--cizgi)}
/* ⚠️ 02.09 KRAL YAKALADI: TEMEL BAĞLANTI KURALI YOKTU.
   Bağlantılar yalnız `nav a`, `.hepsiBag a`, `.yasal-satir a` gibi ÖZEL
   bağlamlarda renk alıyordu; bunların dışında kalan her bağlantı tarayıcı
   varsayılanına düşüyordu — rgb(0,0,238) mavi, ziyaret edilmişse mor.
   Vurduğu yer en kötüsüydü: ücretli araçlardaki "take a plan · $20/month"
   bağlantısı, yani sitenin PARA KAZANDIRAN tek bağlantısı, biçimsiz ve
   yabancı görünüyordu.
   Kural seçiciliği en düşük (0,0,0,1) — mevcut her özel kural bunu yener,
   yani nav/altbilgi/ızgara davranışı DEĞİŞMEZ, yalnız boşta kalanlar kapanır. */
a{color:var(--vurgu);text-underline-offset:3px}
a:hover{text-decoration:underline}

nav a{color:var(--sonuk);text-decoration:none;font-size:.9rem}
nav a:hover,nav a[aria-current]{color:var(--vurgu)}
nav .marka{font-family:Newsreader,Georgia,serif;font-size:1.05rem;font-weight:600;
  color:var(--murekkep);margin-right:auto;display:inline-flex;align-items:center;gap:7px}
/* ⚠️ İşaret currentColor kullanıyor ama marka rengi mürekkep — işareti vurguya
 * çekiyoruz, yoksa gezinmede yazıdan ayrışmıyor ve süs gibi duruyor. */
nav .marka .isaret{color:var(--vurgu);flex:0 0 auto}
.kartlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:16px;margin-top:28px}
.kart{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--yuvarlak);padding:20px 22px;
  display:flex;flex-direction:column;gap:8px;text-decoration:none;color:inherit}
.kart:hover{border-color:var(--vurgu)}
.kart h3{font-family:Newsreader,Georgia,serif;font-size:1.1rem;margin:0}
.kart p{font-size:.89rem;color:var(--sonuk)}
.kart .fiyat{font-family:"IBM Plex Mono",monospace;font-size:.7rem;letter-spacing:.1em;
  text-transform:uppercase;color:var(--vurgu)}
.kart .fiyat.ucretli{color:var(--uyari)}
.plan{margin-top:44px;background:var(--yuzey);border:1px solid var(--cizgi);padding:26px}
.plan h2{margin-bottom:8px}
.plan .tutar{font-family:"IBM Plex Mono",monospace;font-size:2rem;color:var(--vurgu);
  font-variant-numeric:tabular-nums;line-height:1.1;margin:10px 0 4px}

/* ═══════════ ARAÇ KABUĞU — üretilen araç sayfalarının ortak parçaları ═══════════ */
.girdi,.cikti{width:100%;box-sizing:border-box;border-radius:var(--yuvarlak);margin-top:18px;min-height:150px;
  padding:14px 16px;background:var(--yuzey);border:1px solid var(--cizgi);
  color:var(--murekkep);font-family:"IBM Plex Mono",monospace;font-size:.85rem;
  line-height:1.65;resize:vertical}
.girdi:focus{outline:none;border-color:var(--vurgu)}
.cikti{background:var(--vurgu-zemin);border-color:var(--vurgu)}
.baglanti{background:none;border:none;padding:6px 0;margin-top:8px;color:var(--vurgu);
  font-size:.85rem;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.ayarlar{margin-top:18px;display:flex;gap:22px;flex-wrap:wrap;align-items:flex-end}
.ayar{display:flex;flex-direction:column;gap:6px;font-size:.82rem;color:var(--sonuk)}
.ayar b{color:var(--vurgu);font-family:"IBM Plex Mono",monospace}
.ayar select,.ayar input[type=text],.ayar input[type=number]{padding:8px 10px;
  background:var(--yuzey);border:1px solid var(--cizgi);color:var(--murekkep);
  font-family:inherit;font-size:.88rem;min-width:150px}
.ayar input[type=range]{accent-color:var(--vurgu);min-width:170px}
.ayar:has(input[type=checkbox]){flex-direction:row;align-items:center;gap:8px;padding-bottom:9px}
.ayar input[type=checkbox]{accent-color:var(--vurgu);width:16px;height:16px}
button.calistir{margin-top:20px;padding:12px 26px;background:var(--vurgu);color:var(--vurgu-metin);
  border:none;font-family:inherit;font-size:.94rem;cursor:pointer}
button.calistir:hover{filter:brightness(1.1)}
button.calistir:disabled{opacity:.5;cursor:default}
.akis div.tamam{color:var(--vurgu)}
.birak svg{width:26px;height:26px;color:var(--sonuk);margin-bottom:10px}
.birak strong{display:block;font-family:Newsreader,Georgia,serif;font-size:1.1rem;font-weight:600}
.birak span{display:block;margin-top:5px;color:var(--sonuk);font-size:.9rem}
.birak.dolu{border-style:solid;border-color:var(--vurgu)}
.birak.dolu svg{color:var(--vurgu)}
.onizleme{display:block;max-width:100%;max-height:340px;margin-top:20px;
  border:1px solid var(--cizgi);background:
    repeating-conic-gradient(var(--yuzey) 0 25%,transparent 0 50%) 50%/18px 18px}
.dosyalar{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}
.dosyalar button{padding:7px 12px;font-size:.8rem;font-family:"IBM Plex Mono",monospace}
.palet{margin-top:20px;display:flex;gap:1px;background:var(--cizgi);
  border:1px solid var(--cizgi);flex-wrap:wrap}
.renk{flex:1;min-width:96px;height:96px;border:none;cursor:pointer;position:relative;
  display:flex;align-items:flex-end;justify-content:center;padding-bottom:8px}
.renk span{font-family:"IBM Plex Mono",monospace;font-size:.68rem;padding:3px 6px;
  background:rgba(0,0,0,.55);color:#fff;letter-spacing:.04em}
.renk.kopyalandi span::after{content:" ✓"}

/* ---- araç ızgarası (ana sayfa ve grup sayfaları) ---- */
.grup{margin-top:40px}
.grup > h2{font-family:Newsreader,Georgia,serif;font-size:1.35rem;margin:0 0 4px}
.grup > p{color:var(--sonuk);font-size:.9rem;margin:0}
.izgara{margin-top:16px;display:grid;gap:1px;background:var(--cizgi);
  border:1px solid var(--cizgi);grid-template-columns:repeat(auto-fill,minmax(238px,1fr))}
.oge{background:var(--bg);padding:16px 18px;text-decoration:none;color:inherit;
  display:flex;flex-direction:column;gap:5px;transition:background .12s}
.oge:hover{background:var(--vurgu-zemin)}
.oge b{font-size:.96rem;font-weight:600}
.oge span{font-size:.83rem;color:var(--sonuk);line-height:1.5}
.oge .rozetcik{font-family:"IBM Plex Mono",monospace;font-size:.62rem;letter-spacing:.1em;
  text-transform:uppercase;color:var(--uyari);margin-top:2px}
.sss{margin-top:44px;border-top:1px solid var(--cizgi);padding-top:8px}
.sss details{border-bottom:1px solid var(--cizgi);padding:14px 0}
.sss summary{cursor:pointer;font-weight:500;list-style:none}
.sss summary::-webkit-details-marker{display:none}
.sss summary::before{content:"+ ";color:var(--vurgu);font-family:"IBM Plex Mono",monospace}
.sss details[open] summary::before{content:"− "}
.sss p{margin:10px 0 0;color:var(--sonuk);font-size:.92rem;max-width:640px}
.gizlilik{margin-top:30px;padding:14px 18px;background:var(--vurgu-zemin);
  border-left:3px solid var(--vurgu);font-size:.88rem;color:var(--sonuk)}

/* ═══════════ İKON · SÜZGEÇ · KATEGORİ BLOĞU (01.09 rakip incelemesinden) ═══════════ */
.oge{position:relative;padding-left:18px}
.oge .ikon{margin-bottom:2px}
.oge[hidden]{display:none}
.grup[hidden]{display:none}

.suzgec{margin-top:28px}
.suzgec input[type=search]{width:100%;box-sizing:border-box;padding:13px 16px;
  background:var(--yuzey);border:1px solid var(--cizgi);color:var(--murekkep);
  font-family:inherit;font-size:.95rem}
.suzgec input[type=search]:focus{outline:none;border-color:var(--vurgu)}
.cipler{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}
.cip{padding:6px 14px;background:transparent;border:1px solid var(--cizgi);
  color:var(--sonuk);font-family:inherit;font-size:.83rem;cursor:pointer;border-radius:999px}
.cip:hover{border-color:var(--vurgu);color:var(--vurgu)}
.cip.secili{background:var(--vurgu);border-color:var(--vurgu);color:var(--vurgu-metin)}
.bulunan{margin:12px 0 0;font-size:.85rem;color:var(--sonuk);
  font-family:"IBM Plex Mono",monospace}

.bloklar{margin-top:32px;display:grid;gap:1px;background:var(--cizgi);
  border:1px solid var(--cizgi);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.blok{background:var(--bg);padding:22px 20px 20px;text-decoration:none;color:inherit;
  display:flex;flex-direction:column;gap:4px;border-top:2px solid var(--cizgi);
  transition:background .12s}
.blok:hover{background:var(--vurgu-zemin)}
.blok b{font-family:Newsreader,Georgia,serif;font-size:1.15rem;font-weight:600;margin-top:6px}
.blok .sayi{font-family:"IBM Plex Mono",monospace;font-size:.72rem;letter-spacing:.1em;
  text-transform:uppercase;color:var(--sonuk)}
.blok .one{font-size:.85rem;color:var(--sonuk);margin-top:6px}
.blok .one em{font-style:normal;color:var(--murekkep)}
.hepsiBag{margin-top:16px;font-size:.92rem}
.hepsiBag a{color:var(--vurgu);text-decoration:none}
.hepsiBag a:hover{text-decoration:underline;text-underline-offset:3px}

/* ═══════════ YASAL SAYFALAR ═══════════ */
.yasal-satir{margin-bottom:10px}
.yasal-satir a{color:var(--sonuk);text-decoration:none;font-size:.84rem}
.yasal-satir a:hover{color:var(--vurgu);text-decoration:underline;text-underline-offset:3px}
.yasal{margin-top:34px;max-width:660px}
.yasal-bolum{padding:22px 0;border-top:1px solid var(--cizgi)}
.yasal-bolum h2{font-family:Newsreader,Georgia,serif;font-size:1.18rem;margin:0 0 10px}
.yasal-bolum p{margin:0 0 12px;color:var(--sonuk);font-size:.94rem;line-height:1.75}
.yasal-bolum p:last-child{margin-bottom:0}

/* ═══════════ GİRİŞ / HESAP ═══════════ */
.giris-kutu{margin-top:32px;max-width:460px;padding:28px;background:var(--yuzey);
  border:1px solid var(--cizgi)}
.google-dugme{display:inline-flex;align-items:center;gap:12px;width:100%;
  box-sizing:border-box;justify-content:center;padding:13px 20px;background:#fff;
  color:#1f1f1f;border:1px solid #dadce0;text-decoration:none;font-size:.95rem;
  font-weight:500;border-radius:var(--yuvarlak)}
.google-dugme:hover{background:#f7f8f8}
.giris-not{margin:18px 0 0;font-size:.86rem;color:var(--sonuk);line-height:1.7}


/* ═══════════ ODAK IŞIĞI — kart ızgarası (02.09) ═══════════
 * Kral bir referans gösterdi (kokonutui spotlight-cards): imleci takip eden
 * parıltı + odaklanınca diğerlerinin sönmesi. Referans React + Tailwind +
 * Motion istiyor; bizim sitede çerçeve YOK ve "bu sayfa hiçbir şey indirmiyor"
 * cümlesi kamanın parçası. Kodu almadık, ETKİYİ kendi dilimizde kurduk:
 * saf CSS + 8 satır işaretçi takibi, sıfır bağımlılık, sıfır istek.
 *
 * ⚠️ 3B EĞİLME BİLEREK ALINMADI. 33 kartta oyuncak gibi duruyor ve TinyWow'un
 * oyuncu dilinden ayrıştığımız yeri geri verir — bizim dilimiz editoryal.
 *
 * ⚠️ Parıltı ::after ile çiziliyor, kartın kendi zeminine dokunmuyor: metnin
 * kontrastı hiç değişmiyor. Okunabilirlik süse feda edilmiyor. */
.izgara{position:relative}
.oge::after{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:0;
  transition:opacity .22s ease;
  background:radial-gradient(180px circle at var(--mx,50%) var(--my,50%),
             color-mix(in srgb, var(--vurgu) 22%, transparent), transparent 70%);
}
.oge:hover::after{opacity:1}

/* Odak sönmesi: ızgaranın üstündeyken imlecin ALTINDA OLMAYAN kartlar geri
 * çekiliyor. Sönme hafif (.62) — okunmaz olmamalı, sadece geri durmalı. */
.izgara:hover .oge{opacity:.62;transition:opacity .22s ease}
.izgara:hover .oge:hover{opacity:1}

/* İkon ısınması: parıltıyla birlikte grup rengi biraz öne çıksın */
.oge .ikon{transition:transform .22s ease}
.oge:hover .ikon{transform:translateY(-1px) scale(1.06)}

/* ⚠️ Hareket azaltma isteğine UYUYORUZ — parıltı kalır (hareket değil),
 * ölçek ve sönme kalkar. Erişilebilirlik süsün önünde. */
@media (prefers-reduced-motion:reduce){
  .izgara:hover .oge{opacity:1}
  .oge:hover .ikon{transform:none}
  .oge::after{transition:none}
}

/* ── E-posta listesi kutusu (04.09) ────────────────────────────────────
   ⚠️ Bilerek SESSİZ: gradyan yok, gölge yok, ünlem yok, ikon yok. Sitenin
   geri kalanı "abartmıyoruz" diyor; abartan bir kutu o iddiayı zedeler.
   Zemin --yuzey2, yani araç kartlarıyla aynı ton — dikkat çeksin diye
   parlatılmıyor, sayfanın parçası olsun diye aynı aileden.
   ⚠️ Yuvarlaklık --yuvarlak belirtecinden: sabit piksel yazmak, temanın
   köşe yarıçapını değiştirdiğimiz gün bu kutuyu geride bırakırdı. */
.bulten{margin-top:34px;padding:20px 22px;background:var(--yuzey2);
  border:1px solid var(--cizgi);border-radius:var(--yuvarlak)}
.bulten h2{margin:0 0 6px;font-size:1.05rem}
.bulten p{margin:0 0 14px;color:var(--sonuk);font-size:.93rem;max-width:52ch}
.bulten form{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
/* ⚠️ min-width:auto olmadan esnek öge kendi içeriğinden küçülemiyor ve dar
   ekranda kutu yan panelin dışına taşıyordu — aynı hata daha önce yerleşim
   standardında yaşandı. */
.bulten input[type=email]{flex:1 1 15rem;min-width:auto;font:inherit;font-size:.92rem;
  padding:9px 12px;border:1px solid var(--cizgi);border-radius:var(--yuvarlak);
  background:var(--yuzey);color:var(--murekkep)}
.bulten input[type=email]:focus-visible{outline:2px solid var(--vurgu);outline-offset:1px}
.bulten .bulten-durum{margin:10px 0 0;font-size:.88rem;min-height:1.2em}
.bulten .bulten-durum[data-iyi="0"]{color:var(--kirmizi)}
.bulten .bulten-tamam{margin:0;color:var(--murekkep);font-size:.95rem}
/* ekran okuyucu için etiket — görünmez ama okunur */
.bulten .etiket-gizli{position:absolute;width:1px;height:1px;overflow:hidden;
  clip-path:inset(50%);white-space:nowrap}