/* Build 77 — isolated Family Health presentation. No assessment or legal selectors. */
#family-health.fh77{--fh77-emerald:#064b38;--fh77-cream:#fff8e9;--fh77-gold:#ffc847;position:relative;width:100%;margin:0;padding:0;border:0;isolation:isolate;overflow:hidden;background:var(--fh77-cream);color:#103e31}
#family-health.fh77 *,#family-health.fh77 *::before,#family-health.fh77 *::after{box-sizing:border-box}
#family-health .fh77-desktop{position:relative;display:none;width:100%}
#family-health .fh77-desktop picture{display:block}
#family-health .fh77-approved-art{display:block;width:100%;height:auto;margin:0;padding:0;border:0}
#family-health .fh77-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;border:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}
#family-health a.fh77-hotspot{position:absolute;z-index:3;display:block;margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:transparent!important;box-shadow:none!important;transform:none!important;filter:none!important;border-radius:14px;cursor:pointer}
#family-health .fh77-stories-hotspot{left:5.10%;top:56.25%;width:21.60%;height:6.07%}
#family-health .fh77-assessment-hotspot{left:28.30%;top:56.25%;width:22.22%;height:6.07%}
#family-health a.fh77-hotspot:focus-visible{outline:3px solid #fff;outline-offset:4px}
#family-health .fh77-native-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:26px;padding:40px 28px 62px;background:radial-gradient(ellipse at 68% 36%,#397058 0%,transparent 57%),linear-gradient(130deg,#064c38,#004b38 60%,#133f30);color:#fffef7}
#family-health .fh77-native-copy{position:relative;z-index:2;min-width:0}
#family-health .fh77-kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 23px;padding:10px 14px;border:1px solid #d4b052;border-radius:999px;color:#fffdf4;background:rgba(0,58,43,.15);font-family:inherit;font-size:11px;font-weight:750;letter-spacing:.11em;line-height:1.3;text-transform:uppercase}
#family-health .fh77-kicker svg{width:19px;height:23px;flex:none;fill:none;stroke:#f2c951;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#family-health h1{margin:0;font-family:Georgia,'Times New Roman',serif;font-weight:700;font-size:clamp(36px,5.2vw,54px);line-height:1.12;letter-spacing:-.025em;color:#fffef7;text-align:left}
#family-health .fh77-together{display:block;margin:8px 0 0 -3px}
#family-health .fh77-together img{display:block;width:min(100%,366px);height:auto}
#family-health .fh77-intro{margin:21px 0 25px;max-width:570px;font-size:17px;line-height:1.65;font-weight:400;color:#f6f8ef}
#family-health .fh77-native-actions{display:grid;grid-template-columns:1fr;gap:12px;max-width:440px}
#family-health a.fh77-native-cta{display:flex;align-items:center;justify-content:center;gap:12px;min-height:56px;width:100%;margin:0;padding:15px;border:1px solid transparent;border-radius:14px;font-family:inherit;font-size:16px;font-weight:750;line-height:1.35;text-align:center;text-decoration:none;box-shadow:0 10px 22px rgba(0,33,24,.12)}
#family-health a.fh77-native-cta--assessment{background:linear-gradient(180deg,#ffcf54,#ffc23c)!important;color:#062d24!important;border-color:#ffdc78!important}
#family-health a.fh77-native-cta--stories{background:linear-gradient(180deg,#fff,#f7fbf8)!important;color:#0e332b!important;border-color:#edf5ef!important}
#family-health .fh77-native-cta svg{width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
#family-health a.fh77-native-cta:focus-visible{outline:3px solid #fff;outline-offset:4px}
@media(hover:hover){#family-health a.fh77-native-cta:hover{box-shadow:0 13px 28px rgba(0,33,24,.24);filter:brightness(1.03)}}
#family-health .fh77-native-portrait{position:relative;z-index:2;min-width:0;overflow:hidden;border:1px solid rgba(243,213,129,.65);border-radius:26px;background:#d9dfca;box-shadow:0 22px 44px rgba(0,36,26,.21)}
#family-health .fh77-native-portrait picture,#family-health .fh77-native-portrait img{display:block;width:100%;height:auto}
#family-health .fh77-native-wave{position:absolute;left:0;bottom:-1px;width:100%;height:45px;z-index:1;fill:var(--fh77-cream);pointer-events:none}
#family-health .fh77-native-roadmap{position:relative;padding:32px 38px 35px;text-align:center;background:radial-gradient(ellipse at center,#fffbee 0%,var(--fh77-cream) 85%)}
#family-health .fh77-native-roadmap h2{position:relative;z-index:1;margin:0 auto;max-width:780px;font-family:Georgia,'Times New Roman',serif;font-size:clamp(29px,4.1vw,42px);line-height:1.14;color:#124632}
#family-health .fh77-roadmap-rule{display:block;width:115px;height:13px;margin:13px auto 15px;fill:none;stroke:#f3ac21;stroke-width:3.5;stroke-linecap:round}
#family-health .fh77-native-roadmap p{margin:0 auto;max-width:800px;font-size:17px;line-height:1.6;color:#24373c}
#family-health .fh77-star{position:absolute;width:27px;height:27px;pointer-events:none;color:#f2ae35}
#family-health .fh77-star svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2.7;stroke-linejoin:round}
#family-health .fh77-star--one{left:18px;top:17px;transform:rotate(-12deg)}
#family-health .fh77-star--two{right:17px;top:16px;width:22px;transform:rotate(9deg)}
/* The existing four pillar cards flow directly out of the approved roadmap. */
.family-health-page77 .fh77-pillars.family-matrix-section{margin:0;border-top:0;padding-top:14px;padding-bottom:58px;background:linear-gradient(180deg,#fff8e9,#fcf5ee)!important}
.family-health-page77 .fh77-pillars .family-blueprint-card{min-width:0}
@media(min-width:1024px){
 #family-health:not(.is-art-unavailable) .fh77-desktop{display:block}
 #family-health:not(.is-art-unavailable) .fh77-content{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;border:0!important;white-space:normal}
 #family-health:not(.is-art-unavailable) .fh77-native-actions,#family-health:not(.is-art-unavailable) .fh77-native-portrait,#family-health:not(.is-art-unavailable) .fh77-together img{display:none}
 #family-health.is-art-unavailable .fh77-native-hero{padding-inline:max(32px,calc((100vw - 1200px)/2))}
}
@media(max-width:700px){
 #family-health .fh77-native-hero{grid-template-columns:minmax(0,1fr);padding:33px 22px 60px;gap:29px}
 #family-health .fh77-native-copy{max-width:580px;width:100%;margin:0 auto}
 #family-health h1{font-size:clamp(35px,8.6vw,55px)}
 #family-health .fh77-together img{width:min(88%,360px)}
 #family-health .fh77-intro{font-size:17px;margin-top:20px}
 #family-health .fh77-native-actions{max-width:none}
 #family-health .fh77-native-portrait{max-width:540px;width:100%;justify-self:center;border-radius:23px}
 #family-health .fh77-native-roadmap{padding:23px 24px 29px}
 #family-health .fh77-native-roadmap h2{max-width:500px;font-size:clamp(28px,6.9vw,38px)}
 #family-health .fh77-native-roadmap p{font-size:16px}
 .family-health-page77 .fh77-pillars.family-matrix-section{padding-top:6px}
}
@media(max-width:359px){#family-health .fh77-native-hero{padding-inline:16px}#family-health .fh77-kicker{font-size:10px;padding-inline:12px;gap:8px}#family-health .fh77-intro{font-size:16px}#family-health a.fh77-native-cta{font-size:15px}}
@media print{
 #family-health .fh77-desktop{display:none!important}
 #family-health .fh77-content{position:static!important;width:auto!important;height:auto!important;clip:auto!important;clip-path:none!important;margin:0!important}
 #family-health .fh77-native-hero{background:white;color:black}
 #family-health h1,#family-health .fh77-intro,#family-health .fh77-kicker{color:black}
 #family-health .fh77-native-actions,#family-health .fh77-native-portrait{display:none!important}
}
/* Keep the existing header above the hero at tablet sizes; no navigation over the art. */
@media(max-width:860px){
 .family-health-page77 .site-header{grid-template-columns:minmax(0,1fr) auto!important}
 .family-health-page77 .menu-toggle{display:block!important;justify-self:end}
 .family-health-page77 .header-cta{display:none!important}
 .family-health-page77 .main-nav:not(.open){display:none!important}
 .family-health-page77 .main-nav.open{display:flex!important;position:absolute;top:100%;left:16px;right:16px;width:auto;height:auto;margin-top:8px;padding:12px 18px;gap:0;flex-direction:column;align-items:stretch;background:#fffaf2;border:1px solid rgba(177,136,69,.3);border-radius:16px;box-shadow:0 18px 36px rgba(11,45,33,.17);z-index:100}
 .family-health-page77 .main-nav.open a{padding:12px 6px;min-height:44px;white-space:nowrap}
}