.diseases-hero{position:relative;overflow:hidden;padding:110px 0 90px;background:linear-gradient(128deg,#f9f6f0,#eee4d4 58%,#dac6a4)}
.diseases-hero::after{content:"";position:absolute;right:-140px;top:-160px;width:620px;height:620px;border:1px solid rgba(140,108,47,.25);border-radius:50%;box-shadow:inset 0 0 0 70px rgba(255,255,255,.15),inset 0 0 0 145px rgba(255,255,255,.08)}
.diseases-hero__inner{position:relative;z-index:1;max-width:1000px}
.diseases-hero h1{font-size:clamp(3.2rem,6vw,6rem)}
.diseases-intro__grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:start}
.diseases-intro__text{font-size:1.08rem;color:var(--muted)}
.diseases-intro__text p{margin-bottom:22px}
.disease-group+.disease-group{margin-top:86px}
.disease-group__head{margin-bottom:34px}
.disease-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.disease-grid--compact{grid-template-columns:repeat(3,1fr)}
.disease-card{display:flex;min-height:170px;flex-direction:column;padding:26px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 10px 30px rgba(49,39,29,.05);transition:.22s ease}
a.disease-card:hover{transform:translateY(-5px);border-color:rgba(140,108,47,.42);box-shadow:var(--shadow)}
.disease-card span{color:var(--gold);font-size:.78rem;font-weight:900;letter-spacing:.12em}
.disease-card strong{margin:auto 0 20px;font-family:Georgia,"Times New Roman",serif;font-size:1.36rem;line-height:1.18}
.disease-card small{color:var(--muted)}
a.disease-card small{color:var(--gold);font-weight:800}
.diseases-cta{padding-top:0}
.diseases-cta__box{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:center;padding:52px;border-radius:34px;color:#fff;background:linear-gradient(120deg,#60471d,#9a7737);box-shadow:var(--shadow)}
.diseases-cta__box .eyebrow{color:#ead5a7}
.diseases-cta__box p{color:rgba(255,255,255,.74)}
@media(max-width:1100px){.diseases-intro__grid{grid-template-columns:1fr;gap:26px}.disease-grid,.disease-grid--compact{grid-template-columns:repeat(2,1fr)}.diseases-cta__box{grid-template-columns:1fr}}
@media(max-width:680px){.diseases-hero{padding:76px 0 62px}.disease-grid,.disease-grid--compact{grid-template-columns:1fr}.disease-card{min-height:145px}.diseases-cta__box{padding:34px 25px}}

.disease-card__more{align-self:flex-start;margin-top:18px;padding:9px 16px;border-radius:999px;background:var(--gold);color:#fff;font-size:.86rem;font-weight:800;transition:.2s ease}
.disease-card__more:hover{background:#755723;transform:translateY(-1px)}
.disease-detail-hero{padding:92px 0 72px;background:linear-gradient(128deg,#f9f6f0,#eee4d4 58%,#dac6a4)}
.disease-detail-hero h1{max-width:1100px;font-size:clamp(3rem,5.5vw,5.7rem)}
.disease-back{display:inline-flex;margin-bottom:34px;color:var(--gold);font-weight:800}
.disease-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:70px;align-items:start}
.disease-article{max-width:920px;font-size:1.06rem}
.disease-article h2{font-size:clamp(1.8rem,3vw,2.7rem);margin:48px 0 18px}
.disease-article h2:first-child{margin-top:0}
.disease-article p,.disease-article li{color:var(--muted)}
.disease-article ul,.disease-article ol{display:grid;gap:10px;padding-left:24px}
.disease-aside{position:sticky;top:118px;display:grid;gap:18px}
.disease-aside__card,.disease-aside__note{padding:28px;border-radius:24px;border:1px solid var(--line);background:#fff;box-shadow:0 10px 30px rgba(49,39,29,.06)}
.disease-aside__card{background:linear-gradient(145deg,#fff,#f4ecdf)}
.disease-aside__note{background:var(--cream);font-size:.92rem}
@media(max-width:980px){.disease-detail-layout{grid-template-columns:1fr}.disease-aside{position:static;grid-template-columns:1fr 1fr}}
@media(max-width:680px){.disease-detail-hero{padding:70px 0 52px}.disease-aside{grid-template-columns:1fr}.disease-article{font-size:1rem}}

/* === V17: diseases mobile fixes === */
@media(max-width:680px){
  .diseases-hero h1,.disease-detail-hero h1{font-size:clamp(2.35rem,11vw,3.2rem);overflow-wrap:anywhere}
  .diseases-intro__grid{gap:18px}
  .disease-card{padding:22px;border-radius:20px}
  .disease-card strong{font-size:1.22rem;overflow-wrap:anywhere}
  .diseases-cta__box{gap:24px;padding:28px 22px;border-radius:24px}
  .disease-detail-layout{gap:34px}
  .disease-article{max-width:100%;overflow-wrap:anywhere}
  .disease-article img,.disease-article table{max-width:100%}
  .disease-article table{display:block;overflow-x:auto}
  .disease-aside__card,.disease-aside__note{padding:22px;border-radius:20px}
}