@import url('/assets/detail-mobile.css');

/* Individual condition page content blocks */
.condition-motiva-help,
.condition-symptoms,
.condition-causes,
.condition-approach,
.condition-faq,
.condition-treatments{
  border-top:1px solid var(--motiva-line,#DED7CE);
  padding:72px 0;
}
.condition-motiva-help,
.condition-causes,
.condition-faq,
.condition-treatments{background:#fff!important}
.condition-symptoms,
.condition-approach{background:var(--motiva-sage-light,#F3F5F1)!important}
.condition-content-wrap{width:min(100% - 40px,1040px);margin:0 auto}
.condition-content-wrap .section-head{max-width:800px;margin-bottom:28px}
.condition-overview-copy{font-size:1.08rem;line-height:1.78;max-width:880px;color:var(--motiva-text,#445049);margin:0}
.condition-what-inline{margin:18px 0 22px;max-width:760px}
.condition-what-inline h2{font-size:clamp(1.35rem,2.2vw,1.8rem)!important;line-height:1.2;margin:0 0 10px;color:var(--ink,#2F3A34)!important}
.condition-what-inline p{margin:0;font-size:1.04rem;line-height:1.72;color:var(--motiva-text,#445049)}

.condition-symptom-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;margin:0;padding:0;list-style:none}
.condition-symptom-grid li{position:relative;background:#fff;border:1px solid var(--motiva-line,#DED7CE);border-radius:14px;padding:16px 18px 16px 46px;color:var(--motiva-text,#445049);line-height:1.55;box-shadow:0 5px 18px rgba(47,58,52,.045)}
.condition-symptom-grid li::before{content:'✓';position:absolute;left:17px;top:15px;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:var(--motiva-green-soft,#EDF1EC);color:var(--motiva-green-deep,#556755);font-size:12px;font-weight:900}

.condition-cause-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}
.condition-cause-item{display:flex;gap:12px;align-items:flex-start;padding:18px;border:1px solid var(--motiva-line,#DED7CE);border-radius:14px;background:#fff}
.condition-cause-item>span{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:var(--motiva-gold-soft,#F4E8DC);color:var(--motiva-gold,#C58E5F);font-weight:900;line-height:1}
.condition-cause-item p{margin:0;color:var(--motiva-text,#445049);line-height:1.6}

.condition-approach-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.condition-approach-step{padding:20px;border:1px solid var(--motiva-line,#DED7CE);border-radius:16px;background:#fff;min-height:210px}
.condition-approach-step>b{display:inline-block;margin-bottom:18px;color:var(--energy-deep,#9B7248);font-family:'IBM Plex Mono',monospace;font-size:.9rem;letter-spacing:.08em}
.condition-approach-step h3{margin:0 0 9px;color:var(--motiva-green-deep,#556755);font-size:1.08rem}
.condition-approach-step p{margin:0;color:var(--motiva-text,#445049);font-size:.94rem;line-height:1.6}
.condition-note{margin-top:28px}

.condition-faq-list{display:grid;gap:12px;max-width:900px}
.condition-faq-list details{border:1px solid var(--motiva-line,#DED7CE);border-radius:14px;background:#fff;padding:0 18px}
.condition-faq-list summary{cursor:pointer;padding:18px 0;font-weight:750;color:var(--ink,#2F3A34)}
.condition-faq-list details p{margin:0;padding:0 0 18px;color:var(--motiva-text,#445049);line-height:1.65;max-width:820px}

.related-treatment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:8px}
.related-treatment-card{display:flex;flex-direction:column;gap:8px;min-height:150px;padding:20px;border:1px solid var(--motiva-line,#DED7CE);border-radius:16px;background:#fff;text-decoration:none;box-shadow:0 6px 20px rgba(47,58,52,.05);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.related-treatment-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(47,58,52,.085);border-color:#C9B9A8}
.related-treatment-card strong{font-size:1.02rem;color:var(--motiva-green-deep,#556755)}
.related-treatment-card span{font-size:.93rem;line-height:1.55;color:var(--motiva-text,#445049)}
.related-treatment-card .treatment-arrow{margin-top:auto;color:var(--energy-deep,#9B7248);font-weight:800}
.all-treatments-row,.all-conditions-row{margin-top:24px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.all-treatments-row>span,.all-conditions-row>span{color:var(--motiva-text,#445049);font-size:.94rem}

/* Personalized Opening List rail for individual condition and treatment pages */
.detail-opening-rail{width:min(calc(100% - 40px),760px);margin:34px auto 18px;position:relative;z-index:8}
.detail-opening-card{background:#fff;border:1px solid var(--motiva-line,#DED7CE);border-radius:20px;padding:22px;box-shadow:0 16px 42px rgba(47,58,52,.11)}
.detail-opening-card .eyebrow{display:block;margin-bottom:8px}
.detail-opening-card h2{margin:0;font-size:clamp(1.35rem,2.1vw,1.75rem);line-height:1.18;color:var(--ink,#2F3A34)!important}
.detail-opening-copy{margin:10px 0 14px;color:var(--motiva-text,#445049);font-size:.94rem;line-height:1.55}
.detail-opening-location{display:grid;gap:2px;margin:0 0 14px;padding:12px 14px;border-radius:12px;background:var(--motiva-sage-light,#F3F5F1);color:var(--motiva-text,#445049);font-size:.82rem;line-height:1.45}
.detail-opening-location strong{color:var(--motiva-green-deep,#556755);font-size:.86rem}
.detail-opening-form-wrap{overflow:hidden;border:1px solid var(--motiva-line,#DED7CE);border-radius:14px;background:#fff}
.detail-opening-form{display:block;width:100%;height:455px;border:0;background:#fff}
.detail-opening-privacy{margin:12px 0 6px;color:var(--muted,#68736D);font-size:.74rem;line-height:1.45}
.detail-opening-fallback{display:inline-block;color:var(--energy-deep,#9B7248);font-size:.79rem;font-weight:800;text-decoration:none}
.detail-opening-fallback:hover{text-decoration:underline}

@media(min-width:1280px){
  .detail-opening-rail{position:fixed;top:164px;right:max(20px,calc((100vw - 1240px)/2));width:320px;margin:0;max-height:calc(100vh - 184px);overflow:auto;opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .18s ease,transform .18s ease}
  .detail-opening-rail.is-visible{opacity:1;transform:none;pointer-events:auto}
  .detail-opening-card{padding:18px;border-radius:18px}
  .detail-opening-card h2{font-size:1.34rem}
  .detail-opening-copy{font-size:.87rem}
  .detail-opening-location{font-size:.76rem;padding:10px 12px}
  .detail-opening-form{height:390px}
  body:has(.detail-opening-rail) main>section:not(.page-hero):not(.final-cta)>.wrap{width:min(calc(100% - 400px),840px);margin-left:max(20px,calc((100vw - 1240px)/2));margin-right:auto}
  body:has(.detail-opening-rail) .condition-approach-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body:has(.detail-opening-rail) .related-treatment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Tablet/mobile detail pages should not keep desktop-sized vertical gaps. */
@media(max-width:980px){
  /* The compact "On this page" navigator is intentionally removed on tablet and mobile. */
  .mobile-page-nav{display:none!important}
  .condition-motiva-help,.condition-symptoms,.condition-causes,.condition-approach,.condition-faq,.condition-treatments{padding:52px 0}
  .condition-content-wrap .section-head{margin-bottom:22px}
  .detail-opening-rail{margin:26px auto 18px}
}

@media(max-width:900px){
  .condition-approach-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .related-treatment-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .condition-motiva-help,.condition-symptoms,.condition-causes,.condition-approach,.condition-faq,.condition-treatments{padding:40px 0}
  .condition-content-wrap{width:min(100% - 28px,1040px)}
  .condition-content-wrap .section-head{margin-bottom:18px}
  .condition-symptom-grid,.condition-cause-grid,.condition-approach-grid,.related-treatment-grid{grid-template-columns:1fr}
  .condition-what-inline{margin-top:14px}
  .condition-approach-step{min-height:0}
  .detail-opening-rail{width:min(calc(100% - 28px),760px);margin:20px auto}
  .detail-opening-card{padding:17px;border-radius:17px}
  .detail-opening-form{height:500px}
}
@media(prefers-reduced-motion:reduce){.detail-opening-rail{transition:none}}