.family-resources{padding:60px 0;background:linear-gradient(115deg,#f4f4fb,#f7faf9 65%,#fdf7f1);scroll-margin-top:115px;margin-top:35px;border-block:1px solid #e7e8ef}
.family-resources-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:end;margin-bottom:30px}
.home-page .family-resources .eyebrow{color:var(--forest);font-size:10px;margin-bottom:14px}
.home-page .family-resources h2{font-weight:var(--heading-weight);font-size:clamp(30px,3vw,42px);line-height:1.14;letter-spacing:-.04em}
.family-resources h2 em{font-family:Georgia,serif;font-weight:400;color:var(--forest)}
.family-resources-heading>p{font-size:14px;line-height:1.85;max-width:450px}
.family-pills{display:flex;flex-wrap:wrap;gap:9px}
.family-color--rose{--topic-color:#c13937;--topic-tint:#fbeae8}.family-color--amber{--topic-color:#896018;--topic-tint:#fbf2e2}.family-color--green{--topic-color:#35634a;--topic-tint:#eaf1eb}.family-color--teal{--topic-color:#25747a;--topic-tint:#e8f4f3}.family-color--blue{--topic-color:#45638d;--topic-tint:#eaf0fb}.family-color--purple{--topic-color:#79538d;--topic-tint:#f3ecf9}
.family-pill{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:9px 17px;border:1px solid #d8dce5;border-radius:999px;background:#fff;color:var(--navy);font-size:13px;font-weight:600;text-decoration:none;line-height:1.3;cursor:pointer}
.family-pill>span{width:8px;height:8px;border-radius:50%;background:var(--topic-color);flex-shrink:0}
.family-pill:hover{background:var(--topic-tint);border-color:var(--topic-color)}
.family-pill[aria-pressed="true"]{color:var(--topic-color);border:2px solid var(--topic-color);padding:8px 16px;background:#fff;box-shadow:0 5px 15px #19284908}
.family-pill[aria-pressed="true"]>span{box-shadow:0 0 0 5px var(--topic-tint)}
.family-pill:focus-visible,.family-source:focus-visible{outline:3px solid var(--topic-color);outline-offset:4px}
.family-descriptions{margin-top:24px}
.family-detail{padding:26px 30px;border:1px solid color-mix(in srgb,var(--topic-color) 35%,white);border-radius:20px;background:#fff;scroll-margin-top:130px;min-height:219px}
.family-detail+.family-detail{margin-top:16px}
.family-resources.is-enhanced .family-detail{margin-top:0}
.family-detail[hidden]{display:none}
.family-detail-label{font-size:11px;font-weight:600;color:var(--topic-color);margin-bottom:10px;line-height:1.6}
.family-detail-label>span{font-weight:400;color:var(--text)}
.home-page .family-detail h3{color:var(--topic-color);font-size:25px;font-weight:var(--heading-weight);line-height:1.25;letter-spacing:-.015em;margin-bottom:10px}
.family-detail-copy{font-size:15px;line-height:1.8;max-width:870px}
.family-source{display:inline-flex;gap:16px;font-size:11px;font-weight:600;color:var(--navy);text-decoration:underline;text-underline-offset:3px;margin-top:15px}
.family-scope{font-size:11px;line-height:1.8;max-width:950px;margin-top:19px;color:var(--text)}
@media(max-width:760px){.family-resources{padding:42px 0;scroll-margin-top:100px}.family-resources-heading{grid-template-columns:1fr;gap:20px;margin-bottom:25px}.family-resources-heading>p{font-size:13px}.family-pill{font-size:12px;padding:9px 13px}.family-pill[aria-pressed="true"]{padding:8px 12px}.family-pills{gap:8px}.family-detail{padding:23px;min-height:275px}.home-page .family-detail h3{font-size:23px}.family-detail-copy{font-size:14px}.family-scope{font-size:11px}}