/* Julep Health Hormone Health | 2026 science-led editorial redesign */
.pp-hormone-health{background:#fffdf9;color:#133940}
.pp-hormone-health main{overflow:clip}
.pp-hormone-health .hh-overline{margin:0;color:#267d70;font-size:12px;font-weight:850;letter-spacing:.17em;text-transform:uppercase}
.hh-opening{position:relative;background:#f5f1e8;overflow:hidden;padding:clamp(70px,8vw,120px) max(6vw,24px) 76px;isolation:isolate}
.hh-opening-inner{position:relative;z-index:2;max-width:1410px;margin:0 auto}
.hh-opening .hh-overline span{padding:0 13px;opacity:.45}
.hh-opening h1{color:#09323c;font-size:clamp(62px,7.7vw,120px);line-height:.95;letter-spacing:-.065em;font-weight:770;max-width:1110px;margin:29px 0 27px;text-wrap:balance}
.hh-opening-lead{max-width:850px;color:#4a6061;font-size:clamp(18px,1.65vw,23px);line-height:1.65}
.hh-opening-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:35px;align-items:end;margin-top:50px;border-top:1px solid #cbd9cf;padding-top:28px;max-width:1100px}
.hh-opening-bottom p{font-size:16px;line-height:1.6;color:#234e50;max-width:650px;font-weight:660}
.hh-link{font-weight:850;color:#0a7564;text-decoration:none;border-bottom:2px solid #0a7564;padding-bottom:9px;white-space:nowrap}
.hh-pattern{position:absolute;right:-75px;top:50px;width:380px;height:380px;opacity:.25;z-index:1;pointer-events:none}
.hh-pattern span{position:absolute;display:block;border:1.5px solid #6a9c8d;border-radius:100%;transform:rotate(32deg)}
.hh-pattern span:nth-child(1){inset:12px 125px 12px 125px}.hh-pattern span:nth-child(2){inset:55px 70px}.hh-pattern span:nth-child(3){inset:120px 10px}.hh-pattern span:nth-child(4){inset:92px 48px;transform:rotate(-30deg)}.hh-pattern span:nth-child(5){width:14px;height:14px;background:#519b87;top:110px;left:180px;border:0}
.hh-systems{padding:85px max(5vw,22px) 100px;background:#fffdf9}
.hh-systems-head{max-width:1250px;margin:0 auto 37px;display:grid;grid-template-columns:1.05fr 1.35fr;gap:14px 50px;align-items:end}
.hh-systems-head .hh-overline{grid-column:1/-1}
.hh-systems-head h2,.hh-method h2,.hh-scope h2,.hh-questions h2,.hh-final h2{font-size:clamp(43px,5vw,72px);line-height:1.035;letter-spacing:-.055em;color:#11363f;text-wrap:balance}
.hh-systems-head>p:last-child{font-size:18px;line-height:1.65;color:#50666a;max-width:590px}
.hh-systems-grid{max-width:1350px;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #d9e0db;border-bottom:1px solid #d9e0db}
.hh-system{min-width:0;padding:32px 28px 36px;border-right:1px solid #d9e0db;position:relative}
.hh-system:last-child{border-right:none}
.hh-system::before{content:'';position:absolute;left:28px;top:-3px;height:5px;width:65px;background:var(--hh-accent)}
.hh-system-estrogen{--hh-accent:#b97978}.hh-system-thyroid{--hh-accent:#447b88}.hh-system-testosterone{--hh-accent:#8a80b5}.hh-system-insulin{--hh-accent:#719767}
.hh-system-index{font-size:11px;letter-spacing:.11em;color:var(--hh-accent);font-weight:800}
.hh-system h3{margin:23px 0 14px;font-size:clamp(23px,2.25vw,32px);line-height:1.1;letter-spacing:-.035em;color:#123940}
.hh-system p{font-size:15px;line-height:1.72;color:#54676a}
.hh-feature{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,.87fr);min-height:670px;background:#0c343e;color:#fff}
.hh-feature-photo{min-width:0;min-height:540px;overflow:hidden}.hh-feature-photo picture,.hh-feature-photo img{display:block;width:100%;height:100%}.hh-feature-photo img{object-fit:cover;object-position:center 50%}
.hh-feature-text{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(52px,6vw,95px) clamp(36px,6vw,92px)}
.hh-feature-text .hh-overline{color:#9de5d0}.hh-feature-text h2{font-size:clamp(42px,4.6vw,66px);letter-spacing:-.055em;line-height:1.04;color:#fff;margin:25px 0 14px;max-width:680px}
.hh-feature-text p:not(.hh-overline){font-size:17px;line-height:1.74;color:#d5e3e1;margin-top:14px;max-width:630px}
.hh-inline-link{margin-top:25px;color:#a9ead8;font-size:14px;font-weight:760;text-decoration:underline;text-underline-offset:5px}
.hh-method{background:#eaf2ed;padding:clamp(77px,8vw,122px) max(6vw,24px);display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(40px,8vw,140px)}
.hh-method-lead{max-width:640px}.hh-method h2{margin:25px 0}.hh-method-lead>p:last-child{font-size:18px;line-height:1.7;color:#4f686a}
.hh-method-points{border-top:1px solid #b9cbc4}
.hh-method-point{padding:27px 0;border-bottom:1px solid #b9cbc4;display:grid;grid-template-columns:45px 1fr;gap:16px}
.hh-method-point>span{font-weight:900;color:#287e6e;font-size:12px;letter-spacing:.1em;padding-top:5px}
.hh-method-point h3{font-size:24px;letter-spacing:-.025em;line-height:1.22;color:#163f45}
.hh-method-point p{font-size:16px;line-height:1.7;color:#50666a;margin-top:10px;max-width:700px}
.hh-scope{padding:100px max(6vw,24px);background:#fffdf9}
.hh-scope-top{max-width:1280px;margin:0 auto 40px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:16px 60px;align-items:end}
.hh-scope-top .hh-overline{grid-column:1/-1}.hh-scope-top>p:last-child{font-size:18px;line-height:1.7;color:#536a6d;max-width:670px}
.hh-scope-list{max-width:1280px;margin:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #cddbd4}
.hh-scope-list article{display:grid;grid-template-columns:45px 1fr;gap:15px;padding:32px 36px 36px 0;border-bottom:1px solid #cddbd4}
.hh-scope-list article:nth-child(odd){border-right:1px solid #cddbd4}.hh-scope-list article:nth-child(even){padding-left:36px}
.hh-scope-num{color:#287d71;font-weight:850;font-size:12px;letter-spacing:.08em;padding-top:4px}
.hh-scope-list h3{font-size:clamp(22px,2.2vw,32px);letter-spacing:-.035em;line-height:1.17}
.hh-scope-list p{margin-top:13px;color:#52696b;font-size:16px;line-height:1.7}
.hh-questions{padding:92px max(6vw,24px) 110px;background:#f4f5ef;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:30px 90px}
.hh-questions>div:first-child h2{margin-top:24px}.hh-questions .pp-faq{max-width:none;border-color:#c9d7cf}
.hh-questions .pp-faq details{padding:25px 0;border-color:#c9d7cf}.hh-questions .pp-faq summary{font-size:20px}.hh-questions .pp-faq p{color:#4d6468}
.hh-sources{grid-column:2;font-size:12px;line-height:1.6;color:#637978}.hh-sources a{color:#226e62;text-decoration:underline;text-underline-offset:3px}
.hh-final{background:#0b323b;color:#fff;padding:84px max(6vw,24px);display:flex;align-items:center;justify-content:space-between;gap:50px}
.hh-final>div:first-child{max-width:840px}.hh-final .hh-overline{color:#a0e8d3}.hh-final h2{color:#fff;margin:22px 0 15px}.hh-final p:not(.hh-overline){font-size:18px;line-height:1.65;color:#cfddda}
.hh-final-actions{display:flex;flex-direction:column;gap:24px;align-items:center;min-width:240px}.hh-final-secondary{color:#b8efdf;font-size:15px;font-weight:800;text-decoration:underline;text-underline-offset:5px}
@media(max-width:1050px){.hh-pattern{opacity:.1}.hh-systems-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hh-system:nth-child(2){border-right:none}.hh-system:nth-child(-n+2){border-bottom:1px solid #d9e0db}.hh-feature{grid-template-columns:1fr 1fr}.hh-method{gap:50px}.hh-questions{gap:30px}}
@media(max-width:760px){.hh-opening{padding:70px 22px 58px}.hh-opening h1{font-size:clamp(46px,12vw,67px)}.hh-opening-lead{font-size:17px}.hh-opening-bottom{grid-template-columns:1fr;gap:20px;margin-top:35px}.hh-link{width:max-content;max-width:100%;white-space:normal}.hh-systems{padding:65px 22px}.hh-systems-head,.hh-scope-top{grid-template-columns:1fr;gap:18px}.hh-systems-head .hh-overline,.hh-scope-top .hh-overline{grid-column:auto}.hh-systems-grid{grid-template-columns:1fr}.hh-system{padding:29px 8px 30px 14px;border-right:none!important;border-bottom:1px solid #d9e0db}.hh-system:last-child{border-bottom:0}.hh-system::before{left:14px}.hh-feature{grid-template-columns:1fr}.hh-feature-photo{min-height:320px;max-height:440px}.hh-feature-text{padding:60px 24px 70px}.hh-method{grid-template-columns:1fr;padding:70px 24px;gap:40px}.hh-scope{padding:70px 24px}.hh-scope-list{grid-template-columns:1fr}.hh-scope-list article,.hh-scope-list article:nth-child(even){border-right:none;padding:30px 0}.hh-questions{grid-template-columns:1fr;padding:70px 24px 80px}.hh-sources{grid-column:auto}.hh-final{padding:75px 24px;flex-direction:column;align-items:flex-start}.hh-final-actions{width:100%;align-items:stretch}.hh-final-actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){.hh-opening *,.hh-feature *{scroll-behavior:auto}}


/* v19 | Patient symptom presentation inspired by original Julep Hormone Health page */
.hh-symptoms{padding:clamp(76px,8vw,116px) max(6vw,24px) 82px;background:#f8f8f4}
.hh-symptoms-heading{max-width:1280px;margin:0 auto 38px;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);column-gap:clamp(35px,7vw,110px);align-items:end}
.hh-symptoms-heading h2{font-size:clamp(43px,5.2vw,72px);line-height:1.04;letter-spacing:-.055em;color:#103841;margin:22px 0 0;text-wrap:balance}
.hh-symptoms-heading>p{font-size:18px;line-height:1.7;color:#53686b;max-width:550px}
.hh-symptoms-grid{max-width:1280px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 auto}
.hh-symptom-group{--symptom-accent:#8a6d79;--symptom-border:#e6d1d4;--symptom-bg:#f4e9e8;--symptom-pill:#fffbfa;min-width:0;border:1px solid var(--symptom-border);border-radius:25px;overflow:hidden;background:var(--symptom-bg);display:flex;flex-direction:column}
.hh-symptom-men{--symptom-accent:#4d7787;--symptom-border:#cbdde2;--symptom-bg:#eaf2f2;--symptom-pill:#fbfefe}
.hh-symptom-group-top{padding:34px 36px 20px}
.hh-symptom-number{display:inline-block;color:var(--symptom-accent);font-size:11px;letter-spacing:.15em;font-weight:900}
.hh-symptom-group h3{font-size:clamp(33px,3.25vw,49px);line-height:1.05;letter-spacing:-.055em;margin:15px 0 14px;color:#123940}
.hh-symptom-group-top>p{font-size:16px;line-height:1.65;color:#47636a;max-width:510px}
.hh-symptom-list{list-style:none;display:flex;align-items:flex-start;align-content:flex-start;flex-wrap:wrap;gap:9px;padding:3px 36px 30px;margin:0}
.hh-symptom-list li{font-size:14px;line-height:1.35;font-weight:730;color:#26464d;background:var(--symptom-pill);border:1px solid var(--symptom-border);border-radius:999px;padding:11px 15px;max-width:100%}
.hh-symptom-summary{border-top:1px solid var(--symptom-border);font-size:15px;line-height:1.65;color:#49636a;margin-top:auto;padding:24px 36px 28px;background:rgba(255,255,255,.34)}
.hh-symptoms-foot{max-width:1280px;margin:23px auto 0;display:flex;align-items:flex-start;gap:16px;border-top:1px solid #d9e3dc;padding:24px 3px 0}
.hh-symptoms-foot span{color:#327a6e;font-size:21px;line-height:1}
.hh-symptoms-foot p{font-size:15px;line-height:1.68;color:#526a6a;max-width:890px}
@media(max-width:760px){
 .hh-symptoms{padding:70px 22px 65px}
 .hh-symptoms-heading{grid-template-columns:1fr;gap:18px;margin-bottom:27px}
 .hh-symptoms-heading>p{font-size:16px}
 .hh-symptoms-grid{grid-template-columns:1fr;gap:15px}
 .hh-symptom-group-top{padding:29px 23px 17px}
 .hh-symptom-list{padding:3px 23px 24px;gap:8px}
 .hh-symptom-list li{font-size:13px;padding:10px 13px}
 .hh-symptom-summary{padding:20px 23px 24px}
}


/* v29 phone legibility. */
@media(max-width:760px){.pp-hormone-health .hh-overline,.pp-hormone-health .hh-system-index,.pp-hormone-health .hh-symptom-number{font-size:12.5px!important}}