/* ESHIK · W07 · iletişim sayfası: P5.4 form stilinin (salt okunur) site düzenine oturtulması. Renkler dört MASTER rengi; hata grafit, safran yalnız P5.1 GÖNDER. */
.form-blok .card { max-width: 620px; padding: 0; background: none; }
.form-blok .f-yakinda { margin: 0 0 8px; font: 600 18px/1.4 var(--f-text); }   /* form henüz bağlı değil (13.11.2026); bağlanınca kaldırılır */
.form-blok .req { margin: 0 0 24px; font-size: 16px; }
.form-blok .f-msg { width: 100%; min-height: 140px; resize: vertical; font: 400 18px/1.5 var(--f-text); padding: 12px 14px; }
.form-blok .tl { display: flex; width: max-content; margin: 12px -16px 0 auto; }   /* GÖNDER formun sağ kenarında (kullanıcı kararı, 10.11.2026); eşik metin kenarıyla hizalı */
.ozet { max-width: 620px; margin: 0 0 32px; padding: 18px 22px; border: 3px solid var(--eshik-graphite); border-left-width: 8px; outline: none; }
.ozet:focus-visible { box-shadow: 0 0 0 3px var(--eshik-chalk), 0 0 0 6px var(--eshik-graphite); }
.ozet-h { margin: 0 0 10px; font: 600 var(--s-21)/1.3 var(--f-text); }
.ozet ul { margin: 0; padding-left: 20px; } .ozet li { margin: 4px 0; }
.ozet a { color: var(--eshik-graphite); font-weight: 600; text-underline-offset: 3px; }
.durum { margin: 16px 0 0; font-size: 16px; }
@media (max-width: 640px) { .form-blok .tl { margin-right: -12px; } }

/* form ilk ekranda (kullanıcı onayı 06.11.2026): başlık tam genişlik; solda açıklama ve yazma rehberi, sağda kireç kartta form; kart kireç zemine taşar */
.il-ust { max-width: 1180px; margin: 0 auto; padding: clamp(48px, 9vh, 110px) var(--gutter) 0; }
.il-ust h1 { margin: 0; max-width: 22ch; font: 600 clamp(40px, 5vw, 64px)/1.02 var(--f-display); letter-spacing: -.01em; color: var(--eshik-chalk); outline: none; }   /* alt sayfalarla aynı: en çok 64 px (kullanıcı kararı, 10.11.2026) */
.il-ic { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); grid-template-rows: auto 1fr; grid-template-areas: "lead kart" "yaz kart"; gap: 0 clamp(40px, 5vw, 72px); margin-top: 36px; align-items: start; }
.il-ic .lead { grid-area: lead; margin: 0; font: 400 24px/1.4 var(--f-text); color: var(--eshik-chalk); }   /* ince açıklama 24 px (alt sayfalarla aynı) */
.il-yaz { grid-area: yaz; list-style: none; margin: 40px 0 0; padding: 0; }
.il-yaz li { position: relative; padding: 0 0 18px 30px; font: 400 24px/1.4 var(--f-text); color: var(--eshik-chalk); }   /* zeytinde ≥ 24 px */
.il-yaz li::before { content: ""; position: absolute; left: 0; top: .7em; width: 14px; height: 3px; background: var(--eshik-chalk); }
.il-kart { grid-area: kart; position: relative; z-index: 1; background: var(--eshik-chalk); color: var(--eshik-graphite); padding: clamp(24px, 3vw, 40px) clamp(24px, 3vw, 40px) 32px; margin-bottom: -1px; }
.il-kart .card { max-width: none; }
.il-zemin { background: var(--eshik-chalk); height: clamp(40px, 8vh, 80px); }
/* dar ekran: açıklama → form → rehber; rehber formun altında kireç yüzeyde (küçük metin kireçte serbest) */
@media (max-width: 860px) {
  .il-ic { grid-template-columns: 1fr; grid-template-rows: auto; grid-template-areas: "lead" "kart" "yaz"; row-gap: 32px; }
  .il-kart { margin: 0 calc(-1 * var(--gutter)); }
  .il-yaz { margin: -32px calc(-1 * var(--gutter)) 0; padding: 8px clamp(24px, 3vw, 40px) 0; background: var(--eshik-chalk); border-top: 2px solid var(--eshik-graphite); }
  .il-yaz li { padding-top: 16px; padding-bottom: 0; color: var(--eshik-graphite); font-size: 18px; }
  .il-yaz li::before { top: calc(16px + .7em); width: 12px; background: var(--eshik-graphite); }
}
/* yazma rehberi işaretleri M1 (kullanıcı kararı, 10.11.2026): numaralı adım, Michroma 01 · 02 · 03 üstünde kısa eşik; renk metinle aynı (masaüstünde zeytinde kireç, dar ekranda kireçte grafit) */
.il-yaz { counter-reset: il; }
.il-yaz li { counter-increment: il; padding-left: 58px; }
.il-yaz li::before { content: counter(il, decimal-leading-zero); width: auto; height: auto; top: .32em; background: none; border-top: 3px solid currentColor; padding-top: 7px; font: 400 13px/1 var(--f-label); letter-spacing: .14em; }
@media (max-width: 860px) { .il-yaz li::before { top: calc(16px + .32em); width: auto; background: none; } }