/* Sabit sayfalar ve formlar: iller, rehber, hakkımızda, KVKK, başvuru, iletişim */
.page { padding-top: var(--s-6); padding-bottom: var(--s-16); }
.page--narrow { max-width: 760px; }
.form-title { font-size: 32px; font-weight: 800; margin: var(--s-4) 0 var(--s-2); }
.lead { font-size: 17px; color: var(--c-muted); max-width: 64ch; }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: var(--s-4); width: 100%; }
.check-line { display: flex; gap: var(--s-3); align-items: flex-start; font-weight: 500 !important; cursor: pointer; }
.check-line input { margin-top: 2px; }

.prose h2, .prose-block h2 { font-size: var(--fs-h2); font-weight: 800; margin: var(--s-10) 0 var(--s-4); }
.prose p, .prose li { max-width: 68ch; margin-bottom: var(--s-3); }
.prose ul { padding-left: var(--s-5); }

.il-listesi { list-style: none; margin: var(--s-8) 0 0; padding: 0; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); grid-auto-rows: 1fr; gap: var(--s-2); }
.il-listesi a { height: 100%; display: flex; flex-direction: column; justify-content: center; min-height: 56px; padding: var(--s-2) var(--s-3); border: 1px solid var(--c-line); border-radius: var(--r-sm); color: var(--c-muted); text-decoration: none; }
.il-listesi a.var { color: var(--c-text); font-weight: 700; border-color: var(--c-tag-bg); background: var(--c-bg); }
.il-listesi a:hover { border-color: var(--c-primary); }
.il-listesi small { font-size: var(--fs-small); color: var(--c-muted); font-weight: 500; }

/* Kart ızgaraları: tüm satırlar en uzun kart kadar (grid-auto-rows: 1fr), kart linki hücreyi doldurur. */
.treat-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 1fr; gap: var(--s-3); }
.treat-grid a { height: 100%; display: flex; align-items: center; gap: var(--s-3); padding: var(--s-4); border: 1px solid var(--c-line); border-radius: var(--r-lg); color: var(--c-text); text-decoration: none; min-height: 88px; }
.treat-grid a:hover { border-color: var(--c-primary); }
.treat-grid .ikon:first-child { width: 28px; height: 28px; color: var(--c-primary); }
.treat-grid span { flex: 1; display: flex; flex-direction: column; gap: 2px; }
.treat-grid small { color: var(--c-muted); font-size: 14px; }
.treat-grid .ikon--muted { color: var(--c-muted); }

@media (max-width: 1023px) { .il-listesi { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 767px) {
  .form-title { font-size: 26px; }
  .form-row, .treat-grid { grid-template-columns: 1fr; }
  .il-listesi { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}