/* iletisim sayfasına ÖZGÜ: form alanları, :target durum satırları.
   Ortak bileşenler (.kart, .kizgara, .dg) bilesen.css'ten gelir. Betik YOK:
   gönderim düz HTML formu, sonucu sunucu 303 ile #gonderildi / #hata / #sinir /
   #ariza çapasına döndürür ve ilgili satır :target ile görünür olur. */

.il-form{display:grid;gap:var(--b4);padding:var(--b5);max-width:var(--olcu-bas);margin-block-start:var(--b4)}
.il-alan{display:grid;gap:var(--b1)}
.il-alan label{font-weight:500}
.il-alan input,.il-alan textarea{inline-size:100%;padding:var(--b2) var(--b3);border:1px solid var(--cizgi);border-radius:var(--y-kart);background:var(--kagit)}
.il-alan textarea{resize:vertical;min-block-size:10rem}
.il-ipucu{font-size:var(--t9);line-height:var(--t9-s);color:var(--soluk)}
.il-gonder{display:grid;gap:var(--b2);justify-items:start}

/* Bal küpü: ekran okuyucudan da gizli (aria-hidden), sekme sırasında yok. */
.il-bal{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* Durum satırları yalnız hedeflendiğinde görünür. */
.il-durum{display:none;max-width:var(--olcu-bas);margin-block-start:var(--b4);padding:var(--b3) var(--b4);border:1px solid var(--cizgi);border-radius:var(--y-kart)}
.il-durum:target{display:block}
.il-iyi{border-color:var(--murekkep)}