/* Shared homepage navigation on every family content page. */
header.family-header{box-sizing:border-box;max-width:1320px;margin:0 auto;padding:30px 45px;display:flex;align-items:center;justify-content:space-between;gap:22px;border-bottom:1px solid #dcded2;font-family:"Malgun Gothic",sans-serif;line-height:1.5;color:#293d36;background:#f8f6f0}
.family-header .brand{flex-shrink:0;font-size:26px;font-weight:700;letter-spacing:-1px;text-decoration:none;color:inherit}
.family-header .brand span{display:block;font-size:9px;letter-spacing:2px;margin-top:4px;font-weight:400}
.family-header nav{display:flex;gap:16px 22px;flex-wrap:wrap;justify-content:flex-end;font-size:12px;width:auto}
.family-header nav a{display:inline-block;color:inherit;text-decoration:none;white-space:nowrap;font-weight:400}
.family-header nav .add-link{color:#ac673f;font-weight:700}
.family-header nav a:hover{text-decoration:underline;text-underline-offset:5px}
.family-header nav a[aria-current]{color:#ac673f;font-weight:700}
.family-header a:focus-visible{outline:3px solid #ac673f;outline-offset:5px}
@media(max-width:1000px){header.family-header{flex-wrap:wrap}.family-header nav{width:100%;justify-content:flex-start;gap:16px 24px}}
@media(max-width:750px){header.family-header{padding:22px}.family-header .brand{font-size:23px}}
@media(max-width:550px){.family-header nav{display:grid;grid-template-columns:1fr 1fr;gap:16px;font-size:12px}.family-header nav a{white-space:normal}}