/* Family overview extends the shared public-page and resource components. */
.family-page section[id]{scroll-margin-top:145px}
.family-hero{padding:64px 0;background:linear-gradient(120deg,#fff5e7,#f3f6ed)}
.family-hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center}
.development-badge{display:inline-block;padding:7px 13px;border:1px solid #d3b492;border-radius:30px;background:#fffaf2;color:#78421f;font-size:13px;font-weight:750}
.family-hero h1{font:700 clamp(44px,5.5vw,72px)/1.04 Georgia,serif;letter-spacing:-.04em;margin:24px 0}
.family-hero h1 em{color:var(--warm);font-weight:400}
.family-hero .lead{font-size:19px;max-width:580px;color:#355451}
.family-hero .button{background:#91431f;gap:22px;margin-top:12px}
.family-hero figure{margin:0;position:relative;padding-bottom:24px}
.family-hero figure img{width:100%;height:460px;object-fit:cover;border-radius:150px 150px 22px 22px}
.family-hero figcaption{position:absolute;bottom:0;left:20px;padding:17px 24px;background:var(--cream);border:1px solid var(--line);border-radius:12px;font:italic 21px Georgia,serif}
.family-section{padding-block:68px}
.family-page h2{font:700 clamp(30px,3.8vw,44px)/1.12 Georgia,serif;letter-spacing:-.025em;margin:0 0 20px}
.section-lead{max-width:780px;color:#355451}
.family-page .topic-cards{max-width:none}
.family-page .topic-card a{margin-top:16px}
.family-guides{background:#f0f5ee;padding:8px 0 36px}
.family-guide{padding:46px 0;border-bottom:1px solid #cad8cb}
.family-guide h2{margin-top:0}
.family-guide li+li{margin-top:10px}
.family-guide .source-note{font-size:14px;margin-top:24px}
.editorial-note{padding-top:25px}
.family-page a{overflow-wrap:anywhere}
@media(max-width:820px){.family-hero-grid{grid-template-columns:1fr;gap:30px}.family-hero{padding-block:38px}.family-hero figure{max-width:520px;width:100%;margin:auto}.family-hero figure img{height:350px}.family-section{padding-block:44px}.family-guide{padding-block:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.family-page .button:hover{transform:none}}