/* Supplied reference: centered title, spacious photo story, grey evidence area,
   paired image panels, blue information band and circular steps, then FAQ. */
@scope (.vasectomy-reference) {
 :scope{--vr-blue:#086bb0;--vr-sky:#58ade4;--vr-ink:#272d33;background:#fff;color:var(--vr-ink)}
 .vr-container{width:min(var(--mu-container),calc(100% - var(--mu-gutter)*2));margin-inline:auto;min-width:0}
 h2,h3{font-weight:650;letter-spacing:-.04em;word-break:keep-all}
 h2{font-size:43px;line-height:1.48}
 .vr-body{font-size:16px;line-height:1.9;color:#636b73;margin-top:27px;word-break:keep-all}
 .vr-kicker{font-size:18px;line-height:1.5;color:#94999e;font-weight:500;margin-bottom:17px;letter-spacing:0}
 .vr-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:10px;width:min(var(--mu-container),calc(100% - var(--mu-gutter)*2));margin:0 auto var(--mu-head-gap);padding:0;min-height:0;font-size:14px;line-height:1.6;color:#61788B}
 .vr-breadcrumb>span[aria-hidden]{color:#aeb5bb}
 .vr-topic-menu{position:relative;color:#164e78}
 .vr-topic-menu>summary{display:flex;align-items:center;gap:16px;cursor:pointer;list-style:none;padding:4px 0}
 .vr-topic-menu>summary::-webkit-details-marker{display:none}
 .vr-topic-menu .program-tabs{position:absolute;z-index:12;left:-18px;top:100%;width:240px;max-width:75vw;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:10px;background:#fff;margin:6px 0 0;border:1px solid #e1e6eb;box-shadow:0 8px 24px #12263b12}
 .vr-topic-menu .program-tabs a{font-size:16px;padding:12px;min-height:42px;white-space:normal}
 .vr-topic-menu .program-tabs .active{background:#eaf3fa;color:#126aa5}
 .vr-page-heading{width:min(var(--mu-container),calc(100% - var(--mu-gutter)*2));margin-inline:auto;text-align:left;padding:0;border:0}
 .vr-page-heading>p{font-size:14px;font-weight:600;color:#4A93C8;letter-spacing:.02em;margin:0 0 12px}
 .vr-page-heading h1{font-size:clamp(34px,3.2vw,48px);line-height:1.3;font-weight:650;letter-spacing:-.04em;margin:0}
 .vr-intro{display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:10%;padding-block:var(--mu-section-y)}
 .vr-intro .vr-kicker{color:#34393f;font-size:20px;font-weight:600;margin-bottom:16px}
 .vr-intro .vr-body{margin-top:44px;max-width:750px}
 .vr-photo{margin:0;min-width:0;overflow:hidden;background:#f5f6f8}
 .vr-photo>img{display:block;width:100%;height:auto;object-fit:cover;transform:none;animation:none;transition:none}
 .vr-family-photo{background:white}
 .vr-family-photo>img{aspect-ratio:1.52;object-position:34% center}
 .vr-panorama .vr-photo>img{aspect-ratio:2.5;object-position:center 36%}
 .vr-split{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;min-width:0}
 .vr-split>div{min-width:0}
 .vr-split>.vr-photo>img,.vr-split>div>.vr-photo>img{aspect-ratio:1.66}
 .vr-approach{padding-block:var(--mu-section-y);grid-template-columns:.82fr 1.08fr;gap:12%}
 .vr-approach>.vr-photo>img{aspect-ratio:.98;object-position:48% center}
 .vr-approach h3{font-size:25px;line-height:1.6;margin-top:45px}
 .vr-approach .vr-body{margin-top:16px}
 .vr-principles{background:#f7f7f9;padding:var(--mu-section-y) 0}
 .vr-center-title{text-align:center;margin-bottom:150px}
 .vr-principles .vr-split+.vr-split{margin-top:155px}
 .vr-principles .vr-split h3{font-size:35px;line-height:1.5}
 .vr-principles .vr-body{max-width:530px;margin-top:22px}
 .vr-doctor-photo{background:#e9edf0}
 .vr-split>.vr-doctor-photo>img{aspect-ratio:1.6;object-fit:contain;object-position:center 24%;height:405px}
 .vr-text-link{display:inline-flex;align-items:center;gap:26px;font-size:16px;color:#1671aa;border-bottom:1px solid #a7c8de;padding:0 0 7px;margin-top:30px}
 .vr-image-note{font-size:12px;line-height:1.6;color:#9298a0;margin-top:11px}
 .vr-methods{padding-block:var(--mu-section-y);scroll-margin-top:var(--mu-scroll-offset)}
 .vr-method-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:68px}
 .vr-method-grid h3{font-size:26px;line-height:1.55;margin-top:25px}
 .vr-method-grid .vr-body{margin-top:12px;font-size:16px}
 .vr-method-grid .vr-photo{aspect-ratio:1.8}
 .vr-method-grid .vr-photo>img{width:100%;height:100%}
 .vr-method-grid .clinical-image{height:auto;aspect-ratio:1.8;background:#f5f8fa;display:flex;flex-direction:column;justify-content:center;margin:0;padding:30px 22px 20px}
 .diagram-viewport{position:relative;overflow:hidden;width:100%;margin:auto;background:#fff;flex-shrink:0}
 .diagram-viewport>img{position:absolute;display:block;margin:0;padding:0;transform:none;transition:none;animation:none;object-fit:initial}
 .clinical-image figcaption{font-size:12px;line-height:1.6;color:#7e8992;text-align:center;margin:15px 0 0}
 .vr-blue-band{background:var(--vr-blue);color:#fff;padding:var(--mu-section-y) 0}
 .vr-blue-band h2{color:#fff}
 .vr-band-intro{font-size:17px;line-height:1.9;margin-top:32px;color:#d4e7f5}
 .vr-band-label{font-size:28px;font-weight:600;line-height:1.5;margin-top:92px;margin-bottom:44px}
 .vr-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
 .vr-feature-grid>article{background:#edf7fb;border-radius:7px;text-align:center;color:#3c566d;min-height:264px;padding:39px 20px 30px}
 .vr-icon{width:43px;height:43px;display:block;flex-shrink:0}
 .vr-feature-grid .vr-icon{margin:0 auto 21px;color:#536974}
 .vr-feature-grid h3{font-size:19px;font-weight:400;letter-spacing:0}
 .vr-feature-grid p{font-size:21px;line-height:1.45;letter-spacing:-.025em;color:#155b89;font-weight:650;margin-top:11px}
 .vr-feature-grid>article>span{display:block;font-size:14px;line-height:1.7;color:#6e838f;margin-top:13px}
 .vr-process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;list-style:none;margin:0;padding:0}
 .vr-process>li{aspect-ratio:1;border-radius:50%;background:var(--vr-sky);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px;text-align:center;min-width:0}
 .vr-process .vr-icon{width:46px;height:46px;color:white;margin-bottom:23px}
 .vr-process>li>span{font-size:13px;line-height:1.4;color:#2479b5;background:#fff;border-radius:30px;display:inline-block;padding:4px 12px;font-weight:600}
 .vr-process h3{font-size:26px;line-height:1.45;color:#fff;font-weight:550;margin-top:13px;letter-spacing:-.025em}
 .vr-process-note{font-size:14px;line-height:1.8;color:#cee5f5;margin-top:37px}
 .vr-aftercare{display:grid;grid-template-columns:.8fr 2fr;gap:8%;margin-top:120px}
 .vr-aftercare h3{font-size:28px;line-height:1.6}
 .vr-aftercare>div{display:grid;grid-template-columns:1fr 1fr;gap:50px}
 .vr-aftercare p{font-size:16px;line-height:1.9;color:#e1eff8}
 .vr-confirmation{display:grid;grid-template-columns:1fr .95fr;gap:9%;align-items:center;padding-block:var(--mu-section-y);scroll-margin-top:var(--mu-scroll-offset)}
 .vr-confirmation h2{font-size:37px;line-height:1.5}
 .vr-confirmation-graphic{display:flex;align-items:center;justify-content:center;gap:14px;background:#f0f7fb;padding:50px 22px;min-height:250px}
 .vr-confirmation-graphic>div{display:flex;align-items:center;flex-direction:column;gap:24px;flex:1;color:#246ea2;text-align:center}
 .vr-confirmation-graphic .vr-icon{width:48px;height:48px}
 .vr-confirmation-graphic>div>span{font-size:16px;line-height:1.65;font-weight:550}
 .vr-connector{color:#92b1c7;font-size:22px;margin-top:-30px}
 .vr-risk{font-size:14px;line-height:1.8;color:#92979d;background:#f7f7f9;text-align:center;padding:20px 32px}
 .vr-faq{padding-block:var(--mu-section-y)}
 .vr-faq>header{text-align:center;margin-bottom:94px}
 .vr-faq>header h2{font-size:39px;font-weight:600;line-height:1.4}
 .vr-faq>header p{color:#969ba1;font-size:17px;margin-top:9px}
 .vr-faq-intro{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:49px}
 .vr-faq-intro h3{font-size:34px;font-weight:600;line-height:1.65}
 .vr-faq-intro .vr-text-link{margin:0;font-size:15px;flex-shrink:0}
 .vr-faq-list{margin:0}
 .vr-faq-list details{border:0;margin:0 0 14px;background:#f6f7f9;border-radius:5px;overflow:hidden;scroll-margin-top:var(--mu-scroll-offset)}
 .vr-faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:25px;list-style:none;font-size:17px;font-weight:500;line-height:1.7;cursor:pointer;padding:22px 28px;color:#485762}
 .vr-faq-list summary::-webkit-details-marker{display:none}
 .vr-faq-list details[open] summary{background:#469fd2;color:white}
 .vr-faq-list .chevron{width:9px;height:9px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);flex-shrink:0;margin-right:3px}
 .vr-faq-list details[open] .chevron{transform:rotate(225deg)}
 .vr-faq-list .answer{padding:28px 31px 33px;background:#f7f7f9}
 .vr-faq-list .faq-answer{font-size:16px;line-height:1.95;color:#656f78;white-space:pre-wrap}
 .related-index{background:#fff;border-top:1px solid #edf0f3;padding:55px 0 75px}
 .related-index>.container{width:min(var(--mu-container),calc(100% - var(--mu-gutter)*2))}
 .related-index h2{font-size:28px;color:#3a4754}
 .related-index a{font-size:18px}
 @media(max-width:1200px){
  h2{font-size:37px}.vr-intro{gap:7%}.vr-intro .vr-body{margin-top:30px}
  .vr-approach{gap:9%}.vr-center-title{margin-bottom:105px}.vr-principles .vr-split+.vr-split{margin-top:110px}
  .vr-split>.vr-doctor-photo>img{height:340px}.vr-principles .vr-split h3{font-size:32px}.vr-method-grid{margin-top:45px}
  .vr-feature-grid p{font-size:19px}.vr-feature-grid>article{padding:32px 17px 25px;min-height:270px}.vr-process h3{font-size:24px}.vr-process .vr-icon{width:38px;height:38px;margin-bottom:18px}
  .vr-confirmation{gap:6%}.vr-confirmation h2{font-size:32px}.vr-confirmation-graphic{gap:9px;padding:40px 15px}.vr-confirmation-graphic>div>span{font-size:14px}
 }
 @media(max-width:860px){
  .vr-intro{grid-template-columns:1.2fr 1fr;gap:6%;padding-block:100px}.vr-intro h2{font-size:32px}.vr-body{font-size:16px}.vr-intro .vr-kicker{font-size:17px}
  .vr-approach{padding-block:110px;grid-template-columns:1fr 1.2fr;gap:7%}.vr-approach h2{font-size:32px}.vr-approach h3{font-size:24px;margin-top:27px}.vr-principles{padding-block:105px}.vr-center-title{font-size:34px;margin-bottom:85px}
  .vr-principles .vr-split h3{font-size:30px}.vr-principles .vr-split+.vr-split{margin-top:88px}.vr-split>.vr-doctor-photo>img{height:280px}.vr-methods{padding-block:100px}.vr-method-grid{gap:20px}.vr-method-grid .clinical-image{padding:16px 12px}
  .vr-blue-band{padding-block:95px}.vr-band-label{margin-top:65px;margin-bottom:32px;font-size:25px}.vr-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.vr-feature-grid>article{min-height:235px;padding:29px 20px}.vr-process>li{padding:20px 10px}.vr-process .vr-icon{width:32px;height:32px;margin-bottom:14px}.vr-process h3{font-size:21px}.vr-process>li>span{font-size:12px;padding:3px 8px}
  .vr-aftercare{margin-top:80px;grid-template-columns:1fr;gap:25px}.vr-aftercare>div{gap:35px}.vr-confirmation{grid-template-columns:1fr;gap:42px;padding:100px 0 70px}.vr-confirmation-graphic{width:85%;margin:auto;min-height:230px}.vr-confirmation-graphic>div>span{font-size:16px}
  .vr-faq{padding-block:100px}.vr-faq>header{margin-bottom:65px}.vr-faq-intro{margin-bottom:35px}.vr-faq-intro h3{font-size:30px}
 }
 @media(max-width:600px){
  .vr-breadcrumb{gap:8px;font-size:12px}.vr-topic-menu>summary{gap:10px}.vr-page-heading>p{font-size:12px;margin-bottom:10px}
  .vr-intro{display:flex;flex-direction:column;align-items:stretch;gap:37px;padding-top:74px;padding-bottom:88px}.vr-intro h2{font-size:32px}.vr-intro .vr-kicker{font-size:16px}.vr-intro .vr-body{margin-top:26px}.vr-family-photo{width:80%;align-self:flex-end}.vr-family-photo>img{aspect-ratio:1.5}
  .vr-panorama .vr-photo>img{aspect-ratio:1.6;object-position:48% center}.vr-split,.vr-approach{grid-template-columns:1fr;gap:34px}.vr-approach{padding-block:86px}.vr-approach>.vr-photo{width:78%}.vr-approach>.vr-photo>img{aspect-ratio:1.1}.vr-approach h2{font-size:32px}.vr-approach h3{font-size:23px}
  .vr-principles{padding:85px 0 90px}.vr-center-title{font-size:31px;margin-bottom:60px}.vr-principles .vr-split+.vr-split{margin-top:75px}.vr-principles .vr-split h3{font-size:30px}.vr-kicker{font-size:15px;margin-bottom:12px}.vr-principles .vr-body{margin-top:19px}.vr-split>.vr-doctor-photo>img{height:300px;aspect-ratio:auto}.vr-principles .vr-split>.vr-photo>img,.vr-principles .vr-split>div>.vr-photo>img{aspect-ratio:1.55}.vr-image-note{font-size:12px}
  .vr-methods{padding-block:85px}.vr-methods h2{font-size:31px}.vr-method-grid{grid-template-columns:1fr;gap:48px;margin-top:33px}.vr-method-grid h3{font-size:24px;margin-top:21px}.vr-method-grid .clinical-image{padding:25px 20px 18px}.clinical-image figcaption{font-size:12px;margin-top:14px}
  .vr-blue-band{padding:84px 0}.vr-blue-band h2{font-size:32px}.vr-band-intro{font-size:16px;margin-top:24px}.vr-band-label{font-size:23px;margin-top:62px;margin-bottom:28px}.vr-feature-grid{gap:12px}.vr-feature-grid>article{padding:27px 13px;min-height:262px;border-radius:5px}.vr-feature-grid .vr-icon{width:34px;height:34px;margin-bottom:18px}.vr-feature-grid h3{font-size:17px}.vr-feature-grid p{font-size:18px}.vr-feature-grid>article>span{font-size:13px;line-height:1.65}
  .vr-process{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 0}.vr-process>li{padding:24px 12px}.vr-process .vr-icon{width:35px;height:35px;margin-bottom:16px}.vr-process h3{font-size:22px;margin-top:12px}.vr-process>li>span{font-size:12px;padding:4px 9px}.vr-process-note{font-size:14px;margin-top:27px}.vr-aftercare{margin-top:64px;gap:22px}.vr-aftercare h3{font-size:25px}.vr-aftercare>div{grid-template-columns:1fr;gap:20px}.vr-aftercare p{font-size:16px}
  .vr-confirmation{padding:85px 0 55px;gap:33px}.vr-confirmation h2{font-size:31px}.vr-confirmation-graphic{width:100%;padding:30px 12px;min-height:210px;gap:5px}.vr-confirmation-graphic .vr-icon{width:35px;height:35px}.vr-confirmation-graphic>div{gap:19px}.vr-confirmation-graphic>div>span{font-size:14px}.vr-connector{font-size:19px}.vr-risk{font-size:13px;padding:18px}
  .vr-faq{padding:78px 0 80px}.vr-faq>header h2{font-size:32px}.vr-faq>header p{font-size:15px}.vr-faq>header{margin-bottom:54px}.vr-faq-intro{display:block;margin-bottom:28px}.vr-faq-intro h3{font-size:28px;line-height:1.65}.vr-faq-intro .vr-text-link{margin-top:19px;font-size:14px}.vr-faq-list summary{padding:19px 19px;font-size:16px;gap:18px}.vr-faq-list .answer{padding:23px 20px 28px}.vr-faq-list .faq-answer{font-size:16px}.vr-faq-list details{margin-bottom:10px}
  .related-index{padding:42px 0 55px}.related-index h2{font-size:26px}.related-index a{font-size:18px}
 }
 @media(prefers-reduced-motion:reduce){[data-reveal]{transition:none!important;transform:none!important;opacity:1!important}}
}