.health-goals-directory { padding: clamp(.75rem,2vw,1.25rem) 0 clamp(3rem,6vw,5rem); }
/* Package 21.15 Phase 13: hero markup now uses the shared Text-Led Directory Hero (.hero-directory, styled in pages/directory-archives.css - this route already loads that file). */
.health-goals-directory .aanya-breadcrumbs{margin:.5rem 0 .8rem}
.health-goals-directory .hero-directory{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:clamp(1.5rem,4vw,4rem);align-items:end;max-width:none;margin:.25rem 0 1rem}
.health-goals-directory .hero-directory__eyebrow,.health-goals-directory .hero-directory__title,.health-goals-directory .hero-directory__intro{grid-column:1}
.health-goals-directory .hero-directory__title{margin-bottom:.4rem;font-size:clamp(2rem,4vw,3.15rem)}
.health-goals-directory .hero-directory__intro{max-width:64ch;font-size:1rem;line-height:1.55}
.health-goals-directory .hero-directory__meta{grid-column:1;margin-top:.55rem}
.health-goals-directory .hero-directory .entity-actions{grid-column:2;grid-row:1/5;align-self:end;margin:0}
.health-goals-directory>.container>.archive-filters{margin:.75rem 0 1rem}
.health-goals-directory__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; margin: 0; padding: 0; list-style: none; }
.health-goal-directory-card { display: grid; grid-template-columns: 3rem minmax(0,1fr); gap: 1rem; height: 100%; padding: 1.35rem; border: 1px solid #dce5d7; border-radius: 1.1rem; background: #fff; box-shadow: 0 12px 30px rgba(32,61,41,.06); }
.health-goal-directory-card__icon { display: grid; place-items: center; width: 3rem; height: 3rem; border-radius: 50%; background: #e9f2e3; color: #527e22; }
.health-goal-directory-card__icon svg { width: 1.45rem; height: 1.45rem; }
.health-goal-directory-card h2 { margin: 0 0 .55rem; font-size: 1.35rem; }
.health-goal-directory-card h2 a { color: #203d29; text-decoration: none; }
.health-goal-directory-card p { color: #657469; line-height: 1.55; }
.health-goal-directory-card__count { font-size: .82rem; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; }
.health-goal-directory-card__link { display: inline-flex; align-items: center; gap: .35rem; color: #527e22; font-weight: 800; }
.health-goal-directory-card__link .aanya-icon svg { width: 1rem; height: 1rem; }
.health-goal-directory-card a:focus-visible { outline: 3px solid #527e22; outline-offset: 3px; }
@media(max-width:62rem){.health-goals-directory__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:50rem){.health-goals-directory .hero-directory{display:block}.health-goals-directory .hero-directory .entity-actions{margin-top:.85rem}}
@media(max-width:40rem){.health-goals-directory{padding-top:.5rem}.health-goals-directory__grid{grid-template-columns:1fr}.health-goal-directory-card{grid-template-columns:2.75rem minmax(0,1fr);padding:1rem}.health-goal-directory-card__icon{width:2.75rem;height:2.75rem}}