/* V139 concern-page visual system.
   Keeps the existing long hero and overview diagram, then adopts the graphic-led
   strip/card/band rhythm from the supplied concern-page mockup. */

.concern-page-v139{--cv-navy:#0E2A47;--cv-navy2:#12325A;--cv-gold:#C8A46B;--cv-gold-text:#8A6D34;--cv-paper:#fff;--cv-soft:#F7F6F3;--cv-tint:#FBF8F3;--cv-border:#E7DED0;--cv-text:#2E3136;--cv-muted:#6E655A;background:var(--cv-soft)}
.concern-page-v139 .concern-v139-content-width{max-width:1080px}
body:not(.sgx-homepage) .concern-page-v139 h2{font-size:clamp(27px,3vw,38px)!important;line-height:1.12;font-weight:600;letter-spacing:-.012em}
.concern-page-v139 h3{font-family:var(--body);font-size:clamp(16px,1.8vw,19px);font-weight:650;line-height:1.28;letter-spacing:-.005em}
.concern-page-v139 .section{padding:clamp(54px,7vw,78px) 0}
.concern-page-v139 .eyebrow{font-size:10px;letter-spacing:.16em;margin-bottom:12px}
.concern-page-v139 .wysiwyg-content{color:var(--cv-text)}
.concern-page-v139 .wysiwyg-content p+p{margin-top:12px}
.concern-page-v139 .wysiwyg-content ul,.concern-page-v139 .wysiwyg-content ol{margin:16px 0 0;padding-left:1.25rem}
.concern-page-v139 .wysiwyg-content li+li{margin-top:7px}

/* Existing hero, with the archive mockup's quiet trust line layered in. */
.concern-v139-hero-trust{margin-top:18px;color:rgba(255,255,255,.72);font-size:11px;font-weight:650;letter-spacing:.025em}
.concern-page-v139 .hero-link-set{margin-top:13px}

/* At-a-glance strip */
.concern-v139-glance-wrap{position:relative;z-index:3;margin-top:-22px;padding:0 0 16px}
.concern-v139-glance{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;overflow:hidden;border:1px solid rgba(200,164,107,.30);border-radius:18px;background:rgba(255,255,255,.10);box-shadow:0 18px 46px rgba(14,42,71,.16)}
.concern-v139-glance-cell{display:flex;gap:12px;align-items:center;min-height:88px;padding:17px 18px;background:var(--cv-navy);color:#fff}
.concern-v139-glance-icon{width:30px;height:30px;display:grid;place-items:center;flex:0 0 30px;color:var(--cv-gold)}
.concern-v139-glance-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.concern-v139-glance-cell strong{display:block;color:#fff;font-family:var(--head);font-size:17px;font-weight:600;line-height:1.05}
.concern-v139-glance-cell small{display:block;margin-top:5px;color:rgba(247,246,243,.72);font-size:10px;line-height:1.35}

/* Split overview + preserved diagram visual */
.concern-v2-overview{background:var(--cv-soft)}
.concern-v2-overview-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(360px,1.08fr);gap:clamp(36px,6vw,68px);align-items:center}
.concern-v2-overview-copy{max-width:520px}
.concern-v2-prose{margin-top:18px;font-size:14px;line-height:1.78}
.concern-v2-overview-visual{min-width:0}
.concern-v2-overview-media{position:relative;display:block;width:100%;overflow:hidden;border:1px solid rgba(200,164,107,.32);border-radius:18px;background:#fff;padding:0;cursor:zoom-in;box-shadow:0 14px 34px rgba(14,42,71,.07)}
.concern-v2-overview-media img{width:100%;height:auto;max-height:610px;object-fit:contain;background:#fff}
.concern-v2-media-cue{position:absolute;right:12px;bottom:12px;border-radius:999px;background:rgba(14,42,71,.88);padding:7px 10px;color:#fff;font-size:9px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.concern-v2-overview-visual .concern-overview-video{width:100%;max-height:610px;border:1px solid rgba(200,164,107,.32);border-radius:18px;background:#fff;object-fit:contain;box-shadow:0 14px 34px rgba(14,42,71,.07)}

/* Four-step process, shown when source material supplies it. */
.concern-v139-process-wrap{margin-top:32px}
.concern-v139-process{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.concern-v139-step{position:relative;border:1px solid var(--cv-border);border-radius:16px;background:#fff;padding:20px 18px;box-shadow:0 10px 26px rgba(14,42,71,.05)}
.concern-v139-step:not(:last-child):after{content:"→";position:absolute;right:-10px;top:50%;z-index:2;transform:translateY(-50%);color:var(--cv-gold);font-size:18px}
.concern-v139-step p{margin-top:7px;color:var(--cv-muted);font-size:12px;line-height:1.55}
.concern-v139-note{margin-top:16px;max-width:820px;color:var(--cv-muted);font-size:12px;line-height:1.65}

.concern-v139-section-head{max-width:720px;margin-bottom:24px}
.concern-v139-section-head>p:not(.eyebrow){margin-top:11px;color:#4f5a62;font-size:13px;line-height:1.7}
.concern-v139-intro-copy{max-width:820px;margin:0 0 20px;font-size:13px;line-height:1.72}

/* Photo-tile types section */
.concern-v139-types{background:#fff}
.concern-v139-type-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:22px}
.concern-v139-type-tile{display:flex;flex-direction:column;gap:8px;color:var(--cv-navy)}
.concern-v139-type-media{display:block;aspect-ratio:1/1;overflow:hidden;border:1px solid var(--cv-border);border-radius:15px;background:var(--cv-tint);transition:border-color .18s,transform .18s,box-shadow .18s}
.concern-v139-type-media img,.concern-v139-type-media video{width:100%;height:100%;object-fit:cover}
.concern-v139-type-media .sgx-media-placeholder{height:100%;border:0;border-radius:0}
.concern-v139-type-label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;font-weight:700;line-height:1.35}
.concern-v139-type-label i{color:var(--cv-gold-text);font-size:20px;font-style:normal;font-weight:500}
.concern-v139-type-tile:hover .concern-v139-type-media{transform:translateY(-2px);border-color:rgba(200,164,107,.62);box-shadow:0 14px 28px rgba(14,42,71,.08)}
.concern-v139-type-tile:focus-visible{outline:2px solid var(--cv-navy);outline-offset:4px;border-radius:8px}

/* Causes: compact, icon-led chips instead of a large text banner. */
.concern-v139-causes{background:var(--cv-soft)}
.concern-v139-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.concern-v139-chip{display:flex;align-items:flex-start;gap:9px;max-width:100%;border:1px solid var(--cv-border);border-radius:999px;background:#fff;padding:9px 15px 9px 10px}
.concern-v139-mini-icon{width:26px;height:26px;display:grid;place-items:center;flex:0 0 26px;border:1px solid rgba(200,164,107,.45);border-radius:50%;color:var(--cv-gold-text);font-size:10px;font-weight:800}
.concern-v139-chip strong{display:block;color:var(--cv-navy);font-size:12px;font-weight:700;line-height:1.25}
.concern-v139-chip small{display:block;max-width:360px;margin-top:3px;color:var(--cv-muted);font-size:10px;line-height:1.45}

/* Optional signs/assessment stay compact and composed. */
.concern-v139-info-section{background:#fff}
.concern-v139-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.concern-v139-info-card{border:1px solid var(--cv-border);border-radius:18px;background:var(--cv-tint);padding:clamp(22px,3vw,30px)}
.concern-v139-info-card .wysiwyg-content{margin-top:14px;font-size:12px;line-height:1.65}

/* Prevention cards */
.concern-v139-prevention{background:var(--cv-soft)}
.concern-v139-tips{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}
.concern-v139-tip{border:1px solid var(--cv-border);border-radius:14px;background:var(--cv-tint);padding:19px}
.concern-v139-tip-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--cv-border);border-radius:10px;background:#fff;color:var(--cv-navy)}
.concern-v139-tip-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.concern-v139-tip h3{margin-top:11px;color:var(--cv-navy)}
.concern-v139-tip p{margin-top:6px;color:var(--cv-muted);font-size:11px;line-height:1.55}

/* Treatment Options mirrors the tinted shell + clean text cards from the supplied mockup. */
.concern-v139-treatment-section{background:#fff}
.concern-v139-treatment-shell{border:1px solid rgba(231,222,208,.9);border-radius:20px;background:var(--cv-tint);padding:clamp(24px,4vw,36px)}
.concern-v139-management{max-width:860px;margin:-2px 0 22px;font-size:12px;line-height:1.65}
.concern-v139-treatment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}
.concern-v139-treatment-card{display:flex;flex-direction:column;min-height:180px;border:1px solid var(--cv-border);border-radius:16px;background:#fff;padding:19px;color:inherit;box-shadow:0 10px 26px rgba(14,42,71,.05);transition:transform .18s,box-shadow .18s,border-color .18s}
.concern-v139-treatment-card:hover{transform:translateY(-3px);border-color:rgba(200,164,107,.52);box-shadow:0 17px 34px rgba(14,42,71,.10)}
.concern-v139-treatment-card:focus-visible{outline:2px solid var(--cv-navy);outline-offset:3px}
.concern-v139-treatment-card h3{color:var(--cv-navy);font-size:16px}
.concern-v139-treatment-card p{margin-top:7px;color:var(--cv-muted);font-size:11px;line-height:1.55}
.concern-v139-treatment-card span{margin-top:auto;padding-top:14px;color:var(--cv-gold-text);font-size:10px;font-weight:750;letter-spacing:.025em}
.concern-v139-techline{display:grid;grid-template-columns:220px 1fr;gap:18px;margin-top:22px;padding-top:18px;border-top:1px solid var(--cv-border)}
.concern-v139-techline>strong{color:#59636b;font-size:11px}
.concern-v139-techline>div{display:flex;flex-wrap:wrap;gap:7px}
.concern-v139-techline a{border-bottom:1px solid rgba(200,164,107,.65);color:var(--cv-gold-text);font-size:10px;font-weight:700}
.concern-v139-techline i{font-style:normal}
.concern-v139-treatment-route{margin-top:18px;color:#59636b;font-size:11px;line-height:1.6}

/* Medical assessment band */
.concern-v139-medical-assessment{background:var(--cv-soft);padding-top:26px!important;padding-bottom:26px!important}
.concern-v139-assessment-band{position:relative;overflow:hidden;display:grid;grid-template-columns:1.25fr .75fr;gap:36px;align-items:center;border-radius:20px;background:var(--cv-navy);padding:clamp(28px,5vw,44px);color:#fff;box-shadow:0 18px 42px rgba(14,42,71,.14)}
.concern-v139-assessment-band:after{content:"";position:absolute;right:-190px;top:-220px;width:430px;height:430px;border:1px solid rgba(200,164,107,.20);border-radius:50%}
.concern-v139-assessment-copy,.concern-v139-assessment-visual{position:relative;z-index:1}
.concern-v139-assessment-copy .eyebrow{color:var(--cv-gold)}
body:not(.sgx-homepage) .concern-page-v139 .concern-v139-assessment-copy h2{color:#fff!important;font-size:clamp(26px,2.8vw,34px)!important}
.concern-v139-assessment-copy .wysiwyg-content{margin-top:14px;color:rgba(255,255,255,.83);font-size:12px;line-height:1.68}
.concern-v139-assessment-copy .wysiwyg-content p,.concern-v139-assessment-copy .wysiwyg-content li{color:rgba(255,255,255,.83)}
.concern-v139-assessment-copy .wysiwyg-content ul{padding:0;list-style:none}
.concern-v139-assessment-copy .wysiwyg-content li{position:relative;padding-left:17px}
.concern-v139-assessment-copy .wysiwyg-content li:before{content:"";position:absolute;left:1px;top:.72em;width:5px;height:5px;border-radius:50%;background:var(--cv-gold)}
.concern-v139-assessment-visual{position:relative;min-height:210px;overflow:hidden;border:1px solid rgba(200,164,107,.38);border-radius:16px;background:rgba(255,255,255,.045)}
.concern-v139-assessment-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.86}
.concern-v139-assessment-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,42,71,.04) 20%,rgba(7,28,49,.78) 100%)}
.concern-v139-assessment-visual-label{position:absolute;z-index:1;left:16px;right:16px;bottom:14px;border:1px solid rgba(255,255,255,.20);border-radius:12px;background:rgba(7,28,49,.68);padding:12px 14px;backdrop-filter:blur(7px)}
.concern-v139-assessment-visual-label strong{display:block;color:#fff;font-family:var(--head);font-size:19px;font-weight:600}
.concern-v139-assessment-visual-label small{display:block;margin-top:3px;color:rgba(255,255,255,.76);font-size:9px;letter-spacing:.035em}

/* Consultation is deliberately simple after the strong assessment band. */
.concern-v139-consultation{background:var(--cv-soft)}
.concern-v139-consultation-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(28px,6vw,72px);align-items:start}
.concern-v139-consultation-grid>.wysiwyg-content{max-width:690px;font-size:13px;line-height:1.72}

/* FAQ and closing CTA */
.concern-v139-faq{background:#fff}
.concern-v139-faq-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:clamp(30px,5vw,64px);align-items:start}
.concern-v139-faq .faq-clean-list{margin:0}
.concern-v139-closing{background:var(--cv-soft);padding-top:28px!important;padding-bottom:28px!important}
.concern-v139-closing-panel{text-align:center;border-radius:22px;background:radial-gradient(120% 120% at 50% 0%,var(--cv-navy2),var(--cv-navy));padding:clamp(34px,6vw,58px) clamp(20px,4vw,40px);color:#fff;box-shadow:0 22px 56px rgba(14,42,71,.15)}
.concern-v139-closing-panel .eyebrow{color:var(--cv-gold)}
body:not(.sgx-homepage) .concern-page-v139 .concern-v139-closing-panel h2{max-width:800px;margin:auto;color:#fff!important;font-size:clamp(28px,3.3vw,40px)!important}
.concern-v139-closing-panel>p:not(.eyebrow){max-width:650px;margin:13px auto 0;color:rgba(255,255,255,.82);font-size:12px;line-height:1.7}
.concern-v139-closing-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;align-items:center;margin-top:22px}
.concern-v139-call-link{color:#ead2a9;font-size:11px;font-weight:700}
.concern-v139-call-link:hover{color:#fff}

/* Custom HTML sections remain available for Claude-led one-off designs. */
.concern-page-v139 .entity-custom-section{background:#fff}
.concern-page-v139 .entity-custom-section.section-alt{background:var(--cv-soft)}
.concern-page-v139 .entity-custom-section-grid{display:block}
.concern-page-v139 .entity-custom-section-heading{max-width:760px;margin:0 0 22px!important}
body:not(.sgx-homepage) .concern-page-v139 .entity-custom-section-heading h2{font-size:clamp(27px,3vw,38px)!important}
.concern-page-v139 .layout-html-content{max-width:none}

/* Keep shared clinic/form sections, but the concern template suppresses reviews/reviewer/date per supplied standard. */
.concern-page-v139 .clinic-gradient-section,.concern-page-v139 .appointment-creative-section{background:var(--cv-soft)}

@media(max-width:1000px){
  .concern-v139-glance{grid-template-columns:repeat(2,1fr)}
  .concern-v2-overview-grid{grid-template-columns:1fr;gap:30px}
  .concern-v2-overview-copy{max-width:760px}
  .concern-v2-overview-visual{max-width:820px}
  .concern-v139-process,.concern-v139-type-tiles{grid-template-columns:repeat(2,1fr)}
  .concern-v139-treatment-grid{grid-template-columns:repeat(2,1fr)}
  .concern-v139-assessment-band{grid-template-columns:1fr}
  .concern-v139-assessment-visual{min-height:150px}
  .concern-v139-faq-grid,.concern-v139-consultation-grid{grid-template-columns:1fr;gap:24px}
}
@media(max-width:680px){
  .concern-page-v139 .section{padding:50px 0}
  .concern-v139-glance-wrap{margin-top:-12px;padding-bottom:8px}
  .concern-v139-glance{grid-template-columns:1fr;border-radius:14px}
  .concern-v139-glance-cell{min-height:72px;padding:13px 15px}
  .concern-v139-glance-cell strong{font-size:15px}
  .concern-v139-glance-cell small{font-size:9px}
  .concern-v139-process,.concern-v139-type-tiles,.concern-v139-info-grid,.concern-v139-tips,.concern-v139-treatment-grid{grid-template-columns:1fr}
  .concern-v139-step:not(:last-child):after{content:"↓";right:auto;left:50%;top:auto;bottom:-15px;transform:translateX(-50%);background:var(--cv-soft);padding:0 6px}
  .concern-v139-type-media{aspect-ratio:4/3}
  .concern-v139-chip{width:100%;border-radius:14px}
  .concern-v139-techline{grid-template-columns:1fr;gap:8px}
  .concern-v139-assessment-band,.concern-v139-closing-panel,.concern-v139-treatment-shell{border-radius:17px}
}
@media(prefers-reduced-motion:reduce){
  .concern-v139-type-media,.concern-v139-treatment-card{transition:none!important}
}