/* Family-page layout only. The homepage styles and visual composition are unchanged. */
.family-header{border-bottom:1px solid var(--dark-line)}
.family-header-inner{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-block:22px}
.family-header img{width:230px;height:auto}.family-header nav{display:flex;flex-wrap:wrap;gap:24px;font-size:14px}
.family-page a:hover{color:var(--copper)}.family-page .button-dark:hover{color:var(--white)}
.family-breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;font-size:13px;color:#c3bba9;padding:26px 0 42px}
.family-breadcrumbs a{text-decoration:underline;text-underline-offset:4px}
.family-hero{padding-bottom:64px}.family-hero-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:52px;align-items:center}
.family-hero .eyebrow{color:var(--copper);margin-bottom:20px}.family-page h1{font-size:clamp(34px,4.2vw,60px);line-height:1.12;overflow-wrap:anywhere}
.family-lead{margin-top:26px;color:#d8d5cf;max-width:740px}.family-figure{background:var(--panel);min-width:0}.family-figure img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}.family-figure figcaption{font-size:12px;padding:12px 18px;color:#d8d5cf}
.family-section{padding:72px 0}.family-page h2{font-size:clamp(28px,3vw,42px);line-height:1.2;letter-spacing:-.025em}.family-section .eyebrow{margin-bottom:14px}.family-copy{margin-top:22px;max-width:830px;color:var(--muted)}
.family-mark-group{margin-top:30px}.family-mark-group h3{font-size:17px;font-weight:400}.family-marks{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-wrap:wrap;gap:10px}.family-marks a{display:flex;gap:20px;justify-content:space-between;align-items:center;padding:13px 18px;border:1px solid var(--line);background:transparent;font-size:17px;overflow-wrap:anywhere}.family-marks a:hover{background:var(--ink);color:var(--white)}.family-marks span{color:var(--gold-dark)}.family-note{font-size:14px;max-width:850px;color:var(--muted);border-top:1px solid var(--line);margin-top:32px;padding-top:20px}
.family-guidance{background:var(--steel);color:var(--text)}.family-columns{display:grid;grid-template-columns:1fr 1fr;gap:76px}.family-checklist{padding-left:22px;margin:28px 0 32px}.family-checklist li{padding-left:8px;margin-bottom:18px}.family-explain article+article{margin-top:30px;border-top:1px solid var(--line);padding-top:28px}.family-explain h2{font-size:25px}.family-explain p{margin-top:14px;color:var(--muted)}
.family-source{border-left:3px solid var(--copper);padding:4px 0 4px 26px;max-width:1000px}.family-source h2{font-size:25px}.family-source p{margin-top:14px;color:var(--muted)}.family-source a{text-decoration:underline;text-underline-offset:3px}.family-faq{margin-top:64px}.family-faq h2{margin-bottom:26px}.family-faq details{border-top:1px solid var(--line);padding:20px 0}.family-faq details:last-child{border-bottom:1px solid var(--line)}.family-faq summary{cursor:pointer;font-size:18px;padding-right:15px}.family-faq p{margin-top:15px;max-width:900px;color:var(--muted)}
.family-related .eyebrow{color:var(--copper)}.family-related-links{margin-top:30px;display:grid;gap:0}.family-related-links a{border-top:1px solid var(--dark-line);padding:20px 0;display:flex;justify-content:space-between;gap:24px}.family-footer{border-top:1px solid var(--dark-line);padding:28px 0;font-size:14px;color:#c3bba9}.family-footer .container{display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px}
@media(max-width:900px){.family-hero-grid{grid-template-columns:1.5fr 1fr;gap:28px}.family-columns{gap:36px}.family-header nav{gap:16px}.family-header img{width:190px}}
@media(max-width:680px){.family-page .container{width:calc(100% - 40px)}.family-header-inner{flex-wrap:wrap;gap:18px}.family-header nav{font-size:13px;gap:20px}.family-breadcrumbs{padding:22px 0 30px}.family-hero-grid,.family-columns{grid-template-columns:1fr}.family-figure{max-width:400px}.family-figure img{aspect-ratio:1.25}.family-section{padding:48px 0}.family-hero{padding-bottom:40px}.family-marks a{font-size:16px;padding:12px 14px;gap:14px}.family-faq{margin-top:44px}.family-source{padding-left:18px}.family-page h1{font-size:36px}.family-lead{font-size:15px}.family-footer .container{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.family-note a{text-decoration:underline;text-underline-offset:3px}