/* Image-led editorial sections. Kept separate from the supplied home and restored Double-up. */
@scope (.image-led-detail) {
 .clinical-image{display:block;margin:0;min-width:0;align-self:center}
 .clinical-image>img{display:block;width:100%;height:auto;object-fit:cover;transform:none;animation:none;transition:none}
 .clinical-image figcaption{display:block;font-size:11px;line-height:1.65;letter-spacing:0;color:#7b8793;margin-top:12px;text-align:left;font-weight:400;word-break:keep-all}
 .opening-ref-wide .opening-copy{display:grid;grid-template-columns:1fr 1.25fr;column-gap:10%;align-items:start;margin-bottom:44px}
 .opening-ref-wide .eyebrow{grid-column:1}
 .opening-ref-wide h1{grid-column:1;grid-row:2/4}
 .opening-ref-wide .opening-lead{grid-column:2;grid-row:1/3;margin-top:0}
 .opening-ref-wide .opening-summary{grid-column:2;margin-top:22px;max-width:none}
 .opening-ref-wide>.clinical-image>img{aspect-ratio:2.25;object-position:center 54%}
 .opening-ref-split,.opening-ref-reverse{display:grid;grid-template-columns:1fr 1.13fr;align-items:center;gap:7%}
 .opening-ref-split>.clinical-image>img,.opening-ref-reverse>.clinical-image>img{aspect-ratio:1.15}
 .opening-ref-reverse{grid-template-columns:1.13fr 1fr}
 .opening-ref-reverse>.clinical-image{order:-1}
 .treatment-opening .opening-copy{min-width:0}
 .explanation-illustrated,.explanation-illustrated.explain-statement{display:block;background:none;padding:0;color:var(--ink);margin:115px 0}
 .clinical-story-row{display:grid;grid-template-columns:1.1fr 1fr;gap:7%;align-items:center}
 .clinical-story-row .clinical-image>img{aspect-ratio:1.22}
 .clinical-story-row.story-image-right{grid-template-columns:1fr 1.1fr}
 .story-image-right .clinical-image{order:2}
 .clinical-story-row .explanation-heading{max-width:none}
 .explanation-illustrated .explanation-heading .eyebrow{color:#3487b8}
 .explanation-illustrated .explanation-heading h2{font-size:clamp(31px,2.4vw,41px);line-height:1.45;margin-top:20px}
 .explanation-illustrated .explanation-heading>p:last-child{color:#617286;font-size:17px;line-height:1.95;margin-top:27px}
 .explanation-illustrated .explanation-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;margin:42px 0 0}
 .explanation-illustrated .explanation-options>div{padding:24px 0 0;border:0;border-top:1px solid #adc5d7}
 .explanation-illustrated .explanation-options dt{font-size:21px;display:flex;gap:14px;align-items:baseline}
 .explanation-illustrated .explanation-options dt>span{display:inline;margin:0;font-size:13px;color:#578ba9}
 .explanation-illustrated .explanation-options dd{color:#617286;font-size:16px;margin:14px 0 0;line-height:1.85}
 .explanation-illustrated .option-selector{margin-top:42px;max-width:none}
 .explanation-illustrated .option-selector .topic-panels{min-height:210px;padding:36px 42px}
 .clinical-diagram{width:100%;padding:32px 18px 18px;background:#f6f8fa}
 .diagram-viewport{position:relative;overflow:hidden;width:100%;margin:0 auto;background:white}
 .diagram-viewport>img{display:block;position:absolute;margin:0;padding:0;transform:none;animation:none;transition:none;object-fit:initial}
 .clinical-diagram figcaption{text-align:center;font-size:11px;margin-top:20px}
 .related-index{padding:76px 0 84px;background:#f3f7fa}
 .related-index>.container{display:block}
 .related-index h2{font-size:33px;margin-bottom:32px}
 .related-index h2 br{display:none}
 .related-index nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 32px}
 .related-index a.related-image-card{display:grid;grid-template-columns:1fr auto;gap:17px 20px;border:0;padding:0;color:#183851;font-size:25px;align-items:center;min-width:0}
 .related-image-card>img{grid-column:1/-1;display:block;width:100%;height:auto;aspect-ratio:2.3;object-fit:cover;transform:none;transition:none}
 .related-index a.related-image-card>span:last-child{font-size:23px;transition:color .2s}
 .related-index a.related-image-card:hover,.related-index a.related-image-card:hover>span:last-child{color:#007abc}
 .related-index a:not(.related-image-card){align-self:center;font-size:21px;padding:24px 0}
 @media(min-width:1100px){
  :scope.treatment-gynecomastia .clinical-story-row{grid-template-columns:1.28fr 1fr;gap:5%}
  :scope.treatment-circumcision .clinical-story-row{grid-template-columns:1fr 1.28fr;gap:5%}
 }
 @media(max-width:1000px){
  .opening-ref-wide .opening-copy{column-gap:6%;grid-template-columns:1fr 1.15fr}
  .opening-ref-split,.opening-ref-reverse{gap:5%}
  .clinical-story-row,.clinical-story-row.story-image-right{gap:5%;grid-template-columns:1fr 1fr}
  .clinical-story-row .clinical-image>img{aspect-ratio:1}
  .explanation-illustrated .explanation-options{gap:24px}
  .explanation-illustrated .explanation-options dt{font-size:19px}
  .clinical-diagram{padding:20px 10px 14px}
 }
 @media(max-width:760px){
  .opening-ref-wide .opening-copy{display:block;margin-bottom:32px}
  .opening-ref-wide .opening-lead{margin-top:24px}
  .opening-ref-wide .opening-summary{margin-top:20px}
  .opening-ref-split,.opening-ref-reverse{grid-template-columns:1fr;gap:30px}
  .opening-ref-reverse>.clinical-image{order:0}
  .opening-ref-wide>.clinical-image>img,.opening-ref-split>.clinical-image>img,.opening-ref-reverse>.clinical-image>img{aspect-ratio:1.62}
  .clinical-story-row,.clinical-story-row.story-image-right{grid-template-columns:1fr;gap:31px}
  .clinical-story-row .clinical-image>img{aspect-ratio:1.6}
  .story-image-right .clinical-image{order:0}
  .explanation-illustrated{margin:80px 0}
  .explanation-illustrated .explanation-heading h2{font-size:32px}
  .explanation-illustrated .explanation-heading>p:last-child{font-size:16px;margin-top:21px}
  .explanation-illustrated .explanation-options{grid-template-columns:1fr;gap:24px;margin-top:30px}
  .explanation-illustrated .explanation-options dt{font-size:21px}
  .explanation-illustrated .explanation-options dd{font-size:16px;margin-top:12px}
  .explanation-illustrated .option-selector{margin-top:30px}
  .explanation-illustrated .option-selector .topic-panels{padding:27px 24px;min-height:225px}
  .clinical-diagram{padding:24px 16px 18px}
  .clinical-image figcaption{font-size:10px;margin-top:10px}
  .clinical-diagram figcaption{margin-top:17px}
  .related-index{padding:50px 0 60px}
  .related-index h2{font-size:30px;margin-bottom:27px}
  .related-index nav{gap:28px 20px}
  .related-index a.related-image-card{font-size:21px;gap:13px}
  .related-image-card>img{aspect-ratio:1.5}
 }
 @media(max-width:480px){
  .related-index nav{grid-template-columns:1fr;gap:29px}
  .related-image-card>img{aspect-ratio:1.95}
  .related-index a.related-image-card{font-size:23px}
 }
}
