.family-site-header{position:sticky;top:0;z-index:30;background:#fffdf8f5;border-bottom:1px solid #dcc9a6;backdrop-filter:blur(12px)}
.family-site-header .family-navigation{max-width:1080px;margin:auto;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));text-align:center;gap:8px;padding:8px 20px;align-items:center}
.family-site-header .family-navigation a{display:flex;align-items:center;justify-content:center;min-height:44px;box-sizing:border-box;padding:5px 8px;border-radius:3px;text-decoration:none;font-size:17px;color:#314d34;line-height:1.5}
.family-navigation a:hover,.family-navigation a[aria-current],.family-navigation .branch-current{background:#eaeadd}
.family-site-header a:focus-visible{outline:3px solid #aa8351;outline-offset:3px}
.family-community{max-width:1200px;margin:14px auto;padding:0 24px;text-align:right;font-size:14px}.family-community a{color:#314d34;text-underline-offset:3px}
@media(max-width:550px){.family-site-header .family-navigation{grid-template-columns:repeat(3,minmax(0,1fr));padding:6px 8px;gap:3px}.family-site-header .family-navigation a{font-size:15px;padding:5px 2px}.family-community{text-align:center;font-size:13px;padding:0 16px}}
@media screen{body>header.site-header.family-site-header{position:sticky;top:0;z-index:30}html{scroll-padding-top:80px}}
@media screen and (max-width:550px){html{scroll-padding-top:120px}}