/* Expert ailesi bölümü (RULES L20). `stamp.mjs --family` ile kopyalanır, siteye özel değildir:
   yalnız kanonik tokenları (L3) kullanır. Bileşen kendi <link>'iyle çağırır. */
.aile { padding-block: clamp(3rem, 7vw, 5rem); border-block-start: 1px solid var(--border); background: var(--bg-2); }
.aile-baslik { margin: 0.6rem 0 0; font-family: var(--f-disp); font-size: clamp(1.4rem, 3vw, 2rem); color: var(--ink); }
.aile-liste { list-style: none; margin: 1.75rem 0 0; padding: 0; display: grid; gap: 1rem; grid-template-columns: repeat(auto-fill, minmax(min(100%, 13rem), 1fr)); }
.aile-kart { padding: 1.1rem 1.2rem; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow); }
.aile-ad { display: inline-block; font-family: var(--f-disp); font-weight: 600; color: var(--ink); }
.aile-cumle { margin: 0.45rem 0 0; font-size: 0.92rem; line-height: 1.5; color: var(--muted); }
.aile-gorsel { display: block; width: 160px; height: 160px; margin: 0 auto 0.75rem; }
/* Bağlantı başlığı sitenin kendi bağlantı rengi, `yakinda` gri kalır (owner 2 Kas: "kendi linklerine uygun olana göre"). */
.aile-gorsel-link { display: block; width: fit-content; margin-inline: auto; }
a.aile-ad { color: var(--accent-text); text-decoration: none; }
a.aile-ad:hover, a.aile-ad:focus-visible { text-decoration: underline; text-underline-offset: 0.2em; }
.aile-yakinda { margin: 0.45rem 0 0; font-size: 0.85rem; color: var(--muted); }
.aile-kart[data-durum="yakinda"] .aile-ad { color: var(--muted); }