.health-complete .st-block { padding:52px 0; }
.health-complete .st-hero { padding-bottom:28px; }
.health-complete h2 { font-size:clamp(27px,2.3vw,34px); }
.health-complete .st-intro { font-size:16px; }
.health-complete .st-photo img { height:auto; aspect-ratio:4/3; object-fit:cover; }
.health-complete .hc-eligibility-photo img { aspect-ratio:1.45; }
.hc-eligibility { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin:24px 0 16px; }
.hc-eligibility p { border-top:1px solid var(--line); padding-top:16px; margin:0; }
.hc-eligibility strong { display:block; color:var(--ink); font-size:15px; }
.hc-eligibility span { display:block; font-size:13px; margin-top:6px; }
.hc-products { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.hc-product { overflow:hidden; border:1px solid var(--line); border-radius:24px; background:var(--paper); display:flex; flex-direction:column; }
.hc-product > img { display:block; width:100%; height:auto; aspect-ratio:1.6; object-fit:cover; }
.hc-product > div { padding:24px; display:flex; flex-direction:column; flex:1; }
.hc-product h3 { font-size:21px; line-height:1.25; margin:0 0 12px; }
.hc-product p { font-size:14px; line-height:1.7; color:var(--story-muted); margin:0 0 18px; }
.hc-product ul { list-style:none; padding:0; margin:0 0 18px; font-size:12px; color:var(--story-muted); }
.hc-product li { padding:6px 0; border-top:1px solid var(--line); }
.hc-product .st-link { margin-top:auto; }
.hc-product:first-child { background:var(--story-green); color:white; border-color:var(--story-green); }
.hc-product:first-child h3,.hc-product:first-child .st-link { color:white; }
.hc-product:first-child p,.hc-product:first-child ul { color:#e0ebe6; }
.hc-product:first-child li { border-color:#ffffff30; }
.hc-criteria { background:#eef3eb; }
.hc-four { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px; }
.hc-four article { border-top:1px solid #c8d7cd; padding-top:18px; }
.hc-four article > span { font-size:12px; font-weight:700; color:var(--teal); }
.hc-four h3 { font-size:18px; margin:12px 0 8px; }
.hc-four p { font-size:14px; line-height:1.7; color:var(--story-muted); margin:0; }
.hc-table { border:1px solid var(--line); border-radius:18px; overflow:auto; }
.hc-table table { width:100%; border-collapse:collapse; table-layout:fixed; margin:0; box-shadow:none; }
.hc-table caption { caption-side:bottom; text-align:left; font-size:12px; color:var(--story-muted); padding:12px 18px; }
.hc-table th,.hc-table td { padding:17px 20px; text-align:left; font-size:14px; line-height:1.65; border-bottom:1px solid var(--line); vertical-align:top; color:var(--ink); }
.hc-table thead th { background:var(--story-green); color:white; }
.hc-table th:first-child { width:22%; }
.hc-table tbody tr:nth-child(even) { background:#f8f7f2; }
.hc-process { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px; padding:0; margin:0; list-style:none; }
.hc-process li { border-top:1px solid #c8d7cd; padding-top:18px; }
.hc-process li > span { display:grid; place-items:center; width:32px; height:32px; border-radius:50%; background:var(--lime); font-size:14px; font-weight:700; margin-bottom:16px; }
.hc-process h3 { font-size:18px; line-height:1.3; margin:0 0 10px; }
.hc-process p { font-size:14px; color:var(--story-muted); line-height:1.7; margin:0; }
.hc-source { margin-top:24px; }
.hc-source a { color:var(--teal); text-decoration:underline; }
@media(max-width:1000px) {
 .hc-products { gap:16px; }
 .hc-product > div { padding:20px; }
 .hc-product h3 { font-size:19px; }
 .hc-four,.hc-process { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:700px) {
 .health-complete .st-block { padding:36px 0; }
 .hc-products { grid-template-columns:1fr; gap:24px; }
 .hc-product > img { aspect-ratio:1.75; }
 .hc-product > div { padding:24px; }
 .hc-product .st-link { margin-top:0; }
 .hc-eligibility { grid-template-columns:1fr; gap:12px; }
 .hc-table th,.hc-table td { padding:12px 10px; font-size:12px; overflow-wrap:break-word; }
 .hc-table th:first-child { width:25%; }
 .hc-four,.hc-process { gap:24px 20px; }
 .hc-four h3,.hc-process h3 { font-size:16px; }
 .hc-four p,.hc-process p { font-size:13px; }
 .health-complete .st-nav .container { gap:4px 18px; }
}
