.conditions-intro,.conditions-symptoms,.conditions-clinical{padding:42px 8%}
.conditions-page .eyebrow{color:var(--red)}
.conditions-page h2.eyebrow{font-family:var(--sans);font-size:12px;font-weight:700;line-height:1.5;letter-spacing:1.5px;margin:0}
.conditions-intro{display:grid;grid-template-columns:54% minmax(0,1fr);gap:42px;padding-top:36px;padding-bottom:44px}
.conditions-intro h1{font-size:clamp(38px,4vw,54px);line-height:1.1;letter-spacing:-.7px}
.conditions-subtitle{font-family:var(--serif);font-size:26px;line-height:1.3;color:#626b72;max-width:31ch;margin-top:20px}
.conditions-perspective{border-left:1px solid var(--line);padding-left:38px;display:flex;align-items:center}
.conditions-perspective p{font-family:Georgia,serif;font-style:italic;font-size:21px;line-height:1.55;color:#626b72}
.conditions-perspective p>span{display:block}
.conditions-symptoms{background:#f0f3f5}
.symptom-grid,.condition-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:0}
.symptom-grid{margin-top:12px}
.symptom-grid li{position:relative;padding:24px 15px;font-family:var(--serif);font-size:25px;line-height:1.25;text-align:center;border-bottom:1px solid var(--line);min-width:0}
.symptom-grid li:not(:nth-child(3n))::after{content:"";position:absolute;right:0;top:18px;bottom:18px;width:1px;background:var(--line)}
.symptom-grid li:nth-last-child(-n+3){border-bottom:0}
.condition-grid{margin-top:12px}
.condition-grid li{position:relative;padding:23px 22px;font-family:var(--serif);font-size:23px;line-height:1.35;border-bottom:1px solid var(--line);min-width:0}
.condition-grid li:nth-child(3n+1){padding-left:0}
.condition-grid li:not(:nth-child(3n))::after{content:"";position:absolute;right:0;top:18px;bottom:18px;width:1px;background:var(--line)}
.conditions-next{display:grid;grid-template-columns:65% minmax(0,1fr);gap:38px;margin-top:32px}
.conditions-next h2{font-size:40px;margin:0 0 14px}
.conditions-next p{font-size:16px;line-height:1.7;max-width:57ch}
.conditions-next>div:last-child{border-left:1px solid var(--line);padding-left:34px;display:flex;align-items:center}
.conditions-next .text-link{font-size:12px}
@media(min-width:1500px){.conditions-intro,.conditions-symptoms,.conditions-clinical{padding-left:max(8%,calc((100vw - 1260px)/2));padding-right:max(8%,calc((100vw - 1260px)/2))}}
@media(max-width:900px){.conditions-intro,.conditions-symptoms,.conditions-clinical{padding-left:6%;padding-right:6%}.conditions-intro{gap:28px}.conditions-intro h1{font-size:42px}.conditions-perspective{padding-left:26px}.conditions-perspective p{font-size:19px}.symptom-grid li{font-size:22px}.condition-grid li{font-size:21px;padding-left:17px;padding-right:17px}.conditions-next{grid-template-columns:60% minmax(0,1fr);gap:24px}.conditions-next>div:last-child{padding-left:24px}}
@media(max-width:600px){
 .conditions-intro,.conditions-symptoms,.conditions-clinical{padding:30px 6%}
 .conditions-intro{grid-template-columns:1fr;gap:24px}
 .conditions-intro h1{font-size:clamp(36px,9vw,44px)}
 .conditions-subtitle{font-size:24px}
 .conditions-perspective{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}
 .conditions-perspective p{font-size:clamp(15px,4.1vw,18px)}
 .conditions-perspective p>span{white-space:nowrap}
 .symptom-grid li{font-size:18px;padding:20px 5px;overflow-wrap:anywhere}
 .condition-grid{grid-template-columns:1fr}
 .condition-grid li{font-size:22px;padding:18px 0}
 .condition-grid li::after{display:none}
 .conditions-next{grid-template-columns:1fr;gap:22px;margin-top:28px}
 .conditions-next h2{font-size:34px}
 .conditions-next>div:last-child{border-left:0;padding:0}
}
