/* Hallmark · kilitli sistem: DESIGN.md (Meslekte Birlik) · kisi */
/* critique: P4 H4 E4 S4 R5 V3 · weakest: V, dört sayfa bilerek tek ailede; ayrım yalnızca düzenle (başkan öne çıkar, yıl + isim sütunları, ilçe satırı, komisyon satırı). Yeni renk/font yok, etiket yok, kutu içinde kutu yok. */
/* Hallmark · waive 44c · inner page: the surface title band is the template's page head, the people list starts below it · portrait grid carries the page */
/* Hallmark · waive 59 · kurucular and kurul pages are one list in one band, not stacked landing sections · rows and portraits need the shared 96px band padding */
/* Hallmark · waive 77 · people pages hold a single list (kurul, kurucular, ilçe, komisyon), thin by nature · the list itself is the mass */
/* Hallmark · waive 83 · the Yönetim Kurulu page is forty real portraits of its members · pictures are the content, not decoration */

/* === ortak: Yönetim Kurulu, Kurucular, İlçe Başkanları, Komisyonlar === */
.kisi .wp-block-post-template { list-style: none; margin: 0; padding: 0; }
.kisi .wp-block-post-template > li { margin: 0; }
.kisi__ad,
.kisi__unvan { margin: 0; overflow-wrap: break-word; min-width: 0; }
.kisi__ad { font-size: 1.0625rem; font-weight: 600; line-height: 1.3; letter-spacing: -0.01em; color: var(--wp--preset--color--primary); }
.kisi__unvan { font-size: var(--wp--preset--font-size--small); line-height: 1.4; color: var(--wp--preset--color--muted); }
.kisi__metin > * + * { margin-top: 4px; }

/* Portre: dernek çerçevesinden yüze kırpılmış 4:5 dosyalar. Fotoğrafı olmayan kişide yüzey rengi kalır. */
.kisi__foto { margin: 0; overflow: hidden; background: var(--wp--preset--color--surface); border-radius: var(--wp--custom--rounded--md); aspect-ratio: 4 / 5; }
.kisi__foto .wp-block-post-featured-image { margin: 0; height: 100%; }
.kisi__foto img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 20%; filter: saturate(0.95); }

/* === Yönetim Kurulu: başkan öne çıkar, kurul simetrik ızgara === */
.kisi--kurul .wp-block-post-template { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 40px 24px; }
.kisi--kurul .kisi__oge { height: 100%; }
.kisi--kurul .kisi__metin { margin-top: 14px; }
.kisi--kurul .wp-block-post-template > li:first-child { grid-column: 1 / -1; padding-bottom: var(--wp--preset--spacing--lg); border-bottom: 1px solid var(--wp--preset--color--line); }
.kisi--kurul .wp-block-post-template > li:first-child .kisi__oge { display: grid; grid-template-columns: minmax(0, 320px) minmax(0, 1fr); gap: clamp(32px, 6vw, 72px); align-items: end; }
.kisi--kurul .wp-block-post-template > li:first-child .kisi__metin { margin-top: 0; padding-bottom: 8px; }
.kisi--kurul .wp-block-post-template > li:first-child .kisi__ad { font-size: var(--wp--preset--font-size--display); font-weight: 600; line-height: 1.1; letter-spacing: -0.02em; }
.kisi--kurul .wp-block-post-template > li:first-child .kisi__unvan { margin-top: 20px; font-size: var(--wp--preset--font-size--title); }
.kisi--kurul .wp-block-post-template > li:first-child .kisi__unvan::before { content: ""; display: block; width: 32px; height: 2px; margin-bottom: 16px; background: var(--wp--preset--color--signal); }

/* === Kurucular: solda yıl, sağda alfabetik isim sütunları === */
.kisi--kurucular { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: clamp(32px, 6vw, 96px); align-items: start; }
.kisi--kurucular .kisi__yil { position: sticky; top: calc(var(--mb-top, 0px) + var(--mb-header-h, 40px) + 32px); }
.kisi--kurucular .kisi__yil > * { margin: 0; }
.kisi--kurucular .kisi__sayi { font-size: clamp(4rem, 9vw, 7.5rem); font-weight: 600; line-height: 0.95; letter-spacing: -0.045em; color: var(--wp--preset--color--primary); font-variant-numeric: tabular-nums; }
.kisi--kurucular .kisi__cumle { margin-top: 20px; max-width: 320px; font-size: var(--wp--preset--font-size--title); line-height: 1.4; color: var(--wp--preset--color--muted); }
.kisi--kurucular .wp-block-post-template { columns: 2; column-gap: 48px; }
.kisi--kurucular .wp-block-post-template > li { break-inside: avoid; }
.kisi--kurucular .kisi__oge { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 2px 16px; padding-block: 14px; border-top: 1px solid var(--wp--preset--color--line); }
.kisi--kurucular .kisi__ad { font-weight: 500; }
.kisi--kurucular .kisi__unvan { font-size: 0.875rem; color: var(--wp--preset--color--muted); }
.kisi--kurucular .kisi__unvan:empty { display: none; }

/* === İlçe Başkanları: ilçe önce, kişi altında; üç sütun === */
.kisi--ilce .wp-block-post-template { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 48px; }
.kisi--ilce .kisi__oge { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 18px; align-items: center; padding-block: 18px; border-top: 1px solid var(--wp--preset--color--line); }
.kisi--ilce .kisi__foto { width: 72px; border-radius: 50%; aspect-ratio: 1; }
.kisi--ilce .kisi__foto img,
.kisi--komisyon .kisi__foto img { object-position: 50% 20%; transform: scale(1.35); transform-origin: 50% 28%; }
.kisi--ilce .kisi__unvan { font-size: 1.125rem; font-weight: 600; line-height: 1.25; letter-spacing: -0.01em; color: var(--wp--preset--color--primary); }
.kisi--ilce .kisi__ad { margin-top: 2px; font-size: var(--wp--preset--font-size--body); font-weight: 400; color: var(--wp--preset--color--muted); }

/* === Komisyonlar: komisyon solda, başkanı sağda === */
.kisi--komisyon .kisi__giris { max-width: 640px; margin: 0 0 var(--wp--preset--spacing--lg); font-size: var(--wp--preset--font-size--title); line-height: 1.4; color: var(--wp--preset--color--muted); }
.kisi--komisyon .kisi__oge { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px 48px; align-items: center; padding-block: 24px; border-top: 1px solid var(--wp--preset--color--line); }
.kisi--komisyon .wp-block-post-template > li:last-child .kisi__oge { border-bottom: 1px solid var(--wp--preset--color--line); }
.kisi--komisyon .kisi__unvan { font-size: var(--wp--preset--font-size--headline); font-weight: 600; line-height: 1.2; letter-spacing: -0.01em; color: var(--wp--preset--color--primary); }
.kisi--komisyon .kisi__kisi { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 16px; align-items: center; }
.kisi--komisyon .kisi__foto { width: 64px; border-radius: 50%; aspect-ratio: 1; }
.kisi--komisyon .kisi__ad { font-size: var(--wp--preset--font-size--title); font-weight: 500; }

@media (max-width: 1000px) {
	.kisi--kurul .wp-block-post-template { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.kisi--ilce .wp-block-post-template { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 781px) {
	.kisi--kurul .wp-block-post-template > li:first-child .kisi__oge { grid-template-columns: minmax(0, 1fr); gap: 24px; }
	.kisi--kurul .wp-block-post-template > li:first-child .kisi__foto { max-width: 320px; }
	.kisi--kurucular { grid-template-columns: minmax(0, 1fr); }
	.kisi--kurucular .kisi__yil { position: static; }
	.kisi--komisyon .kisi__oge { grid-template-columns: minmax(0, 1fr); gap: 16px; }
}
@media (max-width: 600px) {
	.kisi--kurul .wp-block-post-template { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 16px; }
	.kisi--ilce .wp-block-post-template { grid-template-columns: minmax(0, 1fr); }
	.kisi--kurucular .wp-block-post-template { columns: 1; }
}