/*
 * Solo Clinic Owner v2 page styles.
 * Shared by the solo clinic and clinic mentorship templates.
 * Legacy and revised content use separate page scopes.
 *
 * AFTER EDITING THIS FILE, bump $sco_css_ver at the top of
 * tpl-clinic-mentorship-solo.php to force browsers and the site cache to
 * reload it.
 */


  .solo-clinic-owner-v2-page{
    --paper:#F5F1EA; --card:#FFFFFF; --ink:#172033; --soft:#5C6572;
    --navy:#1B2E4B; --navy2:#25476A; --accent:#39C184; --accent-ink:#1E8C5E;
    --tint:#E9F7F0; --line:#E6E0D4; --rule:#DCD6C9; --onband:#EEF2F8; --onband-soft:#B9C7DA;
    --maxw:760px;
  }

  @media (prefers-color-scheme:dark){

    .solo-clinic-owner-v2-page :root:not([data-theme="light"]){
      --paper:#0F1624; --card:#172136; --ink:#EAEFF5; --soft:#A2ADBD;
      --navy:#0B1424; --navy2:#A9C4E6; --accent:#39C184; --accent-ink:#5FD8A4;
      --tint:#152A24; --line:#263148; --rule:#263148; --onband:#EEF2F8; --onband-soft:#B9C7DA;
    }
}

  .solo-clinic-owner-v2-page :root[data-theme="dark"]{
    --paper:#0F1624; --card:#172136; --ink:#EAEFF5; --soft:#A2ADBD;
    --navy:#0B1424; --navy2:#A9C4E6; --accent:#39C184; --accent-ink:#5FD8A4;
    --tint:#152A24; --line:#263148; --rule:#263148; --onband:#EEF2F8; --onband-soft:#B9C7DA;
  }

  .solo-clinic-owner-v2-page *{box-sizing:border-box}

  .solo-clinic-owner-v2-page{background:var(--paper); color:var(--ink); font-family:"Roboto", sans-serif; font-size:18px; line-height:1.62; margin:0}

  .solo-clinic-owner-v2-page .wrap{max-width:var(--maxw); margin:0 auto; padding:0 22px; padding-block:0}

  .solo-clinic-owner-v2-page p{margin:0 0 16px; max-width:65ch}

  .solo-clinic-owner-v2-page h1, .solo-clinic-owner-v2-page h2, .solo-clinic-owner-v2-page h3, .solo-clinic-owner-v2-page h4{font-family:"Roboto", sans-serif; color:var(--navy2); text-wrap:balance; line-height:1.1}

  .solo-clinic-owner-v2-page h2{font-size:clamp(26px,4.4vw,36px); font-weight:700; margin:0 0 18px}

  .solo-clinic-owner-v2-page h3{font-size:22px; font-weight:600; margin:34px 0 10px}

  .solo-clinic-owner-v2-page .num{font-size:12px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--accent-ink); margin-bottom:12px; display:flex; align-items:center; gap:10px}

  .solo-clinic-owner-v2-page .num::before{content:""; width:28px; height:2px; background:var(--accent)}

  .solo-clinic-owner-v2-page .sec{padding-block:44px}

  .solo-clinic-owner-v2-page .sec.paper{background:var(--paper)}

  .solo-clinic-owner-v2-page .sec.card{background:var(--card); border-top:1px solid var(--line); border-bottom:1px solid var(--line)}

  .solo-clinic-owner-v2-page .sec.band{background:var(--navy); color:var(--onband)}

  .solo-clinic-owner-v2-page .sec.band h2, .solo-clinic-owner-v2-page .sec.band h3{color:#fff}

  .solo-clinic-owner-v2-page .sec.band p{color:var(--onband)}

  .solo-clinic-owner-v2-page .sec.band .num{color:var(--accent)}

  .solo-clinic-owner-v2-page .sec.tint{background:var(--tint)}

  .solo-clinic-owner-v2-page .stamp{font-size:12px; color:var(--soft); letter-spacing:.08em; text-transform:uppercase; padding:10px 22px; text-align:center; border-bottom:1px solid var(--rule)}


  /* hero */
  .solo-clinic-owner-v2-page .hero{background:var(--navy); color:var(--onband); padding:56px 22px 48px; position:relative; overflow:hidden}

  .solo-clinic-owner-v2-page .hero::after{content:"£100k"; position:absolute; right:-10px; bottom:-30px; font-family:"Roboto", sans-serif; font-weight:900; font-size:clamp(120px,22vw,240px); color:#fff; opacity:.05; line-height:1; pointer-events:none}

  .solo-clinic-owner-v2-page .hero .in{max-width:var(--maxw); margin:0 auto; position:relative}

  .solo-clinic-owner-v2-page .brand{font-size:13px; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:var(--accent); margin-bottom:22px}

  .solo-clinic-owner-v2-page .eyebrow{font-size:15px; color:var(--onband-soft); margin-bottom:14px; letter-spacing:.03em; text-transform:uppercase; font-weight:600}

  .solo-clinic-owner-v2-page h1{font-size:clamp(34px,6.6vw,54px); font-weight:800; color:#fff; margin:0 0 20px; letter-spacing:-.01em}

  .solo-clinic-owner-v2-page .sub{font-size:20px; color:var(--onband); margin:0 0 16px; max-width:58ch}

  .solo-clinic-owner-v2-page .chip{display:inline-block; font-family:"Roboto", sans-serif; font-style:italic; font-size:15px; color:var(--accent); border:1px solid var(--accent); border-radius:999px; padding:6px 14px; margin:0 0 26px}

  .solo-clinic-owner-v2-page .cta{display:inline-block; background:var(--accent); color:#06281A; font-weight:700; font-size:17px; padding:15px 28px; border-radius:8px; text-decoration:none; letter-spacing:.01em}

  .solo-clinic-owner-v2-page .cta:focus-visible{outline:3px solid #fff; outline-offset:3px}

  .solo-clinic-owner-v2-page .ctarow{margin:22px 0 4px}

  .solo-clinic-owner-v2-page .nav{font-size:13px; color:var(--onband-soft); margin-top:26px; letter-spacing:.02em}


  /* problem */
  .solo-clinic-owner-v2-page .swing{display:flex; gap:14px; align-items:stretch; margin:8px 0 20px; flex-wrap:wrap}

  .solo-clinic-owner-v2-page .wk{flex:1 1 120px; background:var(--card); border:1px solid var(--line); border-radius:10px; padding:14px; text-align:center}

  .solo-clinic-owner-v2-page .wk b{display:block; font-family:"Roboto", sans-serif; font-size:34px; color:var(--navy2); line-height:1; font-variant-numeric:tabular-nums}

  .solo-clinic-owner-v2-page .wk span{font-size:13px; color:var(--soft); text-transform:uppercase; letter-spacing:.08em}

  .solo-clinic-owner-v2-page .wk.low b{color:var(--accent-ink)}

  .solo-clinic-owner-v2-page .hats{display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:10px 0 20px}

  .solo-clinic-owner-v2-page .hat{background:var(--card); border-top:4px solid var(--accent); border-radius:0 0 10px 10px; padding:14px 14px 16px; font-size:15px; box-shadow:0 1px 0 var(--line)}

  .solo-clinic-owner-v2-page .hat b{display:block; color:var(--navy2); font-family:"Roboto", sans-serif; font-size:20px; margin-bottom:6px}


  /* comparison */
  .solo-clinic-owner-v2-page .vs{display:grid; grid-template-columns:1fr auto 1fr; gap:16px; align-items:stretch; margin:14px 0 20px}

  .solo-clinic-owner-v2-page .panel{border-radius:12px; padding:22px 20px; background:var(--paper); border:1px solid var(--line)}

  .solo-clinic-owner-v2-page .panel.win{background:var(--navy); color:var(--onband); border-color:var(--navy)}

  .solo-clinic-owner-v2-page .panel .lab{font-size:12px; letter-spacing:.14em; text-transform:uppercase; font-weight:700; color:var(--soft); margin-bottom:10px}

  .solo-clinic-owner-v2-page .panel.win .lab{color:var(--accent)}

  .solo-clinic-owner-v2-page .panel .big{font-family:"Roboto", sans-serif; font-weight:800; font-size:clamp(34px,6vw,50px); line-height:1; color:var(--navy2); font-variant-numeric:tabular-nums; margin-bottom:12px}

  .solo-clinic-owner-v2-page .panel.win .big{color:#fff}

  .solo-clinic-owner-v2-page .panel .row{display:flex; justify-content:space-between; border-top:1px solid var(--line); padding:8px 0; font-size:15.5px}

  .solo-clinic-owner-v2-page .panel.win .row{border-top-color:rgba(255,255,255,.18)}

  .solo-clinic-owner-v2-page .panel .row b{font-variant-numeric:tabular-nums}

  .solo-clinic-owner-v2-page .vs .mid{align-self:center; text-align:center; font-family:"Roboto", sans-serif; font-style:italic; color:var(--accent-ink); font-size:16px; line-height:1.3}

  .solo-clinic-owner-v2-page .vs .mid b{display:block; font-style:normal; font-size:20px; color:var(--navy2)}


  /* callout */
  .solo-clinic-owner-v2-page .callout{position:relative; margin:26px 0; padding:26px 28px 22px 34px; background:var(--card); border-left:5px solid var(--accent); border-radius:0 12px 12px 0; font-family:"Roboto", sans-serif; font-size:clamp(20px,3vw,26px); line-height:1.3; color:var(--navy2); max-width:none}

  .solo-clinic-owner-v2-page .callout::before{content:"\201C"; position:absolute; left:10px; top:2px; font-size:60px; color:var(--accent); line-height:1; font-weight:900}

  .solo-clinic-owner-v2-page .banner{font-family:"Roboto", sans-serif; font-style:italic; font-size:21px; color:var(--accent-ink); margin:0 0 16px}


  /* stages stepper */
  .solo-clinic-owner-v2-page .stages{display:grid; grid-template-columns:repeat(6,1fr); gap:10px; margin:14px 0 22px; counter-reset:st}

  .solo-clinic-owner-v2-page .st{position:relative; padding-top:46px; font-size:14.5px; line-height:1.3; text-align:center}

  .solo-clinic-owner-v2-page .st::before{counter-increment:st; content:counter(st); position:absolute; top:0; left:50%; transform:translateX(-50%); width:36px; height:36px; border-radius:50%; background:var(--accent); color:#06281A; font-weight:700; display:flex; align-items:center; justify-content:center; font-family:"Roboto", sans-serif; font-size:17px; z-index:1}

  .solo-clinic-owner-v2-page .st::after{content:""; position:absolute; top:18px; left:50%; width:100%; height:2px; background:var(--accent); opacity:.45}

  .solo-clinic-owner-v2-page .st:last-child::after{display:none}

  .solo-clinic-owner-v2-page .st b{display:block; color:var(--navy2); font-family:"Roboto", sans-serif; font-size:16px}


  /* route */
  .solo-clinic-owner-v2-page .route{counter-reset:step; list-style:none; padding:0; margin:8px 0 18px}

  .solo-clinic-owner-v2-page .route li{position:relative; padding:14px 0 14px 54px; border-top:1px solid var(--line); max-width:none}

  .solo-clinic-owner-v2-page .route li:first-child{border-top:none}

  .solo-clinic-owner-v2-page .route li::before{counter-increment:step; content:counter(step); position:absolute; left:0; top:14px; width:38px; height:38px; border-radius:8px; background:var(--navy); color:#fff; font-weight:700; display:flex; align-items:center; justify-content:center; font-family:"Roboto", sans-serif; font-size:18px}

  .solo-clinic-owner-v2-page .route b{color:var(--navy2); font-family:"Roboto", sans-serif; font-size:19px}

  .solo-clinic-owner-v2-page .route .hatlab{display:inline-block; font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--accent-ink); font-weight:700; margin-left:8px; border:1px solid var(--accent); border-radius:999px; padding:2px 8px; vertical-align:middle}

  .solo-clinic-owner-v2-page .route p{margin:6px 0 0; max-width:62ch}


  /* proof */
  .solo-clinic-owner-v2-page .stats{display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin:6px 0 30px}

  .solo-clinic-owner-v2-page .stat{text-align:center; padding:18px 10px; border:1px solid var(--line); border-radius:12px; background:var(--paper)}

  .solo-clinic-owner-v2-page .stat b{display:block; font-family:"Roboto", sans-serif; font-weight:800; font-size:clamp(30px,5vw,44px); color:var(--accent-ink); line-height:1; font-variant-numeric:tabular-nums}

  .solo-clinic-owner-v2-page .stat span{font-size:13px; text-transform:uppercase; letter-spacing:.1em; color:var(--soft)}

  .solo-clinic-owner-v2-page .feat{background:var(--navy); color:var(--onband); border-radius:14px; padding:26px 26px 22px; margin:0 0 16px; position:relative}

  .solo-clinic-owner-v2-page .feat::before{content:"\201C"; position:absolute; left:16px; top:6px; font-family:"Roboto", sans-serif; font-size:70px; color:var(--accent); opacity:.6; line-height:1}

  .solo-clinic-owner-v2-page .feat q{display:block; font-family:"Roboto", sans-serif; font-size:clamp(19px,3vw,24px); line-height:1.35; padding-left:34px; quotes:none}

  .solo-clinic-owner-v2-page .feat .who{display:block; padding-left:34px; margin-top:14px; font-size:15px; color:var(--onband-soft)}

  .solo-clinic-owner-v2-page .feat .who b{color:var(--accent)}

  .solo-clinic-owner-v2-page .tgrid{display:grid; grid-template-columns:1fr 1fr; gap:14px}

  .solo-clinic-owner-v2-page .tcard{background:var(--card); border:1px solid var(--line); border-radius:12px; padding:20px 20px 16px; position:relative}

  .solo-clinic-owner-v2-page .tcard::before{content:"\201C"; position:absolute; left:12px; top:0; font-family:"Roboto", sans-serif; font-size:52px; color:var(--accent); line-height:1}

  .solo-clinic-owner-v2-page .tcard .before{display:block; padding-left:22px; font-size:12px; letter-spacing:.1em; text-transform:uppercase; color:var(--accent-ink); font-weight:700; margin-bottom:8px}

  .solo-clinic-owner-v2-page .tcard q{display:block; font-style:italic; padding-left:22px; quotes:none; font-size:16.5px}

  .solo-clinic-owner-v2-page .tcard .who{display:block; padding-left:22px; margin-top:10px; font-size:14px; color:var(--soft)}

  .solo-clinic-owner-v2-page .tcard .who b{color:var(--navy2)}


  /* offer */
  .solo-clinic-owner-v2-page ul.blocks{list-style:none; padding:0; margin:6px 0 10px}

  .solo-clinic-owner-v2-page ul.blocks li{padding:12px 0 12px 30px; border-top:1px solid var(--line); font-size:16.5px; position:relative; max-width:none}

  .solo-clinic-owner-v2-page ul.blocks li::before{content:""; position:absolute; left:4px; top:22px; width:12px; height:12px; background:var(--accent); transform:rotate(45deg)}

  .solo-clinic-owner-v2-page ul.blocks li:first-child{border-top:none}

  .solo-clinic-owner-v2-page ul.blocks li b{color:var(--navy2)}

  .solo-clinic-owner-v2-page .two{display:grid; grid-template-columns:1fr 1fr; gap:16px; margin:10px 0 18px}

  .solo-clinic-owner-v2-page .two > div{background:var(--card); border:1px solid var(--line); border-radius:12px; padding:18px 20px}

  .solo-clinic-owner-v2-page .two > div.no{background:var(--tint)}

  .solo-clinic-owner-v2-page .two h4{margin:0 0 10px; font-size:19px}

  .solo-clinic-owner-v2-page .two ul{margin:0; padding-left:18px; font-size:16px}

  .solo-clinic-owner-v2-page .two li{margin-bottom:8px}

  .solo-clinic-owner-v2-page .faq dt{font-weight:700; color:var(--navy2); margin-top:16px; font-family:"Roboto", sans-serif; font-size:18px}

  .solo-clinic-owner-v2-page .faq dd{margin:4px 0 0; max-width:65ch}


  /* risk + places */
  .solo-clinic-owner-v2-page .duo{display:grid; grid-template-columns:1fr 1fr; gap:16px}

  .solo-clinic-owner-v2-page .duo > div{background:var(--card); border:1px solid var(--line); border-radius:14px; padding:24px 24px 18px; border-top:5px solid var(--accent)}

  .solo-clinic-owner-v2-page .duo h3{margin-top:0; font-size:24px}

  .solo-clinic-owner-v2-page .duo .huge{font-family:"Roboto", sans-serif; font-weight:800; font-size:64px; color:var(--accent-ink); line-height:1; margin:4px 0 8px}


  /* final */
  .solo-clinic-owner-v2-page .final{background:var(--navy); color:var(--onband); padding:56px 22px; text-align:center; position:relative; overflow:hidden}

  .solo-clinic-owner-v2-page .final::before{content:""; position:absolute; left:0; right:0; top:0; height:6px; background:var(--accent)}

  .solo-clinic-owner-v2-page .final .in{max-width:var(--maxw); margin:0 auto}

  .solo-clinic-owner-v2-page .final h2{color:#fff; font-size:clamp(26px,4.6vw,38px)}

  .solo-clinic-owner-v2-page .final p{color:var(--onband); margin-left:auto; margin-right:auto}

  .solo-clinic-owner-v2-page .final .cap{font-size:14px; color:var(--accent); letter-spacing:.12em; text-transform:uppercase; margin-top:14px; font-weight:700}

  .solo-clinic-owner-v2-page .ps{padding-block:34px}

  .solo-clinic-owner-v2-page .ps .lab{font-family:"Roboto", sans-serif; font-weight:800; color:var(--accent-ink); font-size:22px; margin-right:8px}

  .solo-clinic-owner-v2-page .note{font-size:13.5px; color:var(--soft); font-style:italic; border-top:1px dashed var(--line); margin-top:16px; padding-top:12px; max-width:65ch}


  @media (max-width:720px){
 .solo-clinic-owner-v2-page .hats{grid-template-columns:1fr 1fr}
 .solo-clinic-owner-v2-page .stages{grid-template-columns:repeat(3,1fr)}
 .solo-clinic-owner-v2-page .st::after{display:none}
}

  @media (max-width:560px){
 .solo-clinic-owner-v2-page .vs{grid-template-columns:1fr}
 .solo-clinic-owner-v2-page .vs .mid{text-align:center}
 .solo-clinic-owner-v2-page .two, .solo-clinic-owner-v2-page .tgrid, .solo-clinic-owner-v2-page .duo, .solo-clinic-owner-v2-page .stats{grid-template-columns:1fr}
 .solo-clinic-owner-v2-page .hats{grid-template-columns:1fr 1fr}
 .solo-clinic-owner-v2-page .stages{grid-template-columns:1fr 1fr}
}

  @media (prefers-reduced-motion:no-preference){
 .solo-clinic-owner-v2-page .cta{transition:transform .15s ease, box-shadow .15s ease}
 .solo-clinic-owner-v2-page .cta:hover{transform:translateY(-1px); box-shadow:0 6px 18px rgba(0,0,0,.18)}
}


/* Approved sales illustrations */
.solo-clinic-owner-v2-page .sales-illustration{margin:22px 0 26px; background:#FFFFFF; border:1px solid var(--line); border-radius:14px; padding:12px}

.solo-clinic-owner-v2-page .sales-illustration img, .solo-clinic-owner-v2-page .bucket-pair img{display:block;width:100%;height:auto}

.solo-clinic-owner-v2-page .bucket-pair img{background:#FFFFFF; border:1px solid var(--line); border-radius:14px; padding:12px}

.solo-clinic-owner-v2-page .bucket-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0;align-items:start}

@media(max-width:600px){
.solo-clinic-owner-v2-page .bucket-pair{grid-template-columns:1fr;gap:36px}
}


/* Real photos */
.solo-clinic-owner-v2-page .photo{margin:24px 0 26px}

.solo-clinic-owner-v2-page .photo img{display:block; width:100%; height:auto; border-radius:14px; border:1px solid var(--line)}

.solo-clinic-owner-v2-page .photo figcaption{font-size:12.5px; letter-spacing:.06em; text-transform:uppercase; color:var(--soft); margin-top:10px}

.solo-clinic-owner-v2-page .photo.strip img{aspect-ratio:21/9; object-fit:cover}

.solo-clinic-owner-v2-page .illus-cap{font-size:12.5px; letter-spacing:.06em; text-transform:uppercase; color:var(--soft); margin-top:10px}

.solo-clinic-owner-v2-page .belief{margin:26px 0 30px; padding:26px 28px; border:2px solid var(--accent); border-radius:14px; font-family:"Roboto", sans-serif; font-weight:700; font-size:clamp(22px,3.4vw,30px); line-height:1.25; color:#fff; text-wrap:balance; max-width:none}

.solo-clinic-owner-v2-page .sec.band .illus-cap{color:var(--onband-soft)}

.solo-clinic-owner-v2-page .sec.band .photo figcaption{color:var(--onband-soft)}

.solo-clinic-owner-v2-page .sec.band .photo img{border-color:rgba(255,255,255,.18)}

.solo-clinic-owner-v2-page .step-photo{max-width:560px; margin:14px 0 6px}

.solo-clinic-owner-v2-page .coach{float:left; width:60px; height:60px; border-radius:50%; margin:2px 14px 6px 0; border:2px solid var(--accent); background:#fff}


/* September illustration review; source copy and originals retained. */
.solo-clinic-owner-v2-page .sales-illustration a{display:block}
.solo-clinic-owner-v2-page .sales-illustration picture{display:block}

.solo-clinic-owner-v2-page .bucket-mobile{display:none}

.solo-clinic-owner-v2-page .route-medallion{display:inline-block;width:54px;height:54px;vertical-align:middle;margin:8px 0 8px 10px}

.solo-clinic-owner-v2-page .handover-figure{max-width:400px;margin:18px auto}

@media(max-width:600px){
.solo-clinic-owner-v2-page .bucket-pair{display:none}
.solo-clinic-owner-v2-page .bucket-mobile{display:block}
.solo-clinic-owner-v2-page .sales-illustration{padding:6px}
.solo-clinic-owner-v2-page .route-medallion{width:44px;height:44px}
}

/* ================= Site alignment =================================
 * Macauley, Slack 21 Sep: "check the current pages to see their design
 * then fit this into it."
 * Section wrappers are now the site's own (.content-section / .container /
 * alternating .bg-light-blue), and the type, measure, labels and buttons
 * below follow the current pages: Roboto throughout, at the site's
 * grey, the site's 640px-ish text measure, and the site's pill green button.
 * Diagrams and photos are allowed to run wider than the text measure.
 * ================================================================== */
.solo-clinic-owner-v2-page{font-family:"Roboto",sans-serif;color:#555;background:none}
.solo-clinic-owner-v2-page h2.title{font-family:"Roboto", sans-serif;font-weight:700;color:#153365}
.solo-clinic-owner-v2-page h3{font-family:"Roboto", sans-serif;font-weight:600;color:#153365;font-size:24px;margin:34px auto 12px;max-width:720px}
.solo-clinic-owner-v2-page .desc>p,.solo-clinic-owner-v2-page .desc>ul,.solo-clinic-owner-v2-page .desc>ol,.solo-clinic-owner-v2-page .desc>blockquote{max-width:720px;margin-left:auto;margin-right:auto}
.solo-clinic-owner-v2-page .desc>p{font-size:17px;line-height:1.7;color:#555}
.solo-clinic-owner-v2-page .sec-label{color:#3CC287;text-transform:uppercase;letter-spacing:.12em;font-size:13px;font-weight:600;margin-bottom:10px}
.solo-clinic-owner-v2-page .hero-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:14px;font-weight:600}
.solo-clinic-owner-v2-page .hero-nav{font-size:14px;opacity:.85;margin-top:14px}

/* visuals run wider than the text measure */
.solo-clinic-owner-v2-page figure{margin:28px auto 30px;max-width:1000px}
.solo-clinic-owner-v2-page figure img{display:block;width:100%;height:auto;border-radius:12px}
.solo-clinic-owner-v2-page figcaption{font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:#7b8794;margin-top:10px;text-align:center}

/* buttons: the site's pill green */
.solo-clinic-owner-v2-page .cta,.solo-clinic-owner-v2-page .btn{display:inline-block;background:#3CC287;color:#fff;border-radius:100px;padding:14px 32px;
  text-decoration:none;font-weight:600;font-family:"Roboto",sans-serif;border:0}
.solo-clinic-owner-v2-page .cta:hover,.solo-clinic-owner-v2-page .btn:hover{background:#2fa876;color:#fff}
.solo-clinic-owner-v2-page .ctarow{text-align:center;margin:26px 0}
.solo-clinic-owner-v2-page .chip{display:inline-block;border:1px solid #3CC287;color:#3CC287;border-radius:999px;padding:6px 16px;margin:6px 0 18px;font-size:15px}

/* component grids keep the handoff layout, site colours */
.solo-clinic-owner-v2-page .swing,.solo-clinic-owner-v2-page .hats,.solo-clinic-owner-v2-page .stats,.solo-clinic-owner-v2-page .tgrid,.solo-clinic-owner-v2-page .stages{max-width:1000px;margin-left:auto;margin-right:auto}
.solo-clinic-owner-v2-page .ps-block{max-width:720px;margin:0 auto}


/* The theme styles button.header-btn-main; our hero CTA is an <a> so it needs
 * the same pill treatment explicitly. */
.solo-clinic-owner-v2-page .header-buttons .header-btn-main{display:inline-block;background:#3CC287;color:#fff;border-radius:100px;
  padding:14px 34px;text-decoration:none;font-weight:600;border:0;font-size:16px}
.solo-clinic-owner-v2-page .header-buttons .header-btn-main:hover{background:#2fa876;color:#fff}

/* ---- Image treatment matched to the current pages ----------------------
 * Measured off /business-mentorship/: body images render 640px wide with
 * 20px rounded corners, on the site's 640px text measure, and captions are
 * p.image-description (italic, 14.4px, #555, centred).
 * The handoff was running images at 1000px with square corners and small
 * uppercase captions, which is what looked oversized and off next to the
 * text column. Text and images now share the site's 640px measure.
 * Data-dense components the site has no equivalent for (comparison table,
 * before/after pairs, bucket pair, route and block grids) stay wider, or
 * their internal type would be unreadable.
 * ---------------------------------------------------------------------- */
.solo-clinic-owner-v2-page .desc>p,.solo-clinic-owner-v2-page .desc>ul,.solo-clinic-owner-v2-page .desc>ol,.solo-clinic-owner-v2-page .desc>blockquote,.solo-clinic-owner-v2-page h3{max-width:640px;margin-left:auto;margin-right:auto}
.solo-clinic-owner-v2-page figure{margin:26px auto 28px;max-width:640px}
.solo-clinic-owner-v2-page figure img,.solo-clinic-owner-v2-page .sales-visual img,.solo-clinic-owner-v2-page .photo img,.solo-clinic-owner-v2-page .sales-illustration img{
  display:block;width:100%;height:auto;border-radius:20px;border:0;padding:0;background:none}
.solo-clinic-owner-v2-page figcaption,.solo-clinic-owner-v2-page .sales-visual figcaption,.solo-clinic-owner-v2-page .photo figcaption,.solo-clinic-owner-v2-page .sales-illustration figcaption{
  font-size:14.4px;font-style:italic;text-transform:none;letter-spacing:normal;color:#555;text-align:center;margin-top:12px;line-height:1.5}
/* wide components keep room to breathe */
.solo-clinic-owner-v2-page .cmp,.solo-clinic-owner-v2-page .ba,.solo-clinic-owner-v2-page .bucket-pair,.solo-clinic-owner-v2-page .strip,.solo-clinic-owner-v2-page .ten,.solo-clinic-owner-v2-page ol.blocks,.solo-clinic-owner-v2-page ul.get,
.solo-clinic-owner-v2-page .quotecard,.solo-clinic-owner-v2-page .admit,.solo-clinic-owner-v2-page .trust,.solo-clinic-owner-v2-page .tcase,.solo-clinic-owner-v2-page .swing,.solo-clinic-owner-v2-page .hats,
.solo-clinic-owner-v2-page .stats,.solo-clinic-owner-v2-page .tgrid,.solo-clinic-owner-v2-page .stages,.solo-clinic-owner-v2-page .routes{max-width:960px;margin-left:auto;margin-right:auto}
.solo-clinic-owner-v2-page figure.bucket-pair,.solo-clinic-owner-v2-page figure.wide,.solo-clinic-owner-v2-page #diary-image,.solo-clinic-owner-v2-page #four-hats-image{max-width:960px}

/* The handoff sets .photo / .sales-visual / .sales-illustration to
 * margin:Npx 0, which out-specifies the figure{margin:auto} above and left
 * aligns them in the wider site column. Centre them explicitly. */
.solo-clinic-owner-v2-page figure.photo,.solo-clinic-owner-v2-page figure.sales-visual,.solo-clinic-owner-v2-page figure.sales-illustration,
.solo-clinic-owner-v2-page .photo,.solo-clinic-owner-v2-page .sales-visual,.solo-clinic-owner-v2-page .sales-illustration{margin-left:auto;margin-right:auto}

/* A few handoff figures carry an inline margin (e.g. the hero trust bar),
 * which no selector can outrank. !important is the only way to centre those. */
.solo-clinic-owner-v2-page figure[style]{margin-left:auto !important;margin-right:auto !important}

/* ---- Hero label + title measure, matched to /business-mentorship/ --------
 * Measured on the live page:
 *   hero label  -> pill: 16px Roboto 400, rgba(255,255,255,.15), 100px radius,
 *                  15px 30px padding, inline, white, small green dot.
 *   section h2  -> 33px, constrained to the site's 640px measure, so the title
 *                  sits on the same column edges as the body copy. Ours was
 *                  running the full container width, which is why the titles
 *                  looked unaligned against the text beneath them.
 * ------------------------------------------------------------------------ */
.solo-clinic-owner-v2-page .page-title-content h1{
  display:inline-flex;align-items:center;gap:10px;
  font-family:"Roboto",sans-serif;font-size:16px;font-weight:400;line-height:1.2;
  background:rgba(255,255,255,.15);border-radius:100px;padding:15px 30px;
  color:#fff;margin:0 auto 22px;text-transform:none;letter-spacing:normal}
.solo-clinic-owner-v2-page .page-title-content h1 i{font-size:10px;color:#3CC287;margin:0}

/* section titles share the body's 640px measure */
.solo-clinic-owner-v2-page section.content-section h2.title{
  max-width:640px;margin-left:auto;margin-right:auto;font-size:33px;line-height:1.25}
.solo-clinic-owner-v2-page .sec-label{max-width:640px;margin-left:auto;margin-right:auto}

/* hero headline: the site runs it at 48px */
.solo-clinic-owner-v2-page .page-title-area h2.title{font-size:48px;line-height:1.2}

/* Remaining full-width blocks pulled onto the 640px measure. On the current
 * pages the FAQ accordion sits inside .shorter-content-width, so it matches
 * the copy rather than spanning the container. */
.solo-clinic-owner-v2-page .accordion,.solo-clinic-owner-v2-page .phase,.solo-clinic-owner-v2-page .eyebrow,.solo-clinic-owner-v2-page .sub,.solo-clinic-owner-v2-page .meta,
.solo-clinic-owner-v2-page .note,.solo-clinic-owner-v2-page .ps,.solo-clinic-owner-v2-page .illus-cap,.solo-clinic-owner-v2-page .ctarow{
  max-width:640px;margin-left:auto;margin-right:auto}

/* Solo-specific blocks. Text-like boxes join the 640px copy measure; the
 * two-column comparisons keep the wider 960px like the other paired layouts. */
.solo-clinic-owner-v2-page .callout,.solo-clinic-owner-v2-page .belief,.solo-clinic-owner-v2-page .feat,.solo-clinic-owner-v2-page dl.faq{
  max-width:640px;margin-left:auto;margin-right:auto}
.solo-clinic-owner-v2-page .two,.solo-clinic-owner-v2-page .duo{max-width:960px;margin-left:auto;margin-right:auto}

/* ---- Section rhythm restored -------------------------------------------
 * The handoff styles bare `section` with its own padding and a hairline
 * border, so this page zeroed `section` to strip that. That also wiped the
 * theme's own .content-section padding, which is why the section labels
 * ("01 The problem", "02 My story") sat hard against the top edge.
 * /business-mentorship/ runs .content-section at 60px top and bottom, so
 * that is restored here explicitly, with the usual tighter mobile value.
 * ----------------------------------------------------------------------- */
.solo-clinic-owner-v2-page section.content-section{padding-top:60px;padding-bottom:60px;border-bottom:0}
.solo-clinic-owner-v2-page section.content-section > .container{padding-left:15px;padding-right:15px}
@media(max-width:900px){
  .solo-clinic-owner-v2-page section.content-section{padding-top:40px;padding-bottom:40px}
}

/* ---- Quote card, restyled as the site's own .quote-block ----------------
 * The handoff card was navy, but the theme forces paragraphs to near-black,
 * so the quote rendered black on navy and was unreadable. Rather than patch
 * the contrast, it now uses the treatment from /business-mentorship/:
 * #F9FAFB ground, 6px green left rule, 12px radius, italic, left aligned,
 * on the 640px copy measure. Attribution stays as a small green caption.
 * ----------------------------------------------------------------------- */
.solo-clinic-owner-v2-page .quotecard,.solo-clinic-owner-v2-page .admit{
  background:#F9FAFB;border:0;border-left:6px solid #3EBF84;border-radius:12px;
  padding:24px 32px;margin:28px auto;max-width:640px;text-align:left;color:#333}
.solo-clinic-owner-v2-page .quotecard p,.solo-clinic-owner-v2-page .admit p{
  color:#333;font-family:"Roboto",sans-serif;font-style:italic;font-size:18px;
  line-height:1.6;margin:0 0 10px;text-align:left;max-width:none}
.solo-clinic-owner-v2-page .quotecard .a,.solo-clinic-owner-v2-page .admit .a{
  display:block;color:#1E8A5A;font-family:"Roboto",sans-serif;font-size:13px;
  font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-style:normal;margin-top:6px}

/* ---- Text lists share the copy measure ---------------------------------
 * These are prose, not diagrams, so at 960px their left edge sat outside the
 * paragraphs above them and the columns did not line up. 640px aligns them.
 * Genuinely wide layouts (comparison table, before/after, bucket pair, the
 * two and three column strips) keep their extra room below.
 * ----------------------------------------------------------------------- */
.solo-clinic-owner-v2-page ol.blocks,.solo-clinic-owner-v2-page ul.get,.solo-clinic-owner-v2-page .ten,.solo-clinic-owner-v2-page .trust,.solo-clinic-owner-v2-page .tcase,.solo-clinic-owner-v2-page .phase{
  max-width:640px;margin-left:auto;margin-right:auto}

/* ---- One measure for everything ----------------------------------------
 * The current pages put every block inside .shorter-content-width (640px):
 * copy, headings, images, quotes and lists all share one column edge. This
 * page was letting the wider grids (comparison table, before/after, the
 * three column strip, the 10-80-10 boxes) run to 960px, which is what kept
 * reading as misaligned against the paragraphs.
 * Every direct child of .desc is now on the 640px measure, including the few
 * figures that carry an inline max-width. The grids inside them still lay out
 * normally, just within the column, and they stack on mobile as before.
 * ----------------------------------------------------------------------- */
.solo-clinic-owner-v2-page section.content-section .desc > *{
  max-width:640px !important;margin-left:auto !important;margin-right:auto !important}

/* ---- Photos inside list items were off centre --------------------------
 * ol.route li carries 54px of left padding for its step number, and
 * ul.blocks li carries 30px. A figure centred inside that padded box lands
 * half the padding to the right of the column (27px and 15px, which is
 * exactly what was measured). Pulling each back by its list's padding puts
 * the image back on the same centre line as the copy.
 * ----------------------------------------------------------------------- */
.solo-clinic-owner-v2-page ol.route > li > figure.photo{margin-left:-54px}
.solo-clinic-owner-v2-page ul.blocks > li > figure.photo{margin-left:-30px}
@media(max-width:700px){
  .solo-clinic-owner-v2-page ol.route > li > figure.photo,
  .solo-clinic-owner-v2-page ul.blocks > li > figure.photo{margin-left:0}
}

/* Replace the flat negative margins with one that spans the list item's whole
 * border box, so the image centre matches the copy centre regardless of how
 * much left padding the list uses for its markers. */
.solo-clinic-owner-v2-page ol.route > li > figure.photo{margin-left:-54px;width:calc(100% + 54px);max-width:calc(100% + 54px) !important}
.solo-clinic-owner-v2-page ul.blocks > li > figure.photo{margin-left:-30px;width:calc(100% + 30px);max-width:calc(100% + 30px) !important}
@media(max-width:700px){
  .solo-clinic-owner-v2-page ol.route > li > figure.photo,
  .solo-clinic-owner-v2-page ul.blocks > li > figure.photo{margin-left:0;width:100%;max-width:100% !important}
}

/* ---- Bootstrap .row collision ------------------------------------------
 * The handoff's comparison table marks its lines up as .row, which is also
 * Bootstrap's grid class. The theme's Bootstrap gives .row negative gutters
 * (margin: 0 -15px), which dragged every table line 15px left of its own
 * container and pushed the right column outside the column edge.
 * Neutralise the gutters for handoff .row elements inside the copy only; the
 * page's own layout rows (section > .container > .row) are untouched.
 * ----------------------------------------------------------------------- */
.solo-clinic-owner-v2-page .desc .row{margin-left:0 !important;margin-right:0 !important;width:100% !important;max-width:100% !important}

/* ---- The handoff's dark band section -----------------------------------
 * One section (sec.band) was navy with white text in the handoff. The first
 * conversion flattened every section to a light background, which left
 * .belief ("Remember, EVERY 'Go-To' Clinic's growth...") as white text on
 * white, invisible. That section now carries the theme's own dark variant,
 * .bg-blue, and everything inside it is set to read on navy.
 * ----------------------------------------------------------------------- */
.solo-clinic-owner-v2-page section.content-section.bg-blue{background:#1B2E4B}
.solo-clinic-owner-v2-page section.content-section.bg-blue h2.title,
.solo-clinic-owner-v2-page section.content-section.bg-blue h3,
.solo-clinic-owner-v2-page section.content-section.bg-blue .desc>p,
.solo-clinic-owner-v2-page section.content-section.bg-blue p,
.solo-clinic-owner-v2-page section.content-section.bg-blue li,
.solo-clinic-owner-v2-page section.content-section.bg-blue .belief{color:#fff}
.solo-clinic-owner-v2-page section.content-section.bg-blue .sec-label{color:#3CC287}
.solo-clinic-owner-v2-page section.content-section.bg-blue figcaption{color:rgba(255,255,255,.75)}
.solo-clinic-owner-v2-page .belief{border:2px solid #3CC287;border-radius:14px;padding:26px 28px}

/* The .num label belongs to the card it sits in, so keep it left aligned and
 * green there rather than inheriting the centred section-label treatment. */
.solo-clinic-owner-v2-page .panel .num,.solo-clinic-owner-v2-page .card .num{
  text-align:left;color:#1E8C5E;text-transform:uppercase;letter-spacing:.12em;
  font-size:13px;font-weight:600;margin:0 0 10px}

/* The closing CTA's small caption inherits a muted grey that is too dim on
 * navy; use the accent green, as the handoff does on its dark band. */
.solo-clinic-owner-v2-page section.content-section.bg-blue .cap,
.solo-clinic-owner-v2-page #final .cap{
  color:#3CC287;text-transform:uppercase;letter-spacing:.12em;font-size:13px;font-weight:600;margin-top:14px}
.solo-clinic-owner-v2-page #final .ctarow{margin-top:22px}

/* .illus-cap carried the handoff's on-dark caption colour, so in a light
 * section it rendered white on a white figure. Give it the normal caption
 * grey; the .bg-blue rule above still wins inside the dark band. */
.solo-clinic-owner-v2-page .illus-cap{color:#555}
.solo-clinic-owner-v2-page section.content-section.bg-blue .illus-cap{color:rgba(255,255,255,.75)}

/* Inside the dark band the illustration card is still a WHITE card, so its
 * caption must stay dark even though the surrounding section is navy.
 * Without this the band's light caption colour renders white on white. */
.solo-clinic-owner-v2-page section.content-section.bg-blue figure.sales-illustration .illus-cap,
.solo-clinic-owner-v2-page section.content-section.bg-blue figure.sales-illustration figcaption,
.solo-clinic-owner-v2-page figure.sales-illustration .illus-cap{color:#555}

/* ---- Dark sections removed, per Macauley: keep it consistent ------------
 * The handoff had one navy band section and a navy closing CTA. Both now use
 * the same light treatment as every other section, so the page reads as one
 * piece. Everything that was coloured for a dark backdrop is returned to the
 * normal palette: navy headings, grey copy, green accents.
 * ----------------------------------------------------------------------- */
.solo-clinic-owner-v2-page section.content-section h2.title,
.solo-clinic-owner-v2-page section.content-section h3{color:#153365}
.solo-clinic-owner-v2-page section.content-section .desc>p,
.solo-clinic-owner-v2-page section.content-section p,
.solo-clinic-owner-v2-page section.content-section li{color:#555}
.solo-clinic-owner-v2-page section.content-section figcaption,
.solo-clinic-owner-v2-page .illus-cap{color:#555}
.solo-clinic-owner-v2-page .sec-label{color:#3CC287}

/* .belief keeps its green outline but now reads as a light callout */
.solo-clinic-owner-v2-page .belief{
  background:#F9FAFB;border:2px solid #3CC287;border-radius:14px;
  padding:26px 28px;color:#153365}
.solo-clinic-owner-v2-page #final .cap{color:#1E8C5E}

/* "Eight places a month" sits under the CTA button, so centre it to match. */
.solo-clinic-owner-v2-page #final .cap,
.solo-clinic-owner-v2-page .cap{
  text-align:center;color:#1E8C5E;text-transform:uppercase;letter-spacing:.12em;
  font-size:13px;font-weight:600;margin-top:14px}
.solo-clinic-owner-v2-page #final .ctarow{text-align:center;margin-top:22px}

/* The handoff puts the eyebrow above the headline; keep that order and give it
 * the hero's light-on-navy treatment. */
.solo-clinic-owner-v2-page .page-title-content .hero-eyebrow{
  color:#fff;opacity:.9;text-transform:uppercase;letter-spacing:.14em;
  font-size:14px;font-weight:600;margin:0 0 12px;text-align:center}

/* The eyebrow inherits a max-width from the hero's content rules but no auto
 * margins, so its box sat at the left edge while the text centred inside it.
 * Centre the box itself. */
.solo-clinic-owner-v2-page .page-title-content .hero-eyebrow{
  margin-left:auto;margin-right:auto;text-align:center}

/* The strapline under the CTA is a quiet supporting line, not body copy:
 * smaller and dimmed against the navy, as in the handoff. */
.solo-clinic-owner-v2-page .page-title-content .hero-nav{
  margin-left:auto;margin-right:auto;text-align:center;
  font-size:14px;line-height:1.5;color:rgba(255,255,255,.6);opacity:1;
  letter-spacing:.01em;margin-top:18px}

/* The theme styles hero .desc paragraphs at 22px white, which outranked the
 * earlier rule, so the strapline still rendered as body copy. Match its
 * selector depth to make the quieter treatment stick. */
.solo-clinic-owner-v2-page section.page-title-area .page-title-content .desc p.hero-nav{
  font-size:14px;line-height:1.5;color:rgba(255,255,255,.6);
  letter-spacing:.01em;margin:18px auto 0;text-align:center}
.solo-clinic-owner-v2-page section.page-title-area .page-title-content p.hero-eyebrow{
  font-size:14px;color:rgba(255,255,255,.9);margin:0 auto 12px;text-align:center}

/* ---- Hero bottom spacing ------------------------------------------------
 * The theme gives .page-title-content 100px of bottom padding, which suits its
 * image-backed heroes but left a large empty band under this one: 100px there
 * plus 52px on the section plus the trust bar's own 24px came to 176px of dead
 * space. Trimmed to a normal hero gap; the top of the hero is untouched.
 * ------------------------------------------------------------------------ */
.solo-clinic-owner-v2-page .page-title-area .page-title-content{padding-bottom:24px}
.solo-clinic-owner-v2-page .page-title-area .desc > *:last-child{margin-bottom:0}
@media(max-width:900px){
  .solo-clinic-owner-v2-page .page-title-area .page-title-content{padding-bottom:16px}
}

/* Tighten the caption to its image. Note the diagram files carry their own
 * internal whitespace below the artwork, so part of the visible gap is baked
 * into the image and can only be removed by recropping the asset. */
.solo-clinic-owner-v2-page figure figcaption,
.solo-clinic-owner-v2-page figure .illus-cap{margin-top:6px}
.solo-clinic-owner-v2-page figure{margin-bottom:22px}

/* Earlier caption rules use .sales-visual/.photo/.sales-illustration, which
 * outrank a plain `figure figcaption`, so match that depth to actually tighten
 * the gap between a diagram and its caption. */
.solo-clinic-owner-v2-page figure.sales-visual figcaption,
.solo-clinic-owner-v2-page figure.photo figcaption,
.solo-clinic-owner-v2-page figure.sales-illustration figcaption,
.solo-clinic-owner-v2-page figure.sales-illustration .illus-cap,
.solo-clinic-owner-v2-page figure figcaption{margin-top:6px}

/* ---- Quote card: filled navy panel --------------------------------------
 * Back to the handoff's solid navy treatment rather than the light box with a
 * green rule. The reason it was changed originally was that the theme forces
 * paragraphs to near-black, so the quote rendered black on navy; every colour
 * inside is therefore set explicitly here so that cannot recur.
 * ------------------------------------------------------------------------ */
.solo-clinic-owner-v2-page .quotecard,.solo-clinic-owner-v2-page .admit{
  background:#1E3A5F;border:0;border-left:0;border-radius:14px;
  padding:34px 40px;margin:28px auto;max-width:640px;text-align:center;color:#fff}
.solo-clinic-owner-v2-page .quotecard p,.solo-clinic-owner-v2-page .admit p,
.solo-clinic-owner-v2-page .quotecard blockquote,.solo-clinic-owner-v2-page .admit blockquote{
  color:#fff;font-family:"Roboto",sans-serif;font-style:normal;font-weight:600;
  font-size:19px;line-height:1.5;margin:0 0 12px;text-align:center;max-width:none}
.solo-clinic-owner-v2-page .quotecard .a,.solo-clinic-owner-v2-page .admit .a{
  display:block;color:#5FD3A0;font-family:"Roboto",sans-serif;font-size:12.5px;
  font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-style:normal;
  margin-top:10px;text-align:center}

/* ---- Restore list bullets ----------------------------------------------
 * The theme sets a global `ul li { list-style-type: none }`, which stripped
 * the markers from the handoff's prose lists (the before/after columns read
 * as loose lines instead of bullets). Restore discs for those, while leaving
 * the deliberately unmarked component lists (ul.get, ol.blocks, ul.blocks,
 * .who, .route) alone, since they supply their own numbers or icons.
 * ------------------------------------------------------------------------ */
.solo-clinic-owner-v2-page .desc .ba ul > li,
.solo-clinic-owner-v2-page .desc .callout ul > li,
.solo-clinic-owner-v2-page .desc .feat ul > li,
.solo-clinic-owner-v2-page .desc ul:not([class]) > li{list-style-type:disc}
.solo-clinic-owner-v2-page .desc .ba ul,
.solo-clinic-owner-v2-page .desc ul:not([class]){padding-left:20px;margin:0 0 10px}
.solo-clinic-owner-v2-page .desc .ba ul > li,
.solo-clinic-owner-v2-page .desc ul:not([class]) > li{margin:6px 0}

/* ---- Headings match the site -------------------------------------------
 * Macauley, Slack: "some of the text doesn't seem to match the sites font".
 * Measured on /business-mentorship/: section headings render Roboto 700 at
 * 33px. Oswald is loaded by the theme but is not used for content headings,
 * so the condensed Oswald used here read as a different typeface. Every
 * heading, quote and label on this page is now the site's Roboto.
 * ------------------------------------------------------------------------ */
.solo-clinic-owner-v2-page h1,.solo-clinic-owner-v2-page h2,.solo-clinic-owner-v2-page h3,.solo-clinic-owner-v2-page h4,
.solo-clinic-owner-v2-page h2.title,.solo-clinic-owner-v2-page .chip,.solo-clinic-owner-v2-page summary,
.solo-clinic-owner-v2-page .quotecard p,.solo-clinic-owner-v2-page .admit p,.solo-clinic-owner-v2-page .ba blockquote,.solo-clinic-owner-v2-page .feature .q{
  font-family:"Roboto",sans-serif}
.solo-clinic-owner-v2-page section.content-section h2.title{font-weight:700}
.solo-clinic-owner-v2-page h3{font-weight:700}

/* ---- Body text matched to /business-mentorship/ -------------------------
 * Measured on the reference page: body copy is Roboto 400 at 14.4px with a
 * 25.2px line height. This page was running 17px, which was the one text role
 * still differing from the current pages. Everything else (hero label 16/400,
 * hero title 48/700, hero body 22/400, section title 33/700, FAQ 16/400)
 * already matched.
 * ------------------------------------------------------------------------ */
.solo-clinic-owner-v2-page section.content-section .desc>p,
.solo-clinic-owner-v2-page section.content-section .desc>ul,
.solo-clinic-owner-v2-page section.content-section .desc>ol,
.solo-clinic-owner-v2-page section.content-section .desc li{
  font-size:14.4px;line-height:25.2px}

/* ---- Body copy: corrected to the site's real value ----------------------
 * An earlier pass set this to 14.4px, taken from a single sample that turned
 * out to be an image caption. Measuring every paragraph on
 * /business-mentorship/ and weighting by how much text each style carries:
 *   18px   / lh 31.5px / 400  -> 86 percent of body text (152 paragraphs)
 *   14.4px / lh 25.2px / 400  -> 11 percent, image captions only
 *   20px   / lh 32px   / 400  ->  3 percent, pull quotes
 * So body copy is 18px. Captions stay at 14.4px, and quotes sit at 20px.
 * ------------------------------------------------------------------------ */
.solo-clinic-owner-v2-page section.content-section .desc>p,
.solo-clinic-owner-v2-page section.content-section .desc>ul,
.solo-clinic-owner-v2-page section.content-section .desc>ol,
.solo-clinic-owner-v2-page section.content-section .desc li{
  font-size:18px;line-height:31.5px;font-weight:400}
.solo-clinic-owner-v2-page section.content-section .desc figcaption,
.solo-clinic-owner-v2-page section.content-section .desc .illus-cap{
  font-size:14.4px;line-height:25.2px}
.solo-clinic-owner-v2-page .quotecard p,.solo-clinic-owner-v2-page .admit p{font-size:20px;line-height:32px}

/* ================= Typography and spacing, matched to /business-mentorship/
 * Measured on the live reference page, sampling every instance rather than
 * the first match, so the dominant value wins:
 *   hero label    Roboto 16px/17.6  w400  mb 25px   #fff
 *   hero title    Roboto 48px/48    w700  mb 23px   #fff   letter-spacing .1px
 *   hero body     Roboto 22px/28.6  w400  mb 40px   #fff
 *   section title Roboto 33px/36.3  w700  mb 24px   #000   (30 of 30 black)
 *   body copy     Roboto 18px/31.5  w400  mb 20px   #000   (109 of 122 black)
 *   list item     Roboto 18px/20    w400  mb 15px   #252525
 *   caption       Roboto 14.4px/25.2 w400 mt 6 mb 20 #555
 *   accordion Q   Roboto 16px/17.6  w400            #212529
 *   accordion A   Roboto 16px/28    w400            #212529
 *   measure       640px            section pad 60px
 * The headings and body were previously navy and grey here; the site uses
 * black for both, so that is corrected.
 * ========================================================================= */
.solo-clinic-owner-v2-page section.content-section h2.title{
  font-family:"Roboto",sans-serif;font-size:33px;line-height:36.3px;font-weight:700;
  color:#000;margin:0 0 24px}
.solo-clinic-owner-v2-page section.content-section h3,
.solo-clinic-owner-v2-page section.content-section h4{
  font-family:"Roboto",sans-serif;font-weight:700;color:#000;line-height:1.3;margin:28px auto 12px}
.solo-clinic-owner-v2-page section.content-section h3{font-size:22px}
.solo-clinic-owner-v2-page section.content-section h4{font-size:19px}

.solo-clinic-owner-v2-page section.content-section .desc>p{
  font-family:"Roboto",sans-serif;font-size:18px;line-height:31.5px;font-weight:400;
  color:#000;margin:0 0 20px}
.solo-clinic-owner-v2-page section.content-section .desc>ul,
.solo-clinic-owner-v2-page section.content-section .desc>ol{margin:0 0 20px}
.solo-clinic-owner-v2-page section.content-section .desc li{
  font-family:"Roboto",sans-serif;font-size:18px;line-height:20px;font-weight:400;
  color:#252525;margin:0 0 15px}

.solo-clinic-owner-v2-page section.content-section figcaption,
.solo-clinic-owner-v2-page section.content-section .illus-cap{
  font-family:"Roboto",sans-serif;font-size:14.4px;line-height:25.2px;font-weight:400;
  color:#555;margin:6px 0 20px}

.solo-clinic-owner-v2-page .page-title-area h2.title{
  font-family:"Roboto",sans-serif;font-size:48px;line-height:48px;font-weight:700;
  letter-spacing:.1px;color:#fff;margin:0 0 23px}
.solo-clinic-owner-v2-page .page-title-content h1{margin:0 auto 25px}
.solo-clinic-owner-v2-page .page-title-content .desc>p{
  font-family:"Roboto",sans-serif;font-size:22px;line-height:28.6px;font-weight:400;
  color:#fff;margin:0 0 40px}

.solo-clinic-owner-v2-page .accordion-button{font-family:"Roboto",sans-serif;font-size:16px;line-height:17.6px;font-weight:400;color:#212529}
.solo-clinic-owner-v2-page .accordion-body{font-family:"Roboto",sans-serif;font-size:16px;line-height:28px;font-weight:400;color:#212529}

/* The generated headings carry Bootstrap's .mb-0 utility, which sets
 * margin-bottom:0 !important and so beat the spacing above. The reference page
 * puts 24px under a section title and 40px under the hero paragraph, so those
 * are restored here at the same weight. The hero label's line height is set to
 * the site's 17.6px rather than the 1.2 ratio used for the pill. */
.solo-clinic-owner-v2-page section.content-section h2.title{margin-bottom:24px !important}
.solo-clinic-owner-v2-page .page-title-area .page-title-content .desc>p{margin-bottom:40px !important}
.solo-clinic-owner-v2-page .page-title-content h1{line-height:17.6px}

/* The margin shorthand in the spec block above reset the auto left/right
 * margins that centre each block in the 640px column, which pushed the section
 * titles and copy to the container's left edge. Vertical spacing stays exactly
 * as measured; horizontal margins go back to auto. */
.solo-clinic-owner-v2-page section.content-section h2.title{margin-left:auto;margin-right:auto}
.solo-clinic-owner-v2-page section.content-section h3,
.solo-clinic-owner-v2-page section.content-section h4{margin-left:auto;margin-right:auto}
.solo-clinic-owner-v2-page section.content-section .desc>p,
.solo-clinic-owner-v2-page section.content-section .desc>ul,
.solo-clinic-owner-v2-page section.content-section .desc>ol{margin-left:auto;margin-right:auto}
.solo-clinic-owner-v2-page section.content-section figcaption,
.solo-clinic-owner-v2-page section.content-section .illus-cap{margin-left:auto;margin-right:auto}
.solo-clinic-owner-v2-page .page-title-area .page-title-content .desc>p{margin-left:auto;margin-right:auto}

/* Hero headline line height.
 * The reference page sets 48px/48px, a 1.0 ratio. That is tight for a headline
 * that wraps to three lines, so this one is opened to 1.15 (55.2px) at John's
 * request. This is a deliberate, small departure from the measured site value;
 * everything else in the hero still matches it exactly. */
.solo-clinic-owner-v2-page .page-title-area h2.title{line-height:1.15}
@media(max-width:767px){
  .solo-clinic-owner-v2-page .page-title-area h2.title{line-height:1.2}
}

/* ---- Responsive type scale, measured off /business-mentorship/ -----------
 * The earlier spec was taken at desktop width only. The reference page also
 * scales down, and these pages were not, so headings stayed at 48px on a
 * phone. Measured values:
 *        width    hero title     section title   body copy
 *        1440     48 / 48        33 / 36.3       18 / 31.5
 *         710     48 / 48        33 / 36.3         -
 *         540     48 / 48        26 / 28.6         -
 *         480     26 / 26          -               -
 *         380     26 / 26        26 / 28.6       16 / 28
 * So the section title and body step down at about 575px, and the hero title
 * at about 500px. The hero keeps the slightly opened line height John asked
 * for rather than the site's 1.0.
 * ------------------------------------------------------------------------- */
@media(max-width:575px){
  .solo-clinic-owner-v2-page section.content-section h2.title{font-size:26px;line-height:28.6px}
  .solo-clinic-owner-v2-page section.content-section .desc>p{font-size:16px;line-height:28px}
  .solo-clinic-owner-v2-page section.content-section .desc li{font-size:16px;line-height:24px}
  .solo-clinic-owner-v2-page section.content-section h3{font-size:20px}
  .solo-clinic-owner-v2-page section.content-section h4{font-size:18px}
}
@media(max-width:500px){
  .solo-clinic-owner-v2-page .page-title-area h2.title{font-size:26px;line-height:1.2}
  .solo-clinic-owner-v2-page .page-title-content .desc>p{font-size:18px;line-height:26px}
}

/* ---- Hero padding: beat the theme's .content-style2 rule ----------------
 * The theme sets `.page-title-area .page-title-content.content-style2
 * { padding: 190px 0 100px }` (three classes). The earlier override here used
 * three classes too, and the theme stylesheet loads after this one, so the
 * tie went to the theme and the 190px stayed. Including .content-style2 makes
 * this four classes, so it wins on specificity regardless of load order.
 * Top is 140px as requested; bottom keeps the reduced 24px.
 * ------------------------------------------------------------------------- */
.solo-clinic-owner-v2-page .page-title-area .page-title-content.content-style2{
  padding:140px 0 24px}
@media(max-width:991px){
  .solo-clinic-owner-v2-page .page-title-area .page-title-content.content-style2{padding:110px 0 20px}
}
@media(max-width:575px){
  .solo-clinic-owner-v2-page .page-title-area .page-title-content.content-style2{padding:95px 0 16px}
}

/* ---- Case study boxes matched to the comparison table -------------------
 * Macauley, Slack 22 Sep: "Some sections need to be a little smaller text
 * like in these boxes. Same size as the table I think would be good."
 * The comparison table cells render at 14.5px / 23.49px. The before/after
 * columns were inheriting the 18px body size with a tight 20px line height,
 * so they read much larger than the table beside them. Both now sit on the
 * table's size and rhythm.
 * ------------------------------------------------------------------------- */
.solo-clinic-owner-v2-page .desc .ba li,
.solo-clinic-owner-v2-page .desc .ba ul li,
.solo-clinic-owner-v2-page .desc .ba p,
.solo-clinic-owner-v2-page .desc .ba .col li,
.solo-clinic-owner-v2-page .desc .ba .col p{
  font-size:14.5px !important;
  line-height:23.49px !important;
  margin-bottom:10px;
}
.solo-clinic-owner-v2-page .desc .ba blockquote{
  font-size:16px;
  line-height:26px;
}
@media(max-width:575px){
  .solo-clinic-owner-v2-page .desc .ba li,
  .solo-clinic-owner-v2-page .desc .ba ul li,
  .solo-clinic-owner-v2-page .desc .ba p,
  .solo-clinic-owner-v2-page .desc .ba .col li,
  .solo-clinic-owner-v2-page .desc .ba .col p{
    font-size:14px !important;
    line-height:22px !important;
  }
}

/* ---- Case study pull quote ----------------------------------------------
 * At 16px the quote sat only 1.5px above the 14.5px box text, so it read as
 * more of the same rather than as a quote. Lifted to 18.5px with a matching
 * line height, which gives it presence without competing with the 22px case
 * heading above it. The attribution moves 12px -> 13px so the name stays
 * legible while remaining clearly subordinate.
 * ------------------------------------------------------------------------- */
.solo-clinic-owner-v2-page .desc .ba blockquote{
  font-size:18.5px;
  line-height:29px;
}
.solo-clinic-owner-v2-page .desc .ba blockquote .a{
  font-size:13px;
  line-height:20px;
}
@media(max-width:575px){
  .solo-clinic-owner-v2-page .desc .ba blockquote{font-size:17px;line-height:27px}
}

/* ---- Quote card back to the handoff's original treatment ----------------
 * Reverting the filled navy panel: white card, green left rule, text left
 * aligned, as in the designer's standalone preview. Colours are set
 * explicitly because the theme forces paragraphs to near-black, which is what
 * made the navy version unreadable in the first place.
 * ------------------------------------------------------------------------- */
.solo-clinic-owner-v2-page .quotecard,.solo-clinic-owner-v2-page .admit{
  background:#FBFBFA !important;
  border:1px solid #E7E7E1 !important;
  border-left:4px solid #3EBF84 !important;
  border-radius:12px !important;
  padding:26px 30px !important;
  text-align:left !important;
  color:#14202B !important;
}
.solo-clinic-owner-v2-page .quotecard p,.solo-clinic-owner-v2-page .admit p,
.solo-clinic-owner-v2-page .quotecard blockquote,.solo-clinic-owner-v2-page .admit blockquote{
  color:#14202B !important;
  font-style:italic !important;
  font-weight:400 !important;
  text-align:left !important;
  font-size:18.5px !important;
  line-height:29px !important;
  margin:0 0 10px !important;
}
.solo-clinic-owner-v2-page .quotecard .a,.solo-clinic-owner-v2-page .admit .a{
  display:block !important;
  color:#586374 !important;
  font-size:13px !important;
  font-weight:400 !important;
  font-style:normal !important;
  text-transform:none !important;
  letter-spacing:normal !important;
  text-align:left !important;
  margin-top:8px !important;
}
@media(max-width:575px){
  .solo-clinic-owner-v2-page .quotecard,.solo-clinic-owner-v2-page .admit{padding:20px 22px !important}
  .solo-clinic-owner-v2-page .quotecard p,.solo-clinic-owner-v2-page .admit p{font-size:17px !important;line-height:27px !important}
}

/* ---- Inline links in body copy ------------------------------------------
 * The handoff CSS sets `a { color: inherit }` with no underline, so a real
 * link like "Go-To Clinic Mentorship" (which points at /mentorship/) read as
 * plain text. Body links now carry an underline so they are recognisable.
 * Buttons and CTAs are excluded, as are the hero's .hl highlight rules which
 * already have their own underline treatment.
 * ------------------------------------------------------------------------- */
.solo-clinic-owner-v2-page .desc p a:not(.btn):not(.cta):not(.hl),
.solo-clinic-owner-v2-page .desc li a:not(.btn):not(.cta):not(.hl),
.solo-clinic-owner-v2-page .desc blockquote a:not(.btn):not(.cta):not(.hl),
.solo-clinic-owner-v2-page .accordion-body a:not(.btn):not(.cta){
  text-decoration:underline;
  text-underline-offset:2px;
  text-decoration-thickness:1px;
}
.solo-clinic-owner-v2-page .desc p a:not(.btn):not(.cta):not(.hl):hover,
.solo-clinic-owner-v2-page .desc li a:not(.btn):not(.cta):not(.hl):hover,
.solo-clinic-owner-v2-page .accordion-body a:not(.btn):not(.cta):hover{
  color:#1E8C5E;
}

/* ---- Quote card matched to the reference preview ------------------------
 * Comparing side by side with the handoff's standalone preview, the quote is
 * a filled navy panel: white text centred, green uppercase attribution,
 * rounded corners. Applying that here.
 * Every colour is stated explicitly because the theme forces paragraphs to
 * near-black, which is what made an earlier navy version render black on navy.
 * These rules sit last in the file so they supersede the white/left-rule
 * treatment above.
 * ------------------------------------------------------------------------- */
.solo-clinic-owner-v2-page .quotecard,.solo-clinic-owner-v2-page .admit{
  background:#1E3A5F !important;
  border:0 !important;
  border-left:0 !important;
  border-radius:14px !important;
  padding:34px 40px !important;
  margin:28px auto !important;
  max-width:640px !important;
  text-align:center !important;
  color:#fff !important;
}
.solo-clinic-owner-v2-page .quotecard p,.solo-clinic-owner-v2-page .admit p,
.solo-clinic-owner-v2-page .quotecard blockquote,.solo-clinic-owner-v2-page .admit blockquote{
  color:#fff !important;
  font-style:italic !important;
  font-weight:400 !important;
  font-size:19px !important;
  line-height:30px !important;
  text-align:center !important;
  margin:0 0 12px !important;
  max-width:none !important;
}
.solo-clinic-owner-v2-page .quotecard .a,.solo-clinic-owner-v2-page .admit .a{
  display:block !important;
  color:#5FD3A0 !important;
  font-size:12.5px !important;
  font-weight:700 !important;
  font-style:normal !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  text-align:center !important;
  margin-top:12px !important;
}
@media(max-width:575px){
  .solo-clinic-owner-v2-page .quotecard,.solo-clinic-owner-v2-page .admit{padding:24px 22px !important}
  .solo-clinic-owner-v2-page .quotecard p,.solo-clinic-owner-v2-page .admit p{font-size:17px !important;line-height:27px !important}
}

/* Quote text enlarged to sit closer to the reference, which runs this at
 * clamp(20px, 2.6vw, 27px) and lands near 27px on desktop. 24px keeps it
 * clearly bigger than body copy without crowding the 640px card. */
.solo-clinic-owner-v2-page .quotecard p,.solo-clinic-owner-v2-page .admit p,
.solo-clinic-owner-v2-page .quotecard blockquote,.solo-clinic-owner-v2-page .admit blockquote{
  font-size:24px !important;
  line-height:34px !important;
}
@media(max-width:575px){
  .solo-clinic-owner-v2-page .quotecard p,.solo-clinic-owner-v2-page .admit p,
  .solo-clinic-owner-v2-page .quotecard blockquote,.solo-clinic-owner-v2-page .admit blockquote{
    font-size:19px !important;
    line-height:29px !important;
  }
}

/* ---- Section labels back to green ---------------------------------------
 * The labels ("Sound familiar?", "The leaky bucket in every private
 * practice", etc.) were rendering grey. Three rules already set them green,
 * but the blanket body-colour rule added when the navy sections were removed
 *   .solo-clinic-owner-v2-page section.content-section p { color:#555 }
 * matched p.sec-label with more element specificity and won.
 * Naming the class on the element (p.sec-label) settles it, matching the
 * reference where these labels are green.
 * ------------------------------------------------------------------------- */
.solo-clinic-owner-v2-page section.content-section p.sec-label,
.solo-clinic-owner-v2-page section.content-section .sec-label{
  color:#3CC287;
}
.solo-clinic-owner-v2-page section.content-section.bg-blue p.sec-label{
  color:#3CC287;
}

/* ---- Pull quote panel ---------------------------------------------------
 * .callout was set to var(--card), which is #FFFFFF, so on a white section
 * the panel was invisible and only the green bar and quote mark showed.
 * A light grey ground makes it read as a highlighted block, as the reference
 * does with its slightly lifted panel on the dark ground.
 * ------------------------------------------------------------------------- */
.solo-clinic-owner-v2-page .callout{
  background:#F1F3F5;
  border-left:5px solid #3CC287;
  border-radius:0 12px 12px 0;
}

/* ---- Emphasised line ----------------------------------------------------
 * .banner ("We are in the business of keeping patients progressing...") is
 * meant to be the accent green, but the blanket
 *   section.content-section p { color:#555 } / .desc>p { color:#000 }
 * rules matched p.banner with more element specificity and won, so it
 * rendered as ordinary black italic. Naming the class on the element settles
 * it, and bold matches the weight the reference gives this line.
 * ------------------------------------------------------------------------- */
.solo-clinic-owner-v2-page section.content-section p.banner,
.solo-clinic-owner-v2-page section.content-section .desc>p.banner{
  color:#1E8C5E;
  font-weight:700;
  font-style:italic;
  font-size:21px;
  line-height:1.45;
}

/* ---- Route list: align the number with its title ------------------------
 * Each step is <b>title</b><img 44px><span>hat</span> inline, then the body
 * copy. When a title is short everything fits one line, and the 44px
 * medallion inflates that line so the title sits ~22px lower; when a title is
 * long it takes its own line. The number badge is absolutely positioned at a
 * fixed top, so it could not line up with both (measured: title centre 46px
 * on steps 1, 3, 4, 5 but 23px on step 2).
 * Making the title a block puts it on its own line in every step, so its
 * position is predictable, and the badge is then centred against it. The
 * medallion and hat label flow underneath, as they already did on step 2.
 * ------------------------------------------------------------------------- */
.solo-clinic-owner-v2-page ol.route > li > b{
  display:block;
  line-height:1.3;
  margin:0 0 6px;
}
.solo-clinic-owner-v2-page ol.route > li::before{
  top:7px;
}
.solo-clinic-owner-v2-page ol.route > li .route-medallion{
  margin:4px 10px 4px 0;
}

/* ---- Testimonial cards, tidied ------------------------------------------
 * The cards sit in a 2 column grid, so each row stretches to its tallest
 * card. The attribution followed straight after the quote, so a short card
 * left a large empty band at the bottom and the rows looked unbalanced.
 * Each card is now a flex column with the attribution pushed to the bottom,
 * so names line up across a row and the leftover space reads as deliberate.
 * The card also gets a light ground (it was #FFFFFF on a white section, so
 * only the hairline border defined it) and a rule above the attribution.
 * ------------------------------------------------------------------------- */
.solo-clinic-owner-v2-page .tgrid{
  gap:18px;
  align-items:stretch;
}
.solo-clinic-owner-v2-page .tcard{
  display:flex;
  flex-direction:column;
  background:#FAFBFC;
  border:1px solid #E7E7E1;
  border-radius:14px;
  padding:24px 22px 18px;
}
.solo-clinic-owner-v2-page .tcard::before{
  top:12px;
  font-size:42px;
  line-height:.9;
}
.solo-clinic-owner-v2-page .tcard .before{
  line-height:1.45;
  margin-bottom:12px;
}
.solo-clinic-owner-v2-page .tcard q{
  line-height:1.55;
  margin:0;
}
.solo-clinic-owner-v2-page .tcard .who{
  margin-top:auto;
  padding-top:14px;
  border-top:1px solid #ECECE8;
  line-height:1.5;
}
@media(max-width:700px){
  .solo-clinic-owner-v2-page .tcard{padding:20px 18px 16px}
}

/* ---- Testimonial cards: align the rule across a row ---------------------
 * Pinning the attribution to the bottom made the cards balanced, but the rule
 * above it still landed at different heights because the attributions differ
 * in length (one line vs three). Sharing row tracks between the cards in a
 * row fixes that: each card becomes a subgrid of the parent with three rows
 * (label, quote, attribution), so every card's rule sits on the same line.
 * Cards have exactly three children; the quote mark is absolutely positioned
 * and so is not a grid item.
 * Browsers without subgrid keep the previous flex behaviour via @supports.
 * ------------------------------------------------------------------------- */
@supports (grid-template-rows: subgrid){
  .solo-clinic-owner-v2-page .tgrid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
  }
  .solo-clinic-owner-v2-page .tcard{
    display:grid;
    grid-template-rows:subgrid;
    grid-row:span 3;
    row-gap:0;
    align-content:start;
  }
  .solo-clinic-owner-v2-page .tcard .who{
    margin-top:0;
    align-self:start;
  }
}
@media(max-width:700px){
  @supports (grid-template-rows: subgrid){
    .solo-clinic-owner-v2-page .tgrid{grid-template-columns:1fr}
  }
}

/* ======= Success stories, restyled to the supplied mockup ================
 * Cards: white, 16px radius, soft shadow, with the quote mark in a circular
 * mint badge at the top left and the BEFORE label set beside it. The quote
 * then runs the full width of the card. The attribution is introduced by a
 * short green dash, with the name, role and any supporting detail stacked.
 * ========================================================================= */
.solo-clinic-owner-v2-page .tcard{
  background:#FFFFFF;
  border:1px solid #EDF1EE;
  border-radius:16px;
  box-shadow:0 2px 10px rgba(23,32,51,.05), 0 10px 24px rgba(23,32,51,.04);
  padding:26px 26px 22px;
}
/* quote mark in a mint circle */
.solo-clinic-owner-v2-page .tcard::before{
  content:"\201C";
  position:absolute;
  left:26px;
  top:24px;
  width:46px;
  height:46px;
  border-radius:50%;
  background:#E8F6EF;
  color:#2E9E6B;
  font-size:36px;
  line-height:1;
  display:flex;
  align-items:center;
  justify-content:center;
  padding-top:14px;
  box-sizing:border-box;
}
/* BEFORE label sits to the right of the badge */
.solo-clinic-owner-v2-page .tcard .before{
  padding-left:62px;
  min-height:46px;
  display:flex;
  align-items:center;
  color:#1E8C5E;
  font-size:12px;
  letter-spacing:.09em;
  line-height:1.5;
  margin-bottom:14px;
}
/* quote runs the full card width, with emphasis picked out */
.solo-clinic-owner-v2-page .tcard q{
  padding-left:0;
  font-size:17px;
  line-height:1.6;
  color:#243244;
}
.solo-clinic-owner-v2-page .tcard q b,
.solo-clinic-owner-v2-page .tcard q strong{
  font-weight:700;
  color:#172033;
  font-style:italic;
}
/* attribution: green dash, then name / role / detail stacked */
.solo-clinic-owner-v2-page .tcard .who{
  position:relative;
  padding-left:38px;
  padding-top:16px;
  border-top:1px solid #EDF1EE;
  font-size:14px;
  color:#5C6572;
}
.solo-clinic-owner-v2-page .tcard .who::before{
  content:"";
  position:absolute;
  left:0;
  top:24px;
  width:24px;
  height:2px;
  background:#3CC287;
  border-radius:2px;
}
.solo-clinic-owner-v2-page .tcard .who b{
  display:block;
  color:#17304F;
  font-weight:700;
  font-size:15.5px;
  line-height:1.35;
}
.solo-clinic-owner-v2-page .tcard .who .role{
  display:block;
  color:#5C6572;
  font-size:14px;
  line-height:1.45;
}
.solo-clinic-owner-v2-page .tcard .who .detail{
  display:block;
  color:#6B7484;
  font-size:13px;
  font-style:italic;
  line-height:1.45;
  margin-top:2px;
}
@media(max-width:700px){
  .solo-clinic-owner-v2-page .tcard{padding:22px 20px 18px}
  .solo-clinic-owner-v2-page .tcard::before{left:20px;top:20px}
  .solo-clinic-owner-v2-page .tcard .before{padding-left:56px}
}

/* ---- Featured story card, per the mockup --------------------------------
 * Deep navy panel with a soft gradient, a circular mint medallion on the left
 * carrying a chart glyph, a hairline divider, then the quote and the
 * attribution with the name in accent green.
 * ------------------------------------------------------------------------- */
.solo-clinic-owner-v2-page .feat{
  position:relative;
  background:linear-gradient(135deg,#14304F 0%,#1B3A5C 55%,#16304E 100%);
  border-radius:18px;
  padding:30px 34px 30px 130px;
  margin:26px auto 26px;
  max-width:960px;
  color:#E8EEF6;
  overflow:hidden;
}
/* mint medallion */
.solo-clinic-owner-v2-page .feat::before{
  content:"\1F4C8";
  position:absolute;
  left:30px;
  top:50%;
  transform:translateY(-50%);
  width:72px;
  height:72px;
  border-radius:50%;
  background:#DFF3E9;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:32px;
  line-height:1;
}
/* hairline divider between medallion and text */
.solo-clinic-owner-v2-page .feat::after{
  content:"";
  position:absolute;
  left:118px;
  top:26px;
  bottom:26px;
  width:1px;
  background:rgba(255,255,255,.16);
}
.solo-clinic-owner-v2-page .feat q{
  display:block;
  padding-left:0;
  font-style:italic;
  font-size:19px;
  line-height:1.55;
  color:#FFFFFF;
  margin:0 0 14px;
}
.solo-clinic-owner-v2-page .feat .who{
  display:block;
  padding-left:0;
  margin-top:0;
  font-size:15px;
  color:#C2D2E4;
  line-height:1.55;
}
.solo-clinic-owner-v2-page .feat .who b{
  color:#4FD39A;
  font-weight:700;
  font-size:19px;
  display:inline;
}
.solo-clinic-owner-v2-page .feat .who .role{
  display:inline;
  color:#FFFFFF;
  font-weight:600;
  font-size:17px;
}
.solo-clinic-owner-v2-page .feat .who .role::before{content:", ";}
.solo-clinic-owner-v2-page .feat .who .detail{
  display:block;
  color:#BACBDE;
  font-size:15px;
  font-style:normal;
  margin-top:6px;
  line-height:1.55;
}
@media(max-width:700px){
  .solo-clinic-owner-v2-page .feat{padding:24px 22px 24px;}
  .solo-clinic-owner-v2-page .feat::before{position:static;transform:none;margin:0 0 16px;width:58px;height:58px;font-size:26px}
  .solo-clinic-owner-v2-page .feat::after{display:none}
}

/* The medallion used an emoji, which renders inconsistently across platforms.
 * The theme already loads Bootstrap Icons, so use its graph glyph (F673) for a
 * crisp, colour-controlled mark that matches the mockup's chart icon. */
.solo-clinic-owner-v2-page .feat::before{
  content:"\F673";
  font-family:"bootstrap-icons";
  font-size:30px;
  color:#1E8C5E;
  padding-top:0;
  font-weight:normal;
  font-style:normal;
}

/* ======= Global community stats, restyled to the mockup ==================
 * Heading keeps its wording, with the figures picked out in green.
 * Each card becomes a horizontal row: a circular mint medallion on the left,
 * then the figure and its label stacked on the right with a short rule
 * beneath. Icons come from Bootstrap Icons, already loaded by the theme, so
 * no new assets are needed. The middle card takes the warm tint the mockup
 * uses to break up the row.
 * ========================================================================= */
.solo-clinic-owner-v2-page h3.community-head{
  text-align:center;
  max-width:820px;
  font-size:30px;
  line-height:1.3;
  color:#17304F;
  margin:36px auto 22px;
}
.solo-clinic-owner-v2-page h3.community-head .n{
  color:#1E8C5E;
  font-weight:800;
}

.solo-clinic-owner-v2-page .stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  max-width:960px;
  margin:0 auto 34px;
}
.solo-clinic-owner-v2-page .stat{
  position:relative;
  display:flex;
  align-items:center;
  gap:18px;
  text-align:left;
  padding:24px 22px;
  border:1px solid #E7EEE9;
  border-radius:16px;
  background:#F4FAF7;
  overflow:hidden;
}
/* warm tint on the middle card, as in the mockup */
.solo-clinic-owner-v2-page .stat:nth-child(2){
  background:#FBF7EE;
  border-color:#EFE7D6;
}
/* circular medallion with a Bootstrap icon */
.solo-clinic-owner-v2-page .stat::before{
  font-family:"bootstrap-icons";
  font-style:normal;
  font-weight:normal;
  flex:0 0 66px;
  width:66px;
  height:66px;
  border-radius:50%;
  background:#E2F2EA;
  color:#1E8C5E;
  font-size:28px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.solo-clinic-owner-v2-page .stat:nth-child(1)::before{content:"\F4CF";}
.solo-clinic-owner-v2-page .stat:nth-child(2)::before{content:"\F882";background:#F3EBDA;color:#1E8C5E;}
.solo-clinic-owner-v2-page .stat:nth-child(3)::before{content:"\F773";}

.solo-clinic-owner-v2-page .stat b{
  display:block;
  font-size:38px;
  line-height:1.05;
  color:#1E8C5E;
  font-weight:800;
  font-variant-numeric:tabular-nums;
  margin:0;
}
.solo-clinic-owner-v2-page .stat span{
  display:block;
  margin-top:4px;
  font-size:13px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#5C6572;
  font-weight:600;
}
/* short rule under the label */
.solo-clinic-owner-v2-page .stat span::after{
  content:"";
  display:block;
  width:46px;
  height:3px;
  border-radius:3px;
  background:#9FD9BE;
  margin-top:12px;
}
.solo-clinic-owner-v2-page .stat:nth-child(2) span::after{background:#DFCFA6;}

@media(max-width:860px){
  .solo-clinic-owner-v2-page .stats{grid-template-columns:1fr;max-width:460px}
}
@media(max-width:575px){
  .solo-clinic-owner-v2-page h3.community-head{font-size:23px}
  .solo-clinic-owner-v2-page .stat{padding:20px 18px;gap:14px}
  .solo-clinic-owner-v2-page .stat::before{flex:0 0 56px;width:56px;height:56px;font-size:24px}
  .solo-clinic-owner-v2-page .stat b{font-size:32px}
}

/* ======= "Who this is for" panel, restyled to the mockup =================
 * Two tinted cards: mint for the fit list, rose for the not-a-fit list, each
 * with a circular medallion, a coloured uppercase label, and list items whose
 * bullets become circular tick / cross badges separated by hairlines.
 * Icons are Bootstrap Icons, already loaded by the theme.
 * ========================================================================= */
.solo-clinic-owner-v2-page h3.fit-head{
  text-align:center;
  max-width:820px;
  font-size:30px;
  line-height:1.3;
  color:#17304F;
  margin:36px auto 24px;
}
.solo-clinic-owner-v2-page h3.fit-head .n{color:#1E8C5E;}

.solo-clinic-owner-v2-page .two{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px;
  max-width:960px;
  margin:0 auto 32px;
  align-items:start;
}
.solo-clinic-owner-v2-page .two > div{
  position:relative;
  background:#F3FAF6;
  border:1px solid #DCEDE4;
  border-radius:18px;
  padding:70px 26px 24px;
}
.solo-clinic-owner-v2-page .two > div.no{
  background:#FDF4F2;
  border-color:#F3DCD6;
}
/* circular medallion, top left */
.solo-clinic-owner-v2-page .two > div::before{
  content:"\F4D5";
  font-family:"bootstrap-icons";
  font-style:normal;
  position:absolute;
  left:26px;
  top:22px;
  width:54px;
  height:54px;
  border-radius:50%;
  background:#DFF1E8;
  color:#1E8C5E;
  font-size:26px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.solo-clinic-owner-v2-page .two > div.no::before{
  content:"\F4DF";
  background:#FAE3DE;
  color:#C0453A;
}
/* coloured uppercase label */
.solo-clinic-owner-v2-page .two > div > h4{
  margin:0 0 16px 68px;
  min-height:54px;
  display:flex;
  align-items:center;
  font-size:13px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#1E8C5E;
  line-height:1.4;
  position:absolute;
  top:22px;
  left:0;
  right:26px;
}
.solo-clinic-owner-v2-page .two > div.no > h4{color:#C0453A;}

/* list items become tick / cross rows with hairline separators */
.solo-clinic-owner-v2-page .two > div > ul{
  list-style:none;
  margin:0;
  padding:0;
}
.solo-clinic-owner-v2-page .two > div > ul > li{
  position:relative;
  list-style:none;
  padding:14px 0 14px 46px;
  margin:0;
  border-top:1px solid rgba(23,48,79,.08);
  font-size:15.5px;
  line-height:1.55;
  color:#243244;
}
.solo-clinic-owner-v2-page .two > div > ul > li:first-child{border-top:0;padding-top:4px;}
.solo-clinic-owner-v2-page .two > div > ul > li::before{
  content:"\F633";
  font-family:"bootstrap-icons";
  font-style:normal;
  position:absolute;
  left:0;
  top:14px;
  width:30px;
  height:30px;
  border-radius:50%;
  background:#DFF1E8;
  color:#1E8C5E;
  font-size:15px;
  display:flex;
  align-items:center;
  justify-content:center;
  list-style:none;
}
.solo-clinic-owner-v2-page .two > div > ul > li:first-child::before{top:4px;}
.solo-clinic-owner-v2-page .two > div.no > ul > li::before{
  content:"\F659";
  background:#FAE3DE;
  color:#C0453A;
}

@media(max-width:860px){
  .solo-clinic-owner-v2-page .two{grid-template-columns:1fr;max-width:560px}
}
@media(max-width:575px){
  .solo-clinic-owner-v2-page h3.fit-head{font-size:23px}
  .solo-clinic-owner-v2-page .two > div{padding:66px 20px 20px}
  .solo-clinic-owner-v2-page .two > div > ul > li{font-size:15px;padding-left:42px}
}

/* ---- Stats cards: fix the overflow --------------------------------------
 * The previous rule used display:flex on .stat, which made the figure and its
 * label siblings in a row, so they sat side by side and ran out of the card.
 * A two column grid puts the medallion in the left column spanning both rows,
 * with the figure above the label on the right. Sizes are reduced so three
 * cards fit comfortably across the 960px row.
 * ------------------------------------------------------------------------- */
.solo-clinic-owner-v2-page .stat{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  grid-template-areas:"icon figure" "icon label";
  align-content:center;
  align-items:center;
  column-gap:14px;
  row-gap:2px;
  padding:20px 18px;
  overflow:visible;
}
.solo-clinic-owner-v2-page .stat::before{
  grid-area:icon;
  flex:none;
  width:52px;
  height:52px;
  font-size:22px;
}
.solo-clinic-owner-v2-page .stat b{
  grid-area:figure;
  font-size:30px;
  line-height:1.1;
  white-space:nowrap;
}
.solo-clinic-owner-v2-page .stat span{
  grid-area:label;
  margin-top:0;
  font-size:11.5px;
  letter-spacing:.1em;
  line-height:1.35;
}
.solo-clinic-owner-v2-page .stat span::after{
  width:38px;
  height:3px;
  margin-top:8px;
}
@media(max-width:575px){
  .solo-clinic-owner-v2-page .stat::before{width:46px;height:46px;font-size:20px}
  .solo-clinic-owner-v2-page .stat b{font-size:27px}
}

/* The earlier rule that restored bullets to unclassed prose lists
 *   .desc ul:not([class]) > li { list-style-type: disc }
 * also matches these lists, and [class] carries class level specificity, so it
 * was beating the reset here and a disc showed alongside each tick badge.
 * These items supply their own tick / cross marks, so the marker is removed
 * explicitly. */
.solo-clinic-owner-v2-page .two > div > ul,
.solo-clinic-owner-v2-page .two > div > ul > li{
  list-style:none !important;
  list-style-type:none !important;
}

/* ---- Fit panel header: stop the medallion overlapping the label ----------
 * The medallion and the label were both absolutely positioned, so they sat on
 * top of each other and crowded the first list item. The card is now a small
 * grid: medallion and label share the top row, the list spans the row below.
 * Nothing is absolutely positioned, so nothing can overlap.
 * ------------------------------------------------------------------------- */
.solo-clinic-owner-v2-page .two > div{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  grid-template-areas:"icon label" "list list";
  column-gap:14px;
  row-gap:0;
  align-items:center;
  padding:24px 26px 24px;
}
.solo-clinic-owner-v2-page .two > div::before{
  grid-area:icon;
  position:static;
  left:auto;
  top:auto;
  width:52px;
  height:52px;
  font-size:24px;
}
.solo-clinic-owner-v2-page .two > div > h4{
  grid-area:label;
  position:static;
  left:auto;
  right:auto;
  top:auto;
  margin:0;
  min-height:0;
  display:block;
  line-height:1.45;
}
.solo-clinic-owner-v2-page .two > div > ul{
  grid-area:list;
  margin-top:20px;
}
@media(max-width:575px){
  .solo-clinic-owner-v2-page .two > div{padding:20px 18px}
  .solo-clinic-owner-v2-page .two > div::before{width:46px;height:46px;font-size:21px}
}

/* ---- Fit panel: tighter gutters and smaller type ------------------------
 * The 46px indent on each item pushed the text well to the right while the
 * right margin stayed at 26px, so the card looked lopsided. The badge column
 * is reduced from 46px to 32px and the card padding evened up, which brings
 * the left gutter close to the right. Type, tick/cross badges and the header
 * medallion all come down a step so more of each item fits on a line.
 * ------------------------------------------------------------------------- */
.solo-clinic-owner-v2-page .two > div{
  padding:20px 20px 20px 18px;
  column-gap:12px;
}
/* header medallion smaller */
.solo-clinic-owner-v2-page .two > div::before{
  width:40px;
  height:40px;
  font-size:19px;
}
.solo-clinic-owner-v2-page .two > div > h4{
  font-size:11.5px;
  letter-spacing:.1em;
}
.solo-clinic-owner-v2-page .two > div > ul{
  margin-top:16px;
}
/* items: narrower badge column, smaller text */
.solo-clinic-owner-v2-page .two > div > ul > li{
  padding:11px 0 11px 32px;
  font-size:14.5px;
  line-height:1.5;
}
.solo-clinic-owner-v2-page .two > div > ul > li:first-child{
  padding-top:2px;
}
.solo-clinic-owner-v2-page .two > div > ul > li::before{
  width:22px;
  height:22px;
  font-size:11px;
  top:11px;
}
.solo-clinic-owner-v2-page .two > div > ul > li:first-child::before{
  top:2px;
}
@media(max-width:575px){
  .solo-clinic-owner-v2-page .two > div{padding:18px 16px 18px 14px}
  .solo-clinic-owner-v2-page .two > div::before{width:36px;height:36px;font-size:17px}
  .solo-clinic-owner-v2-page .two > div > ul > li{font-size:14px;padding-left:30px}
  .solo-clinic-owner-v2-page .two > div > ul > li::before{width:20px;height:20px;font-size:10px}
}

/* ---- Fit panel type: beat the blanket list rule -------------------------
 * The typography block sets
 *   section.content-section .desc li { font-size:18px }
 * which has three class level parts and was out-ranking the 14.5px set for
 * these items, so they stayed at body size. Matching that depth applies it.
 * ------------------------------------------------------------------------- */
.solo-clinic-owner-v2-page section.content-section .two > div > ul > li{
  font-size:14.5px;
  line-height:1.5;
  padding:11px 0 11px 32px;
}
.solo-clinic-owner-v2-page section.content-section .two > div > ul > li:first-child{
  padding-top:2px;
}

/* ---- Sections with no heading: trim the top padding ---------------------
 * A couple of sections carry no label and no title, so the 60px top padding
 * landed directly under the previous section's 60px bottom padding and left a
 * large empty band (most visible above the two card row that starts "Before
 * you spend a pound"). Those sections get a smaller top padding.
 * ------------------------------------------------------------------------- */
.solo-clinic-owner-v2-page section.content-section:not(:has(h2.title)):not(:has(.sec-label)){
  padding-top:16px;
}

/* The closing CTA ends on the small "Eight places a month" caption, so its
 * 60px bottom padding sat on top of the P.S. block's own spacing and left a
 * wide empty band. Trimmed, since the caption needs far less room beneath it
 * than a full section would. */
.solo-clinic-owner-v2-page section#final{
  padding-bottom:26px;
}
.solo-clinic-owner-v2-page section#final .cap{
  margin-top:12px;
}

/* Fit panel type balance: list items down another step, label up a step so
 * the "THIS IS FOR YOU IF" heading reads as the header of the card rather
 * than a footnote. */
.solo-clinic-owner-v2-page section.content-section .two > div > ul > li{
  font-size:13.5px;
  line-height:1.5;
}
.solo-clinic-owner-v2-page .two > div > h4{
  font-size:13px;
  letter-spacing:.11em;
}
@media(max-width:575px){
  .solo-clinic-owner-v2-page section.content-section .two > div > ul > li{font-size:13px}
  .solo-clinic-owner-v2-page .two > div > h4{font-size:12px}
}

/* ---- Mobile hero: more air under the header, bigger CTA -----------------
 * Matched to the old sales page on mobile: the "The 'Go-To' Clinic
 * Mentorship" pill sat tight under the logo at 95px top padding, so it now
 * gets a clear gap below the header. The Schedule a Demo pill steps up in
 * size so it reads as the primary action, like the old page's CTA.
 * ------------------------------------------------------------------------- */
/* Desktop and tablet: the 140px / 110px tops above left the pill almost
 * touching the logo (3px / 21px gap). Matched to the Mastermind page, which
 * places the pill at 192px on desktop and 150px on tablet. */
.solo-clinic-owner-v2-page .page-title-area .page-title-content.content-style2{padding-top:192px}
@media(max-width:991px){
  .solo-clinic-owner-v2-page .page-title-area .page-title-content.content-style2{padding-top:150px}
}
@media(max-width:575px){
  .solo-clinic-owner-v2-page .page-title-area .page-title-content.content-style2{padding-top:134px}
  .solo-clinic-owner-v2-page .header-buttons .header-btn-main{padding:17px 46px;font-size:17px}
}

/* ---- Four hats: designed cards ------------------------------------------
 * White cards with the green top bar, a larger bold navy title, softer body
 * copy, and a faint 01-04 number over a pale green quarter circle in the
 * bottom right corner. Page palette: --navy #1B2E4B, --accent #39C184,
 * --tint #E9F7F0.
 * ------------------------------------------------------------------------- */
.solo-clinic-owner-v2-page .hats{gap:16px}
.solo-clinic-owner-v2-page .hats .hat{
  position:relative;overflow:hidden;display:flex;flex-direction:column;
  background:#fff;border:1px solid #E8EDF1;border-top:6px solid #39C184;border-radius:12px;
  padding:20px 18px 58px;box-shadow:0 8px 22px rgba(23,32,51,.06)}
.solo-clinic-owner-v2-page .hats .hat::after{
  content:"";position:absolute;right:-46px;bottom:-46px;width:130px;height:130px;border-radius:50%;
  background:#E9F7F0;pointer-events:none}
.solo-clinic-owner-v2-page .hats .hat > b{
  position:relative;z-index:1;color:#1B2E4B;font-size:21px;font-weight:800;line-height:1.2;margin-bottom:10px}
.solo-clinic-owner-v2-page .hats .hat .hat-t{
  position:relative;z-index:1;color:#3E4A5C;font-size:15px;line-height:1.6}
.solo-clinic-owner-v2-page .hats .hat .hat-n{
  position:absolute;right:14px;bottom:8px;z-index:1;
  font-size:38px;font-weight:800;line-height:1;letter-spacing:-.02em;color:rgba(57,193,132,.28)}
@media(max-width:575px){
  .solo-clinic-owner-v2-page .hats{gap:12px}
  .solo-clinic-owner-v2-page .hats .hat{padding:16px 14px 48px}
  .solo-clinic-owner-v2-page .hats .hat > b{font-size:18px;margin-bottom:6px}
  .solo-clinic-owner-v2-page .hats .hat .hat-t{font-size:14px}
  .solo-clinic-owner-v2-page .hats .hat .hat-n{font-size:30px}
  .solo-clinic-owner-v2-page .hats .hat::after{width:100px;height:100px;right:-36px;bottom:-36px}
}

/* ---- Mobile hero: "Powered by..." chip on one line -----------------------
 * At 15px the chip wrapped onto two lines on phones (360px wide). It now
 * scales with the viewport (about 12.6px at 360px, capped at 13px) and is
 * kept to a single line. The hero's mobile top padding was also trimmed so
 * the pill sits about 30px under the logo instead of 60px. */
@media(max-width:575px){
  .solo-clinic-owner-v2-page .page-title-area .chip{
    white-space:nowrap;font-size:min(13px, 3.5vw) !important;padding:6px 12px !important;max-width:100%}
}

/* Mobile hero pill ("The 'Go-To' Clinic ...") kept to one line: it wrapped
 * at 16px with 30px side padding on phones. Text scales with the viewport
 * (about 15px at 360px, capped at 16px) and the side padding tightens. */
@media(max-width:575px){
  .solo-clinic-owner-v2-page .page-title-area .page-title-content h1{
    white-space:nowrap !important;max-width:100% !important;width:auto !important;
    font-size:min(16px, 4.1vw) !important;padding:12px 20px !important;gap:8px}
}

/* Mobile hero side spacing trimmed so the headline and copy use more of the
 * screen width: 12px each side (was 37px on Mastermind, 15px on Solo). */
@media(max-width:575px){
  .solo-clinic-owner-v2-page section.page-title-area{padding-left:0 !important;padding-right:0 !important}
  .solo-clinic-owner-v2-page section.page-title-area > .container{padding-left:12px !important;padding-right:12px !important}
  .solo-clinic-owner-v2-page section.page-title-area .row{margin-left:0 !important;margin-right:0 !important}
  .solo-clinic-owner-v2-page section.page-title-area .col-lg-12{padding-left:0 !important;padding-right:0 !important}
}

/* Hero pill dot enlarged to match /business-mentorship/ (16px there; this
 * page had shrunk it to 10px). */
.solo-clinic-owner-v2-page .page-title-area .page-title-content h1 i{font-size:16px !important;line-height:1}

/* Hero strapline ("Clinical System | Business System | Ethical Growth
 * Engine") kept to one line on phones: 14px wrapped "Engine" onto a second
 * line at 360px. Scales with the viewport (about 11.9px at 360px). */
@media(max-width:575px){
  .solo-clinic-owner-v2-page section.page-title-area .page-title-content .desc p.hero-nav{
    white-space:nowrap;font-size:min(14px, 3.3vw)}
}

/* WordPress offsets the document for its toolbar, but the absolute header
 * stays at the viewport top. Align it with the hero in logged-in previews. */
body.admin-bar.page-template-tpl-clinic-mentorship-solo:where(:has(main.solo-clinic-owner-v2-page)) .header-area.header-transparent:not(.sticky){
  top:32px;
}
@media screen and (max-width:782px){
  body.admin-bar.page-template-tpl-clinic-mentorship-solo:where(:has(main.solo-clinic-owner-v2-page)) .header-area.header-transparent:not(.sticky){
    top:46px;
  }
}

/* ---- Mobile hero: close the band above the pill -------------------------
 * Measured at 393px: the header is absolute and 130px tall (26px padding,
 * 78px logo, 26px padding), and the hero content then starts at 134px, so the
 * gap from the logo to the pill was only 30px. Most of the empty navy band was
 * the header's own height, not the hero padding.
 * Both come down: the header's vertical padding to 14px (height 106px) and the
 * hero's top padding to 110px, which keeps a comfortable 18px gap while
 * lifting the whole block by about 24px. Scoped to this template's body class
 * so the site header is unchanged everywhere else.
 * ------------------------------------------------------------------------- */
@media(max-width:575px){
  body.page-template-tpl-clinic-mentorship-solo:where(:has(main.solo-clinic-owner-v2-page)) .header-area{
    padding-top:14px !important;
    padding-bottom:14px !important;
  }
  .solo-clinic-owner-v2-page .page-title-area .page-title-content.content-style2{
    padding-top:110px !important;
  }
}

/* ---- Mobile hero: second reduction --------------------------------------
 * 110px still left too much air above the pill. The logo is 78px tall on a
 * phone, which is most of the header, so it comes down to 56px and the
 * header padding to 10px (header height 76px). The hero's top padding drops
 * to 84px, keeping a 16px gap from the logo while removing roughly 50px of
 * dead space from the top of the page.
 * ------------------------------------------------------------------------- */
@media(max-width:575px){
  body.page-template-tpl-clinic-mentorship-solo:where(:has(main.solo-clinic-owner-v2-page)) .header-area{
    padding-top:10px !important;
    padding-bottom:10px !important;
  }
  body.page-template-tpl-clinic-mentorship-solo:where(:has(main.solo-clinic-owner-v2-page)) .header-area img.logo-main,
  body.page-template-tpl-clinic-mentorship-solo:where(:has(main.solo-clinic-owner-v2-page)) .header-area img{
    max-height:56px !important;
    width:auto !important;
  }
  .solo-clinic-owner-v2-page .page-title-area .page-title-content.content-style2{
    padding-top:84px !important;
  }
}

/* ---- Mobile hero: account for the section's own padding -----------------
 * The pill sits at section padding-top (40px) PLUS the content's padding-top,
 * which the previous value missed: shrinking the header to 76px moved the logo
 * up 38px while the pill moved only 10px, so the gap grew rather than closed.
 * With the header at 76px the logo now ends at 66px, so the content padding is
 * set to 50px, putting the pill at 40 + 50 = 90px and leaving a 24px gap.
 * ------------------------------------------------------------------------- */
@media(max-width:575px){
  .solo-clinic-owner-v2-page .page-title-area .page-title-content.content-style2{
    padding-top:50px !important;
  }
}

/* Solo's .page-title-area has no section padding of its own, unlike the
 * Mastermind page which contributes 40px. The 50px shared value therefore put
 * the pill at 50px, behind the 66px logo. Set to 90px so the pill lands in the
 * same place on both pages, 24px below the logo. */
@media(max-width:575px){
  .solo-clinic-owner-v2-page .page-title-area .page-title-content.content-style2{
    padding-top:90px !important;
  }
}

/* ======= Credentials block ("Who am I?") ================================
 * Carried over from /mentorship and placed before the FAQ. Green ticks match
 * the page's other proof lists; the photo is a wide strip so it breaks the
 * run of text without dominating the section.
 * ======================================================================== */
.solo-clinic-owner-v2-page .creds-photo{
  max-width:820px;margin:6px auto 26px;
}
.solo-clinic-owner-v2-page .creds-photo img{
  width:100%;height:auto;display:block;border-radius:12px;
}
.solo-clinic-owner-v2-page .desc h4.creds-head{
  font-family:"Roboto",sans-serif;font-weight:700;
  font-size:21px;line-height:1.35;color:#153365;
  margin:30px 0 14px;text-align:left;
}
.solo-clinic-owner-v2-page .desc ul.creds{
  list-style:none;margin:0 0 26px;padding:0;
}
.solo-clinic-owner-v2-page .desc ul.creds li{
  position:relative;padding-left:30px;margin:0 0 11px;
  font-size:18px;line-height:31.5px;color:#555;
}
.solo-clinic-owner-v2-page .desc ul.creds li::before{
  content:"\F633";                 /* bootstrap-icons check-lg */
  font-family:"bootstrap-icons";
  position:absolute;left:0;top:1px;
  font-size:15px;line-height:30px;color:#1E8A5A;
}
@media(max-width:575px){
  .solo-clinic-owner-v2-page .desc h4.creds-head{font-size:19px;}
  .solo-clinic-owner-v2-page .desc ul.creds li{font-size:17px;line-height:28px;padding-left:26px;}
}

/* ======= Screenshots inside the callout blocks ==========================
 * Doc: "Spacing is off centre in these images x2, visually doesn't look
 * great." Two earlier rules pulled these figures 30px left so they ran to
 * the list's edge, which left the image sitting 30px left of the sentence
 * that introduces it. Aligning the figure with its own text squares the
 * block up, and the vertical margins are evened out at the same time.
 * ======================================================================== */
.solo-clinic-owner-v2-page ul.blocks > li > figure.photo{
  margin-left:0 !important;
  margin-right:0 !important;
  width:100% !important;
  max-width:100% !important;
  margin-top:20px !important;
  margin-bottom:20px !important;
}
.solo-clinic-owner-v2-page ul.blocks > li > figure.photo img{
  width:100% !important;height:auto !important;display:block !important;
  border-radius:10px !important;
}
.solo-clinic-owner-v2-page ul.blocks > li > figure.photo figcaption{
  margin-top:10px !important;
  text-align:center !important;
}

/* ======= Hero pillars as call out boxes =================================
 * Doc: "3 of these need a better design call out box, similar to what we
 * currently have on /mentorship." That page's box is a 5px dotted
 * rgba(61,193,132,.4) border, 10px radius, rgba(61,193,132,.05) fill,
 * Roboto 18px/31.5px centred. Those values are reproduced here, with the
 * fill and text lifted for legibility because this hero is dark navy
 * rather than white. The dotted border and radius are unchanged.
 * ======================================================================== */
.solo-clinic-owner-v2-page .hero-callouts{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  max-width:760px;
  margin:22px auto 0;
}
.solo-clinic-owner-v2-page .hero-callouts .call-out-box{
  border:5px dotted rgba(61,193,132,.4);
  border-radius:10px;
  background:rgba(61,193,132,.10);
  padding:16px 14px;
  margin:0;
  display:flex;
  align-items:center;
  justify-content:center;
}
.solo-clinic-owner-v2-page .hero-callouts .call-out-box p{
  font-family:"Roboto",sans-serif;
  font-size:16px;
  line-height:1.35;
  font-weight:600;
  color:#EAF7F1;
  text-align:center;
  margin:0;
}
@media(max-width:767px){
  .solo-clinic-owner-v2-page .hero-callouts{
    grid-template-columns:1fr;
    gap:10px;
    max-width:340px;
  }
  .solo-clinic-owner-v2-page .hero-callouts .call-out-box{
    border-width:4px;
    padding:12px 14px;
  }
  .solo-clinic-owner-v2-page .hero-callouts .call-out-box p{font-size:15px}
}

/* ======= The proof / scarcity pair, relaid ==============================
 * Doc: "Needs improving / alternative layout." The two cards were the same
 * flat treatment side by side, so neither carried weight and the big 8 sat
 * awkwardly mid column. They now read as a pair with a job each: the proof
 * card stays light with a green rule, the places card goes navy so the
 * constraint lands, with the 8 promoted to a display figure beside its
 * label rather than floating above the heading.
 * ======================================================================== */
.solo-clinic-owner-v2-page .duo{
  grid-template-columns:1fr 1fr !important;
  gap:20px !important;
  align-items:stretch !important;
}
.solo-clinic-owner-v2-page .duo > div{
  border-radius:14px !important;
  padding:28px 28px 24px !important;
  border-top:0 !important;
  display:flex !important;
  flex-direction:column !important;
}
/* left: the proof */
.solo-clinic-owner-v2-page .duo > div:first-child{
  background:#fff !important;
  border:1px solid rgba(21,51,101,.12) !important;
  border-left:5px solid #3CC287 !important;
  box-shadow:0 2px 12px rgba(21,51,101,.05) !important;
}
/* right: the constraint */
.solo-clinic-owner-v2-page .duo > div:last-child{
  background:#17304F !important;
  border:0 !important;
  color:#fff !important;
  box-shadow:0 8px 26px rgba(21,51,101,.18) !important;
}
.solo-clinic-owner-v2-page .duo .num{
  font-family:"Roboto",sans-serif !important;
  font-size:12px !important;
  font-weight:700 !important;
  letter-spacing:.11em !important;
  text-transform:uppercase !important;
  color:#1E8A5A !important;
  margin:0 0 10px !important;
}
.solo-clinic-owner-v2-page .duo > div:last-child .num{color:#5FD3A0 !important;}
.solo-clinic-owner-v2-page .duo h3{
  font-size:22px !important;
  line-height:1.3 !important;
  margin:0 0 12px !important;
  color:#153365 !important;
}
.solo-clinic-owner-v2-page .duo > div:last-child h3{color:#fff !important;}
.solo-clinic-owner-v2-page .duo p{
  font-size:17px !important;
  line-height:29px !important;
  margin:0 0 10px !important;
  color:#555 !important;
}
.solo-clinic-owner-v2-page .duo > div:last-child p{color:rgba(255,255,255,.86) !important;}
/* the 8 sits beside its heading rather than above it */
.solo-clinic-owner-v2-page .duo .huge{
  font-size:78px !important;
  line-height:.9 !important;
  color:#5FD3A0 !important;
  margin:2px 0 14px !important;
  font-weight:800 !important;
}
@media(max-width:767px){
  .solo-clinic-owner-v2-page .duo{grid-template-columns:1fr !important; gap:14px !important}
  .solo-clinic-owner-v2-page .duo > div{padding:22px 20px 18px !important}
  .solo-clinic-owner-v2-page .duo h3{font-size:20px !important}
  .solo-clinic-owner-v2-page .duo .huge{font-size:62px !important}
}

/* ======= Case studies, rebuilt on the /mentorship structure =============
 * Doc: "use the original structure of the case studies from /mentorship but
 * get Claude to just design it a bit better in line with the current sales
 * page design." /mentorship runs name and role, then a Before block, an
 * After block, then the quote inside a green dotted call out box. That
 * order is kept; the styling follows this page instead (navy heads, green
 * accents, the same card radius and shadow used elsewhere here).
 * The video slot from /mentorship is not built yet: the Vimeo links have
 * not been supplied.
 * ======================================================================== */
.solo-clinic-owner-v2-page .tgrid{
  display:grid !important;
  grid-template-columns:repeat(2,1fr) !important;
  gap:20px !important;
  align-items:stretch !important;
  max-width:960px;margin-left:auto;margin-right:auto;
}
.solo-clinic-owner-v2-page .tgrid .tcard{
  display:flex !important;
  flex-direction:column !important;
  background:#fff !important;
  border:1px solid rgba(21,51,101,.12) !important;
  border-radius:14px !important;
  padding:0 !important;
  overflow:hidden !important;
  box-shadow:0 2px 12px rgba(21,51,101,.05) !important;
}
.solo-clinic-owner-v2-page .tgrid .tc-head{
  background:#17304F;
  color:#fff;
  padding:14px 20px;
  font-family:"Roboto",sans-serif;
}
.solo-clinic-owner-v2-page .tgrid .tc-head b{
  display:block;font-size:17px;font-weight:700;line-height:1.3;color:#fff;
}
.solo-clinic-owner-v2-page .tgrid .tc-head .role{
  display:block;font-size:12.5px;font-weight:500;line-height:1.4;
  letter-spacing:.06em;text-transform:uppercase;color:#5FD3A0;margin-top:3px;
}
.solo-clinic-owner-v2-page .tgrid .tc-ba{padding:18px 20px 4px}
.solo-clinic-owner-v2-page .tgrid .ba-item{margin:0 0 14px}
.solo-clinic-owner-v2-page .tgrid .ba-item h5{
  display:flex;align-items:center;gap:8px;
  font-family:"Roboto",sans-serif;
  font-size:12.5px;font-weight:700;letter-spacing:.09em;
  text-transform:uppercase;margin:0 0 5px;
}
.solo-clinic-owner-v2-page .tgrid .ba-item h5::before{
  font-family:"bootstrap-icons";font-size:13px;line-height:1;font-weight:400;
}
.solo-clinic-owner-v2-page .tgrid .ba-item.before h5{color:#B4433C}
.solo-clinic-owner-v2-page .tgrid .ba-item.before h5::before{content:"\F659"}   /* x-lg */
.solo-clinic-owner-v2-page .tgrid .ba-item.after h5{color:#1E8A5A}
.solo-clinic-owner-v2-page .tgrid .ba-item.after h5::before{content:"\F633"}    /* check-lg */
.solo-clinic-owner-v2-page .tgrid .ba-item p{
  margin:0 !important;font-size:16px !important;line-height:26px !important;color:#555 !important;
}
.solo-clinic-owner-v2-page .tgrid .tc-quote{
  margin:auto 20px 20px !important;      /* auto top pins quotes to card foot */
  border:4px dotted rgba(61,193,132,.4);
  border-radius:10px;
  background:rgba(61,193,132,.05);
  padding:16px 18px;
}
.solo-clinic-owner-v2-page .tgrid .tc-quote q{
  quotes:"\201C" "\201D";
  display:block;
  font-family:"Roboto",sans-serif;
  font-size:16px;line-height:26px;font-style:italic;
  color:#153365;text-align:center;
}
@media(max-width:767px){
  .solo-clinic-owner-v2-page .tgrid{grid-template-columns:1fr !important;gap:14px !important}
  .solo-clinic-owner-v2-page .tgrid .ba-item p,
  .solo-clinic-owner-v2-page .tgrid .tc-quote q{font-size:15.5px !important;line-height:25px !important}
}

/* Clear the previous testimonial card decoration so it stops fighting the
 * rebuilt structure above: the big quote medallion was drawn as .tcard
 * ::before and now lands on top of the name, and the old .before rule
 * styled a label span, so it turns the new Before paragraph into large
 * centred uppercase text. */
.solo-clinic-owner-v2-page .tgrid .tcard::before{
  content:none !important;
  display:none !important;
}
.solo-clinic-owner-v2-page .tgrid .tcard .ba-item.before{
  display:block !important;
  padding-left:0 !important;
  font-size:inherit !important;
  letter-spacing:normal !important;
  text-transform:none !important;
  font-weight:400 !important;
  color:inherit !important;
  text-align:left !important;
  margin:0 0 14px !important;
}
.solo-clinic-owner-v2-page .tgrid .tcard .ba-item.before p,
.solo-clinic-owner-v2-page .tgrid .tcard .ba-item.after p{
  font-size:16px !important;
  line-height:26px !important;
  font-weight:400 !important;
  letter-spacing:normal !important;
  text-transform:none !important;
  text-align:left !important;
  color:#555 !important;
  margin:0 !important;
}
.solo-clinic-owner-v2-page .tgrid .tcard .ba-item h5{
  text-align:left !important;
}

/* The P.S. label styling was written for .ps but the markup uses .ps-block,
 * so the label got no trailing gap and the line read "P.S.Or you can...". */
.solo-clinic-owner-v2-page .ps-block .lab{
  font-family:"Roboto",sans-serif;
  font-weight:800;
  color:#1E8A5A;
  margin-right:8px;
}

/* ======= Hero pillars as white cards ====================================
 * Requested: replace the dotted green boxes with the card treatment used on
 * /mentorship. Values copied from that page's .w-block: white ground, 10px
 * radius, 20px padding, 0 0 25px rgba(0,0,0,.1) shadow, centred Roboto 500
 * in #153365, icon above the label with a 15px gap.
 * The icons are Bootstrap Icons (already loaded by the theme) rather than
 * bespoke artwork, since no icon files were supplied for these three.
 * ======================================================================== */
.solo-clinic-owner-v2-page .hero-callouts{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
  max-width:960px;
  margin:26px auto 0;
}
.solo-clinic-owner-v2-page .hero-callouts .w-card{
  background:#fff;
  border-radius:10px;
  padding:24px 20px;
  box-shadow:0 0 25px rgba(0,0,0,.1);
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
}
.solo-clinic-owner-v2-page .hero-callouts .w-card i{
  display:block;
  font-size:42px;
  line-height:1;
  color:#153365;
  margin:0 0 15px;
}
.solo-clinic-owner-v2-page .hero-callouts .w-card p{
  font-family:"Roboto",sans-serif;
  font-size:20px;
  line-height:26px;
  font-weight:500;
  color:#153365;
  margin:0;
  text-align:center;
}
@media(max-width:991px){
  .solo-clinic-owner-v2-page .hero-callouts{max-width:680px;gap:16px}
  .solo-clinic-owner-v2-page .hero-callouts .w-card p{font-size:17px;line-height:23px}
  .solo-clinic-owner-v2-page .hero-callouts .w-card i{font-size:36px}
}
@media(max-width:767px){
  .solo-clinic-owner-v2-page .hero-callouts{
    grid-template-columns:1fr;
    gap:12px;
    max-width:340px;
  }
  .solo-clinic-owner-v2-page .hero-callouts .w-card{
    flex-direction:row;
    align-items:center;
    gap:14px;
    padding:16px 18px;
    text-align:left;
  }
  .solo-clinic-owner-v2-page .hero-callouts .w-card i{margin:0;font-size:30px;flex:0 0 auto}
  .solo-clinic-owner-v2-page .hero-callouts .w-card p{text-align:left;font-size:17px}
}

/* The hero sets its copy to white for the dark background, and that rule
 * reaches inside these cards too, so the labels were rendering white on a
 * white card (contrast 1.0, invisible). Restate colour and size on a
 * selector that outranks it. */
.solo-clinic-owner-v2-page .page-title-area .hero-callouts .w-card p,
.solo-clinic-owner-v2-page .hero-callouts .w-card p{
  color:#153365 !important;
  font-size:20px !important;
  line-height:26px !important;
  font-weight:500 !important;
  opacity:1 !important;
}
@media(max-width:991px){
  .solo-clinic-owner-v2-page .page-title-area .hero-callouts .w-card p,
  .solo-clinic-owner-v2-page .hero-callouts .w-card p{
    font-size:17px !important;line-height:23px !important;
  }
}

/* ======= Tighten the space under the callout screenshots ================
 * Requested: reduce the gap between the image and the next item. Measured
 * at 47px from the caption to the next list item, made up of the caption's
 * own 20px, the item's 12px padding and 15px margin, the 1px rule, and the
 * next item's 12px padding.
 * Only items that actually contain a figure are tightened, so the rest of
 * the list keeps its existing rhythm. Browsers without :has() simply keep
 * the previous, slightly looser spacing.
 * ======================================================================== */
.solo-clinic-owner-v2-page ul.blocks > li > figure.photo{
  margin-bottom:8px !important;
}
.solo-clinic-owner-v2-page ul.blocks > li > figure.photo figcaption{
  margin-bottom:0 !important;
}
.solo-clinic-owner-v2-page ul.blocks > li:has(> figure.photo){
  padding-bottom:4px !important;
  margin-bottom:6px !important;
}

/* ======= Pillar band straddling the hero ================================
 * The cards now live between the hero and the first content section and
 * lift over the boundary, as on /mentorship (cards there clear it by 75px
 * of a 189px card, so roughly the top 40%). The band takes the same light
 * tint that page uses under its cards, and zero top padding so the negative
 * offset is the only thing positioning them.
 * On phones the cards stack, where an overlap would just collide with the
 * hero copy, so the lift is dropped and the band behaves normally.
 * ======================================================================== */
.solo-clinic-owner-v2-page .pillars-overlap{
  background:rgba(21,51,101,.1);
  padding-top:0 !important;
  padding-bottom:44px !important;
  overflow:visible;
}
.solo-clinic-owner-v2-page .pillars-overlap .hero-callouts{
  position:relative;
  z-index:5;
  margin:-64px auto 0 !important;   /* ~40% of the card height, as /mentorship */
}
@media(max-width:991px){
  .solo-clinic-owner-v2-page .pillars-overlap .hero-callouts{
    margin-top:-52px !important;
  }
  .solo-clinic-owner-v2-page .pillars-overlap{padding-bottom:34px !important}
}
@media(max-width:767px){
  /* stacked: no overlap, just a normal band */
  .solo-clinic-owner-v2-page .pillars-overlap{
    padding-top:26px !important;
    padding-bottom:26px !important;
  }
  .solo-clinic-owner-v2-page .pillars-overlap .hero-callouts{
    margin-top:0 !important;
  }
}

/* The negative margin above collapsed straight through the container and the
 * section, so the whole grey band rose by 64px instead of just the cards and
 * nothing actually straddled the boundary. display:flow-root makes the
 * container a block formatting context, which stops the collapse: the band's
 * top edge stays on the hero boundary and only the cards lift over it.
 * The lift is 54px against a 133px card, the same ~40% proportion /mentorship
 * uses (75px of 189px). */
.solo-clinic-owner-v2-page .pillars-overlap > .container{
  display:flow-root;
}
.solo-clinic-owner-v2-page .pillars-overlap .hero-callouts{
  margin-top:-54px !important;
}
@media(max-width:991px){
  .solo-clinic-owner-v2-page .pillars-overlap .hero-callouts{
    margin-top:-44px !important;
  }
}
@media(max-width:767px){
  .solo-clinic-owner-v2-page .pillars-overlap > .container{display:block}
  .solo-clinic-owner-v2-page .pillars-overlap .hero-callouts{margin-top:0 !important}
}

/* ======= Pillar band: clear the button, drop the grey =================
 * The demo button's bottom sat 6px below the top of the lifted cards, so
 * they clipped it. The cards are positioned off the hero's bottom edge, so
 * adding bottom padding to the hero moves the whole band (and the cards)
 * down with it: 40px of padding turns the 6px overlap into 34px of clear
 * space, without touching the 54px lift that creates the straddle.
 * The band also goes white to match the section below it.
 * Both only apply where the lift does (768px and up); on phones the cards
 * stack in normal flow and never reach the button.
 * ====================================================================== */
.solo-clinic-owner-v2-page .pillars-overlap{
  background:#FFFFFF !important;
}
@media(min-width:768px){
  .solo-clinic-owner-v2-page .page-title-area{
    padding-bottom:40px !important;
  }
}

/* ======= Client round (5 Oct 2026): CTA every two sections, block spacing,
 * link colour. Appended last so it supersedes earlier blocks.
 *  - .cta-after is the repeating "Schedule a Demo" row added to the end of
 *    the third, fifth and seventh sections so a CTA appears roughly every two
 *    sections before the offer section.
 *  - The paragraph after the banner and after the "what you get" list sat
 *    20px away; it now gets 32px.
 *  - Body links were green with no underline; they are now blue and
 *    underlined. Buttons, CTAs and the hero highlight are excluded.
 * ====================================================================== */
.solo-clinic-owner-v2-page .ctarow.cta-after{margin:40px 0 8px}
.solo-clinic-owner-v2-page .desc :is(p.banner,ul.blocks,ol.blocks,.cmp,.pair) + p{
  margin-top:32px !important;
}
.solo-clinic-owner-v2-page .content-section a:not(.btn):not(.cta):not(.button):not(.hl){
  color:#1558d6;
  text-decoration:underline;
  text-underline-offset:2px;
  text-decoration-thickness:1px;
}
.solo-clinic-owner-v2-page .content-section a:not(.btn):not(.cta):not(.button):not(.hl):hover{color:#0b3d91}
@media(max-width:767px){
  .solo-clinic-owner-v2-page .ctarow.cta-after{margin:32px 0 8px}
}

/* ---- Big demo button (matches the Business Mentorship page) -------------
 * The repeating CTA rows use the same large green pill as
 * /business-mentorship/ ("Schedule Your FREE Demo ->") with no caption.
 * ------------------------------------------------------------------------- */
.solo-clinic-owner-v2-page .cta.cta-big{
  display:inline-block;
  font-size:18px;font-weight:500;line-height:31.5px;letter-spacing:.1px;
  color:#fff;
  background:#3cc083;
  border:2px solid #3cc083;
  border-radius:100px;
  padding:20px 40px;
  text-decoration:none;
}
.solo-clinic-owner-v2-page .cta.cta-big:hover,
.solo-clinic-owner-v2-page .cta.cta-big:focus-visible{background:#31b477;border-color:#31b477;color:#fff}
.solo-clinic-owner-v2-page .cta.cta-big .bi{margin-left:4px}
@media(max-width:575px){
  .solo-clinic-owner-v2-page .cta.cta-big{padding:18px 28px;font-size:17px}
}

/* ======= Case study videos (the /mentorship structure) ==================
 * Doc: "use the original structure of the case studies from /mentorship but
 * design it a bit better in line with the current sales page design."
 * /mentorship runs name, video, Before, After, quote; the video is an
 * a.box-video that the theme's fancybox opens (override.js), so the same
 * markup plays the same way here. Styled to this page: rounded 16:9 frame,
 * a soft navy fade, and the page's green on the play button.
 * ====================================================================== */
.solo-clinic-owner-v2-page .tgrid .tc-video{
  position:relative;
  display:block;
  margin:18px 20px 0;
  aspect-ratio:16/9;
  border-radius:10px;
  overflow:hidden;
  background:#17304F;
  text-decoration:none !important;
  border:0 !important;
}
.solo-clinic-owner-v2-page .tgrid .tc-video img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .45s ease;
}
.solo-clinic-owner-v2-page .tgrid .tc-video::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(23,48,79,0) 45%, rgba(23,48,79,.45) 100%);
  pointer-events:none;
}
.solo-clinic-owner-v2-page .tgrid .tc-play{
  position:absolute;
  left:50%;
  top:50%;
  z-index:2;
  width:58px;
  height:58px;
  border-radius:50%;
  background:#3CC287;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:30px;
  line-height:1;
  transform:translate(-50%,-50%);
  box-shadow:0 6px 18px rgba(0,0,0,.28), 0 0 0 6px rgba(60,194,135,.25);
  transition:transform .2s ease, box-shadow .2s ease;
}
.solo-clinic-owner-v2-page .tgrid .tc-play i{margin-left:3px}           /* optical centring of the triangle */
.solo-clinic-owner-v2-page .tgrid .tc-video:hover img,
.solo-clinic-owner-v2-page .tgrid .tc-video:focus-visible img{transform:scale(1.04)}
.solo-clinic-owner-v2-page .tgrid .tc-video:hover .tc-play,
.solo-clinic-owner-v2-page .tgrid .tc-video:focus-visible .tc-play{
  transform:translate(-50%,-50%) scale(1.08);
  box-shadow:0 8px 22px rgba(0,0,0,.32), 0 0 0 9px rgba(60,194,135,.28);
}
.solo-clinic-owner-v2-page .tgrid .tc-video:focus-visible{outline:3px solid #3CC287;outline-offset:3px}
/* Before / After now sit under the video rather than straight under the name */
.solo-clinic-owner-v2-page .tgrid .tc-ba{padding:16px 20px 4px !important}
@media(max-width:767px){
  .solo-clinic-owner-v2-page .tgrid .tc-video{margin:16px 16px 0}
  .solo-clinic-owner-v2-page .tgrid .tc-play{width:52px;height:52px;font-size:27px}
}

/* ========================================================================
 * Case studies: one per row, styled to match /mentorship/ (6 Oct 2026)
 * Client: "make the case study one per row, not two", then "copy exactly
 * our reference ... the case study font size, font type etc".
 *
 * Every value below was read off the reference card (.box-item on
 * /mentorship/) with the browser at 1280px, not matched by eye. That width
 * matters: the theme scales type responsively, so the same card measured in
 * a narrow pane reports 18px/16px where it is really 20px/18px.
 *
 *   card      no border, radius 8, shadow 0 0 25px rgba(0,0,0,.05)
 *   .header   20px/35px, 400, #fff on #153365, pad 20, centred, radius 8 8 0 0
 *             the name inside is 700, the role stays 400 after a hyphen
 *   .content  18px/31.5px on #fff, pad 20, radius 0 0 8 8
 *   video     600x338 (16:9), radius 10, 15px below it
 *   play      110x105, radius 100, rgba(61,193,132,.7), icon 60px
 *   h5        20px/22px, 500, #000, pad-top 16, margin-bottom 16
 *             icons are the WordPress emoji ❌ U+274C / ✅ U+2705, which is
 *             where the red and green tiles come from
 *   p         18px/31.5px, #000, margin-bottom 20
 *   callout   5px dotted rgba(61,193,132,.4), radius 10, pad 30, margin 15 0
 *   quote     28px/30.8px, 700, italic, #0C6E40, centred
 *
 * Several of these have to out-rank 5-class rules earlier in this file
 * (".tgrid .tcard .ba-item.before p" and friends), so the selectors match
 * that depth rather than relying on being last.
 * ===================================================================== */
.solo-clinic-owner-v2-page .tgrid{
  grid-template-columns:1fr !important;
  gap:20px !important;
}
.solo-clinic-owner-v2-page .tgrid .tcard{
  background:#fff !important;
  border:0 !important;
  border-radius:8px !important;
  box-shadow:0 0 25px rgba(0,0,0,.05) !important;
  overflow:hidden !important;
}

/* --- name bar ---------------------------------------------------------- */
.solo-clinic-owner-v2-page .tgrid .tc-head{
  background:#153365 !important;
  color:#fff !important;
  font-size:20px !important;
  line-height:35px !important;
  font-weight:400 !important;
  text-align:center !important;
  padding:20px !important;
  border-radius:8px 8px 0 0 !important;
}
.solo-clinic-owner-v2-page .tgrid .tc-head b{
  display:inline !important;
  font-size:20px !important;
  line-height:35px !important;
  font-weight:700 !important;
  color:#fff !important;
}
.solo-clinic-owner-v2-page .tgrid .tc-head .role{
  display:inline !important;
  font-size:20px !important;
  line-height:35px !important;
  font-weight:400 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  color:#fff !important;
  margin:0 !important;
}
.solo-clinic-owner-v2-page .tgrid .tc-head .role::before{content:" - "}

/* --- video ------------------------------------------------------------- */
.solo-clinic-owner-v2-page .tgrid .tc-video{
  margin:20px 20px 15px !important;
  border-radius:10px !important;
  aspect-ratio:16/9 !important;
}
.solo-clinic-owner-v2-page .tgrid .tc-play{
  width:110px !important;
  height:105px !important;
  border-radius:100px !important;
  background:rgba(61,193,132,.7) !important;
  color:#fff !important;
  font-size:60px !important;
  box-shadow:none !important;
}
.solo-clinic-owner-v2-page .tgrid .tc-video:hover .tc-play,
.solo-clinic-owner-v2-page .tgrid .tc-video:focus-visible .tc-play{
  box-shadow:none !important;
}

/* --- before / after ---------------------------------------------------- */
.solo-clinic-owner-v2-page .tgrid .tc-ba{padding:0 20px !important}
.solo-clinic-owner-v2-page .tgrid .ba-item{margin:0 !important}
.solo-clinic-owner-v2-page .tgrid .ba-item h5{
  display:block !important;
  font-size:20px !important;
  line-height:22px !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  color:#000 !important;
  padding:16px 0 0 !important;
  margin:0 0 16px !important;
}
/* The emoji carry their own tile, so no colour is set on the glyph. */
.solo-clinic-owner-v2-page .tgrid .ba-item h5::before{
  font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif !important;
  font-size:18px !important;
  line-height:1 !important;
}
.solo-clinic-owner-v2-page .tgrid .ba-item.before h5::before{content:"\274C\00a0" !important}
.solo-clinic-owner-v2-page .tgrid .ba-item.after  h5::before{content:"\2705\00a0" !important}
.solo-clinic-owner-v2-page .tgrid .tcard .ba-item.before p,
.solo-clinic-owner-v2-page .tgrid .tcard .ba-item.after p{
  font-size:18px !important;
  line-height:31.5px !important;
  color:#000 !important;
  margin:0 0 20px !important;
}

/* --- quote ------------------------------------------------------------- */
.solo-clinic-owner-v2-page .tgrid .tc-quote{
  border:5px dotted rgba(61,193,132,.4) !important;
  border-radius:10px !important;
  background:rgba(61,193,132,.05) !important;
  box-shadow:0 0 25px rgba(0,0,0,.05) !important;
  padding:30px !important;
  margin:15px 20px 20px !important;
  text-align:center !important;
}
.solo-clinic-owner-v2-page .tgrid .tc-quote q{
  font-size:28px !important;
  line-height:30.8px !important;
  font-weight:700 !important;
  font-style:italic !important;
  color:#0C6E40 !important;
  text-align:center !important;
}

@media(max-width:767px){
  .solo-clinic-owner-v2-page .tgrid .tc-head,
  .solo-clinic-owner-v2-page .tgrid .tc-head b,
  .solo-clinic-owner-v2-page .tgrid .tc-head .role{font-size:18px !important;line-height:28px !important}
  .solo-clinic-owner-v2-page .tgrid .tc-video{margin:16px 16px 14px !important}
  .solo-clinic-owner-v2-page .tgrid .tc-play{width:72px !important;height:70px !important;font-size:40px !important}
  .solo-clinic-owner-v2-page .tgrid .tc-ba{padding:0 16px !important}
  .solo-clinic-owner-v2-page .tgrid .tcard .ba-item.before p,
  .solo-clinic-owner-v2-page .tgrid .tcard .ba-item.after p{font-size:16px !important;line-height:28px !important}
  .solo-clinic-owner-v2-page .tgrid .tc-quote{padding:22px 18px !important;margin:15px 16px 16px !important}
  .solo-clinic-owner-v2-page .tgrid .tc-quote q{font-size:20px !important;line-height:28px !important}
}

/* ======= 315-patient bucket comparison (Oct 7) ==========================
 * The new images are framed cards on a white margin (no transparency), so
 * the old treatment (white card, 1px border, 12px padding) would draw a
 * second frame around the image's own. Each .bk box is sized to the image's
 * frame instead and clips the white margin, so only the designed card shows.
 * Frame bounds measured from the files (1073 x 1466), with 1px to spare:
 *   before  x 88..984  y 18..1440   -> 897 x 1423, corner ~38px
 *   after   x 87..985  y 17..1416   -> 899 x 1400, corner ~38px
 * img width = 1073 / frame width; negative margins = frame offset / frame
 * width (margin percentages resolve against the box width, so the vertical
 * offset uses the width too). Corner radii are given as horizontal /
 * vertical percentages so they stay circular.
 * Phones: the stale 100-patient combined image has been removed, so the pair
 * now stacks there instead of being hidden.
 * ====================================================================== */
.solo-clinic-owner-v2-page .bucket-pair{align-items:start}
.solo-clinic-owner-v2-page .bucket-pair .bk{
  position:relative;
  overflow:hidden;
  background:#fff;
  box-shadow:0 2px 12px rgba(21,51,101,.06);
}
.solo-clinic-owner-v2-page .bucket-pair .bk img{
  display:block !important;
  max-width:none !important;
  height:auto !important;
  background:none !important;
  border:0 !important;
  border-radius:0 !important;
  padding:0 !important;
}
.solo-clinic-owner-v2-page .bucket-pair .bk-before{aspect-ratio:897/1423;border-radius:4.236% / 2.670%}
.solo-clinic-owner-v2-page .bucket-pair .bk-before img{width:119.621% !important;margin:-2.007% 0 0 -9.810% !important}
.solo-clinic-owner-v2-page .bucket-pair .bk-after{aspect-ratio:899/1400;border-radius:4.227% / 2.714%}
.solo-clinic-owner-v2-page .bucket-pair .bk-after img{width:119.355% !important;margin:-1.891% 0 0 -9.677% !important}
@media(max-width:600px){
  .solo-clinic-owner-v2-page .bucket-pair{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:18px !important;
    max-width:320px;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}

/* ======= Even section spacing (Oct 7) ==================================
 * Requested: "some sections have a lot of padding space at the bottom".
 * Measured every section: content starts 60px below the top edge (the
 * section's padding) but ended 84-116px above the bottom edge. The extra
 * 24-56px was two things stacking under the section's own 60px padding:
 *   - the content row's Bootstrap mb-4 (24px, !important), on every section
 *   - the last block's own bottom margin: a paragraph 20px, the CTA row 8px,
 *     the for-you/not-for-you pair 32px, the FAQ list 30px
 * Both are removed, so every content section now has the same 60px below as
 * above. Excluded: the hero, the pillar band and the final CTA (#final), whose
 * spacing is set deliberately and was not over-spaced.
 * ====================================================================== */
.solo-clinic-owner-v2-page section.content-section:not(.pillars-overlap) > .container > .row{
  margin-bottom:0 !important;
}
.solo-clinic-owner-v2-page section.content-section:not(.pillars-overlap) .desc > :last-child{
  margin-bottom:0 !important;
}

/* ======= Section rhythm follows /business-mentorship/ (Oct 7) ===========
 * Requested: reduce more, using /business-mentorship/ as the pattern. Its
 * tight story run ("The Phone Call That Changed...", "The Marketing Hell...")
 * uses the theme's own .small-gap class (override2.css: padding 40px 0 30px),
 * which puts ~70px between sections. Every Solo content section now carries
 * that same class in the template, so the page follows the real pattern and
 * tracks it if the theme value ever changes. With the trailing row margin
 * and last-child margin already removed (block above, #final now included),
 * each section shows exactly 40px above its content and 30px below.
 * ====================================================================== */

/* Two sections have no label or title, so their content opens with the .desc
 * block and its Bootstrap pt-3 (16px) shows as extra space above: those gaps
 * measured 86px against 70px everywhere else. Elsewhere pt-3 sits between
 * the title and the copy, which is untouched. The pillar band also ended on
 * its own 44px; it now uses the same 30px as the small-gap sections. */
.solo-clinic-owner-v2-page section.small-gap .col-lg-12 > .desc.pt-3:first-child{
  padding-top:0 !important;
}
.solo-clinic-owner-v2-page .pillars-overlap{
  padding-bottom:30px !important;
}

/* ======= Section rhythm opened up slightly (Oct 7) =====================
 * 70px between sections (small-gap's 40 / 30) read as too close. Opened to
 * 90px on desktop (50 above the content, 40 below) and 80px on phones
 * (45 / 35). Same top-heavy proportion as small-gap; the class stays on the
 * sections, this only sets the numbers for this page. The pillar band's
 * bottom follows the section bottom so its gap matches too.
 * ====================================================================== */
.solo-clinic-owner-v2-page section.content-section.small-gap{
  padding-top:50px !important;
  padding-bottom:45px !important;   /* +5px on request (was 40) */
}
.solo-clinic-owner-v2-page .pillars-overlap{padding-bottom:45px !important}
@media(max-width:767px){
  .solo-clinic-owner-v2-page section.content-section.small-gap{
    padding-top:45px !important;
    padding-bottom:40px !important;   /* +5px on request (was 35) */
  }
  .solo-clinic-owner-v2-page .pillars-overlap{padding-bottom:40px !important}
}

/* ======= Proof / places pair, redesigned (Oct 7 mockup) =================
 * Copy is unchanged. Added, all decorative: 01/02 step badges in the label
 * row, a chart illustration beside the proof headline, a calendar beside the
 * 8, an arrow linking the two cards, a divider before the closing line, and
 * light dot patterns behind. Built from CSS and Bootstrap Icons (already
 * loaded by the theme), so no new image files.
 * Desktop: the pair breaks out of the 640px text column to ~1000px so each
 * card has room for its illustration, as in the mockup. Under 992px it falls
 * back to a single column inside the normal column.
 * ====================================================================== */
.solo-clinic-owner-v2-page .duo.duo-v2{
  position:relative;
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:56px !important;
  align-items:stretch !important;
}
/* The column caps every block at 640px (.desc > * with !important); the pair
 * opts out with a stronger selector and centres at 1000px in the 1170px row. */
.solo-clinic-owner-v2-page section.content-section .desc > .duo.duo-v2{
  width:100% !important;
  max-width:1000px !important;
  margin:16px auto 0 !important;
}
/* dot patterns, as in the mockup */
.solo-clinic-owner-v2-page .duo.duo-v2::before,.solo-clinic-owner-v2-page .duo.duo-v2::after{
  content:"";
  position:absolute;
  pointer-events:none;
  background-image:radial-gradient(circle, rgba(21,51,101,.16) 2px, transparent 2.5px);
  background-size:22px 22px;
}
.solo-clinic-owner-v2-page .duo.duo-v2::before{width:110px;height:44px;left:calc(50% - 55px);top:-40px}
.solo-clinic-owner-v2-page .duo.duo-v2::after{width:66px;height:88px;right:-34px;bottom:-30px}

/* cards */
.solo-clinic-owner-v2-page .duo.duo-v2 > .duo-card{
  position:relative;
  z-index:1;
  display:flex !important;
  flex-direction:column !important;
  border-radius:20px !important;
  padding:34px 36px 32px !important;
  border:0 !important;
  overflow:hidden;
}
.solo-clinic-owner-v2-page .duo.duo-v2 > .duo-proof{
  background:#fff !important;
  border-left:6px solid #3CC287 !important;
  box-shadow:0 14px 36px rgba(21,51,101,.09) !important;
}
.solo-clinic-owner-v2-page .duo.duo-v2 > .duo-places{
  background:
    radial-gradient(120% 70% at 110% 45%, rgba(255,255,255,.07), transparent 60%),
    linear-gradient(160deg, #17304F 0%, #142a47 100%) !important;
  color:#fff !important;
  box-shadow:0 18px 40px rgba(21,51,101,.22) !important;
}

/* label row: badge, rule, label */
.solo-clinic-owner-v2-page .duo.duo-v2 .duo-top{display:flex;align-items:center;gap:14px;margin:0 0 22px}
.solo-clinic-owner-v2-page .duo.duo-v2 .duo-step{
  flex:0 0 auto;
  width:52px;height:52px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:#3CC287;color:#fff;
  font-family:"Roboto",sans-serif;font-size:20px;font-weight:700;line-height:1;
  box-shadow:0 6px 16px rgba(60,194,135,.35);
}
.solo-clinic-owner-v2-page .duo.duo-v2 .duo-places .duo-step{color:#0f2a1f}
.solo-clinic-owner-v2-page .duo.duo-v2 .duo-top .num{
  display:flex !important;align-items:center;gap:12px;
  margin:0 !important;
  font-size:13px !important;letter-spacing:.14em !important;
}
.solo-clinic-owner-v2-page .duo.duo-v2 .duo-top .num::before{
  content:"" !important;display:block !important;
  width:30px;height:2px;border-radius:2px;
  background:currentColor;opacity:.85;
  position:static !important;margin:0 !important;
}

/* proof card: headline beside the chart */
.solo-clinic-owner-v2-page .duo.duo-v2 .duo-proof h3{
  font-size:32px !important;line-height:1.18 !important;
  color:#153365 !important;
  max-width:62%;
  margin:0 0 20px !important;
}
.solo-clinic-owner-v2-page .duo.duo-v2 .duo-proof p{font-size:17px !important;line-height:1.6 !important;color:#596474 !important}
.solo-clinic-owner-v2-page .duo.duo-v2 .duo-proof p + p{
  border-top:1px solid #E3E8EF;
  padding-top:18px;margin-top:6px !important;
}
.duo-art{position:absolute;pointer-events:none}
.solo-clinic-owner-v2-page .duo.duo-v2 .duo-art-chart{top:96px;right:24px;width:190px;height:170px}
.solo-clinic-owner-v2-page .duo.duo-v2 .duo-art-chart::before{
  content:"";position:absolute;right:-4px;top:-14px;
  width:184px;height:184px;border-radius:50%;
  background:rgba(60,194,135,.10);
}
.solo-clinic-owner-v2-page .duo.duo-v2 .dc-card{
  position:absolute;right:6px;top:6px;
  width:150px;height:112px;border-radius:12px;
  background:#fff;box-shadow:0 10px 24px rgba(21,51,101,.12);
  overflow:hidden;
}
.solo-clinic-owner-v2-page .duo.duo-v2 .dc-lines{position:absolute;left:14px;top:16px;display:grid;gap:7px}
.solo-clinic-owner-v2-page .duo.duo-v2 .dc-lines i{display:block;height:6px;border-radius:3px;background:#E6EBF1}
.solo-clinic-owner-v2-page .duo.duo-v2 .dc-lines i:first-child{width:78px}
.solo-clinic-owner-v2-page .duo.duo-v2 .dc-lines i:last-child{width:54px}
.solo-clinic-owner-v2-page .duo.duo-v2 .dc-bars{position:absolute;right:16px;bottom:14px;display:flex;align-items:flex-end;gap:7px}
.solo-clinic-owner-v2-page .duo.duo-v2 .dc-bars i{display:block;width:16px;border-radius:3px;background:#DCEFE6}
.solo-clinic-owner-v2-page .duo.duo-v2 .dc-bars i:nth-child(1){height:24px}
.solo-clinic-owner-v2-page .duo.duo-v2 .dc-bars i:nth-child(2){height:38px}
.solo-clinic-owner-v2-page .duo.duo-v2 .dc-bars i:nth-child(3){height:54px}
.solo-clinic-owner-v2-page .duo.duo-v2 .dc-trend{position:absolute;left:30px;top:34px;font-size:48px;line-height:1;color:#22A06B}
.solo-clinic-owner-v2-page .duo.duo-v2 .dc-badge{
  position:absolute;
  width:58px;height:58px;border-radius:50%;
  background:#fff;box-shadow:0 8px 20px rgba(21,51,101,.16);
  display:flex;align-items:center;justify-content:center;
  font-size:26px;line-height:1;color:#22A06B;
}
.solo-clinic-owner-v2-page .duo.duo-v2 .duo-art-chart .dc-badge{left:0;bottom:6px}

/* places card: the 8 beside the calendar */
.solo-clinic-owner-v2-page .duo.duo-v2 .duo-row{position:relative;display:flex;align-items:center;justify-content:space-between;margin:0 0 18px}
.solo-clinic-owner-v2-page .duo.duo-v2 .duo-places .huge{
  font-size:150px !important;line-height:.82 !important;font-weight:800 !important;
  color:#6EE0B0 !important;margin:0 !important;letter-spacing:-.02em;
}
.solo-clinic-owner-v2-page .duo.duo-v2 .duo-art-cal{position:relative;width:180px;height:150px;flex:0 0 auto}
.solo-clinic-owner-v2-page .duo.duo-v2 .cal{
  position:absolute;right:26px;top:14px;
  width:140px;height:116px;border-radius:14px;
  background:#EEF1F6;box-shadow:0 12px 26px rgba(0,0,0,.22);
}
.solo-clinic-owner-v2-page .duo.duo-v2 .cal::before,.solo-clinic-owner-v2-page .duo.duo-v2 .cal::after{
  content:"";position:absolute;top:-12px;
  width:12px;height:26px;border-radius:6px;
  background:#9AA6B8;border:3px solid #EEF1F6;
}
.solo-clinic-owner-v2-page .duo.duo-v2 .cal::before{left:28px}
.solo-clinic-owner-v2-page .duo.duo-v2 .cal::after{right:28px}
.solo-clinic-owner-v2-page .duo.duo-v2 .cal-grid{
  position:absolute;left:18px;right:18px;top:34px;
  display:grid;grid-template-columns:repeat(3,1fr);gap:10px;
}
.solo-clinic-owner-v2-page .duo.duo-v2 .cal-grid i{display:block;height:24px;border-radius:5px;background:#C9D1DD}
.solo-clinic-owner-v2-page .duo.duo-v2 .cal-grid i:nth-child(n+6){visibility:hidden}
.solo-clinic-owner-v2-page .duo.duo-v2 .duo-art-cal .dc-badge{right:0;bottom:2px;width:64px;height:64px;font-size:30px}
.solo-clinic-owner-v2-page .duo.duo-v2 .duo-places h3{
  font-size:32px !important;line-height:1.2 !important;color:#fff !important;
  margin:0 0 18px !important;
}
.solo-clinic-owner-v2-page .duo.duo-v2 .duo-places p{font-size:18px !important;line-height:1.65 !important;color:rgba(255,255,255,.82) !important}

/* arrow linking the cards */
.solo-clinic-owner-v2-page .duo.duo-v2 .duo-arrow{
  position:absolute;left:50%;top:50%;z-index:2;
  width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:#E5F6EE;color:#1E8A5A;font-size:34px;line-height:1;
  box-shadow:0 0 0 8px rgba(255,255,255,.65);
}

/* tablet and down: single column inside the normal column */
@media(max-width:991px){
  .solo-clinic-owner-v2-page .duo.duo-v2{
    grid-template-columns:1fr !important;
    gap:0 !important;
  }
  .solo-clinic-owner-v2-page section.content-section .desc > .duo.duo-v2{max-width:640px !important}
  .solo-clinic-owner-v2-page .duo.duo-v2::before,.solo-clinic-owner-v2-page .duo.duo-v2::after{display:none}
  .solo-clinic-owner-v2-page .duo.duo-v2 .duo-arrow{
    position:relative;left:auto;top:auto;margin:-16px auto;
    width:64px;height:64px;font-size:28px;rotate:90deg;
  }
}
@media(max-width:575px){
  .solo-clinic-owner-v2-page .duo.duo-v2 > .duo-card{padding:26px 22px 24px !important;border-radius:16px !important}
  .solo-clinic-owner-v2-page .duo.duo-v2 .duo-step{width:44px;height:44px;font-size:17px}
  .solo-clinic-owner-v2-page .duo.duo-v2 .duo-top{margin-bottom:18px}
  .solo-clinic-owner-v2-page .duo.duo-v2 .duo-art-chart{display:none}
  .solo-clinic-owner-v2-page .duo.duo-v2 .duo-proof h3{max-width:none;font-size:26px !important}
  .solo-clinic-owner-v2-page .duo.duo-v2 .duo-places h3{font-size:26px !important}
  .solo-clinic-owner-v2-page .duo.duo-v2 .duo-places .huge{font-size:110px !important}
  .solo-clinic-owner-v2-page .duo.duo-v2 .duo-art-cal{width:132px;height:112px}
  .solo-clinic-owner-v2-page .duo.duo-v2 .cal{width:104px;height:88px;right:20px;top:12px}
  .solo-clinic-owner-v2-page .duo.duo-v2 .cal-grid{left:14px;right:14px;top:28px;gap:7px}
  .solo-clinic-owner-v2-page .duo.duo-v2 .cal-grid i{height:17px}
  .solo-clinic-owner-v2-page .duo.duo-v2 .duo-art-cal .dc-badge{width:50px;height:50px;font-size:23px}
  .solo-clinic-owner-v2-page .duo.duo-v2 .duo-proof p,.solo-clinic-owner-v2-page .duo.duo-v2 .duo-places p{font-size:16.5px !important}
}

/* Proportions taken from the mockup and scaled to these 472px cards: the
 * mockup sets the proof headline in about 57% of the card width, which at
 * this size is ~27px type in ~280px, giving its four lines. The illustrations
 * scale down with it so the headline never runs into the chart. */
@media(min-width:992px){
  .solo-clinic-owner-v2-page .duo.duo-v2 .duo-proof h3{font-size:27px !important;line-height:1.2 !important;max-width:282px}
  .solo-clinic-owner-v2-page .duo.duo-v2 .duo-art-chart{top:92px;right:22px;width:150px;height:138px}
  .solo-clinic-owner-v2-page .duo.duo-v2 .duo-art-chart::before{width:146px;height:146px;right:-6px;top:-10px}
  .solo-clinic-owner-v2-page .duo.duo-v2 .dc-card{width:118px;height:90px;right:4px;top:6px}
  .solo-clinic-owner-v2-page .duo.duo-v2 .dc-lines{left:11px;top:12px;gap:6px}
  .solo-clinic-owner-v2-page .duo.duo-v2 .dc-lines i{height:5px}
  .solo-clinic-owner-v2-page .duo.duo-v2 .dc-lines i:first-child{width:62px}
  .solo-clinic-owner-v2-page .duo.duo-v2 .dc-lines i:last-child{width:42px}
  .solo-clinic-owner-v2-page .duo.duo-v2 .dc-bars{right:12px;bottom:11px;gap:6px}
  .solo-clinic-owner-v2-page .duo.duo-v2 .dc-bars i{width:13px}
  .solo-clinic-owner-v2-page .duo.duo-v2 .dc-bars i:nth-child(1){height:19px}
  .solo-clinic-owner-v2-page .duo.duo-v2 .dc-bars i:nth-child(2){height:30px}
  .solo-clinic-owner-v2-page .duo.duo-v2 .dc-bars i:nth-child(3){height:43px}
  .solo-clinic-owner-v2-page .duo.duo-v2 .dc-trend{left:22px;top:28px;font-size:38px}
  .solo-clinic-owner-v2-page .duo.duo-v2 .duo-art-chart .dc-badge{width:48px;height:48px;font-size:22px;left:0;bottom:4px}
  .solo-clinic-owner-v2-page .duo.duo-v2 .duo-places .huge{font-size:124px !important}
  .solo-clinic-owner-v2-page .duo.duo-v2 .duo-art-cal{width:150px;height:126px}
  .solo-clinic-owner-v2-page .duo.duo-v2 .cal{width:118px;height:98px;right:22px;top:12px}
  .solo-clinic-owner-v2-page .duo.duo-v2 .cal-grid{left:15px;right:15px;top:30px;gap:8px}
  .solo-clinic-owner-v2-page .duo.duo-v2 .cal-grid i{height:20px}
  .solo-clinic-owner-v2-page .duo.duo-v2 .duo-art-cal .dc-badge{width:54px;height:54px;font-size:25px}
  .solo-clinic-owner-v2-page .duo.duo-v2 .duo-places h3{font-size:28px !important}
  .solo-clinic-owner-v2-page .duo.duo-v2 .duo-proof p,.solo-clinic-owner-v2-page .duo.duo-v2 .duo-places p{font-size:16.5px !important}
}


/* Approved mentorship revision: isolated from legacy solo clinic content. */
/* Approved October HTML, scoped to the existing mentorship template only.
 * Source: go-to-clinic-mentorship-edited.html. Bump $sco_css_ver in
 * tpl-clinic-mentorship-solo.php after editing this stylesheet. */
main.clinic-mentorship-page :where(*){all:revert;box-sizing:border-box}
main.clinic-mentorship-page{
    --paper:#F3F5F7; --card:#FFFFFF; --ink:#172033; --soft:#5C6572;
    --navy:#1B2E4B; --navy2:#25476A; --accent:#39C184; --accent-ink:#1E8C5E;
    --tint:#E9F7F0; --line:#E6E0D4; --rule:#DCD6C9; --onband:#EEF2F8; --onband-soft:#B9C7DA;
    --maxw:760px;
  }
main.clinic-mentorship-page *{box-sizing:border-box}
main.clinic-mentorship-page{background:var(--paper); color:var(--ink); font-family:"Roboto", sans-serif; font-size:18px; line-height:1.62; margin:0}
main.clinic-mentorship-page .wrap{max-width:var(--maxw); margin:0 auto; padding:0 22px; padding-block:0}
main.clinic-mentorship-page p{margin:0 0 16px; max-width:65ch}
main.clinic-mentorship-page h1,
main.clinic-mentorship-page h2,
main.clinic-mentorship-page h3,
main.clinic-mentorship-page h4{font-family:"Roboto", sans-serif; color:var(--navy2); text-wrap:balance; line-height:1.1}
main.clinic-mentorship-page h2{font-size:clamp(26px,4.4vw,36px); font-weight:700; margin:0 0 18px}
main.clinic-mentorship-page h3{font-size:22px; font-weight:600; margin:34px 0 10px}
main.clinic-mentorship-page .num{font-size:12px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--accent-ink); margin-bottom:12px; display:flex; align-items:center; gap:10px}
main.clinic-mentorship-page .num::before{content:""; width:28px; height:2px; background:var(--accent)}
main.clinic-mentorship-page .sec{padding-block:44px}
main.clinic-mentorship-page .sec.paper{background:var(--paper)}
main.clinic-mentorship-page .sec.card{background:var(--card); border-top:1px solid var(--line); border-bottom:1px solid var(--line)}
main.clinic-mentorship-page .sec.band{background:var(--navy); color:var(--onband)}
main.clinic-mentorship-page .sec.band h2,
main.clinic-mentorship-page .sec.band h3{color:#fff}
main.clinic-mentorship-page .sec.band p{color:var(--onband)}
main.clinic-mentorship-page .sec.band .num{color:var(--accent)}
main.clinic-mentorship-page .sec.tint{background:var(--tint)}
main.clinic-mentorship-page .stamp{font-size:12px; color:var(--soft); letter-spacing:.08em; text-transform:uppercase; padding:10px 22px; text-align:center; border-bottom:1px solid var(--rule)}
main.clinic-mentorship-page .hero{background:var(--navy); color:var(--onband); padding:56px 22px 48px; position:relative; overflow:hidden}
main.clinic-mentorship-page .hero::after{content:"£100k"; position:absolute; right:-10px; bottom:-30px; font-family:"Roboto",sans-serif; font-weight:900; font-size:clamp(120px,22vw,240px); color:#fff; opacity:.05; line-height:1; pointer-events:none}
main.clinic-mentorship-page .hero .in{max-width:var(--maxw); margin:0 auto; position:relative}
main.clinic-mentorship-page .brand{font-size:13px; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:var(--accent); margin-bottom:22px}
main.clinic-mentorship-page .eyebrow{font-size:15px; color:var(--onband-soft); margin-bottom:14px; letter-spacing:.03em; text-transform:uppercase; font-weight:600}
main.clinic-mentorship-page h1{font-size:clamp(34px,6.6vw,54px); font-weight:800; color:#fff; margin:0 0 20px; letter-spacing:-.01em}
main.clinic-mentorship-page .sub{font-size:20px; color:var(--onband); margin:0 0 16px; max-width:58ch}
main.clinic-mentorship-page .chip{display:inline-block; font-family:"Roboto",sans-serif; font-style:italic; font-size:15px; color:var(--accent); border:1px solid var(--accent); border-radius:999px; padding:6px 14px; margin:0 0 26px}
main.clinic-mentorship-page .cta{display:inline-block; background:var(--accent); color:#06281A; font-weight:700; font-size:17px; padding:15px 28px; border-radius:8px; text-decoration:none; letter-spacing:.01em}
main.clinic-mentorship-page .cta:focus-visible{outline:3px solid #fff; outline-offset:3px}
main.clinic-mentorship-page .ctarow{margin:22px 0 4px}
main.clinic-mentorship-page .nav{font-size:13px; color:var(--onband-soft); margin-top:26px; letter-spacing:.02em}
main.clinic-mentorship-page .swing{display:flex; gap:14px; align-items:stretch; margin:8px 0 20px; flex-wrap:wrap}
main.clinic-mentorship-page .wk{flex:1 1 120px; background:var(--card); border:1px solid var(--line); border-radius:10px; padding:14px; text-align:center}
main.clinic-mentorship-page .wk b{display:block; font-family:"Roboto",sans-serif; font-size:34px; color:var(--navy2); line-height:1; font-variant-numeric:tabular-nums}
main.clinic-mentorship-page .wk span{font-size:13px; color:var(--soft); text-transform:uppercase; letter-spacing:.08em}
main.clinic-mentorship-page .wk.low b{color:var(--accent-ink)}
main.clinic-mentorship-page .hats{display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:10px 0 20px}
main.clinic-mentorship-page .hat{background:var(--card); border-top:4px solid var(--accent); border-radius:0 0 10px 10px; padding:14px 14px 16px; font-size:15px; box-shadow:0 1px 0 var(--line)}
main.clinic-mentorship-page .hat b{display:block; color:var(--navy2); font-family:"Roboto",sans-serif; font-size:20px; margin-bottom:6px}
main.clinic-mentorship-page .vs{display:grid; grid-template-columns:1fr auto 1fr; gap:16px; align-items:stretch; margin:14px 0 20px}
main.clinic-mentorship-page .panel{border-radius:12px; padding:22px 20px; background:var(--paper); border:1px solid var(--line)}
main.clinic-mentorship-page .panel.win{background:var(--navy); color:var(--onband); border-color:var(--navy)}
main.clinic-mentorship-page .panel .lab{font-size:12px; letter-spacing:.14em; text-transform:uppercase; font-weight:700; color:var(--soft); margin-bottom:10px}
main.clinic-mentorship-page .panel.win .lab{color:var(--accent)}
main.clinic-mentorship-page .panel .big{font-family:"Roboto",sans-serif; font-weight:800; font-size:clamp(34px,6vw,50px); line-height:1; color:var(--navy2); font-variant-numeric:tabular-nums; margin-bottom:12px}
main.clinic-mentorship-page .panel.win .big{color:#fff}
main.clinic-mentorship-page .panel .row{display:flex; justify-content:space-between; border-top:1px solid var(--line); padding:8px 0; font-size:15.5px}
main.clinic-mentorship-page .panel.win .row{border-top-color:rgba(255,255,255,.18)}
main.clinic-mentorship-page .panel .row b{font-variant-numeric:tabular-nums}
main.clinic-mentorship-page .vs .mid{align-self:center; text-align:center; font-family:"Roboto",sans-serif; font-style:italic; color:var(--accent-ink); font-size:16px; line-height:1.3}
main.clinic-mentorship-page .vs .mid b{display:block; font-style:normal; font-size:20px; color:var(--navy2)}
main.clinic-mentorship-page .callout{position:relative; margin:26px 0; padding:26px 28px 22px 34px; background:var(--card); border-left:5px solid var(--accent); border-radius:0 12px 12px 0; font-family:"Roboto",sans-serif; font-size:clamp(20px,3vw,26px); line-height:1.3; color:var(--navy2); max-width:none}
main.clinic-mentorship-page .callout::before{content:"“"; position:absolute; left:10px; top:2px; font-size:60px; color:var(--accent); line-height:1; font-weight:900}
main.clinic-mentorship-page .banner{font-family:"Roboto",sans-serif; font-style:italic; font-size:21px; color:var(--accent-ink); margin:0 0 16px}
main.clinic-mentorship-page .stages{display:grid; grid-template-columns:repeat(6,1fr); gap:10px; margin:14px 0 22px; counter-reset:st}
main.clinic-mentorship-page .st{position:relative; padding-top:46px; font-size:14.5px; line-height:1.3; text-align:center}
main.clinic-mentorship-page .st::before{counter-increment:st; content:counter(st); position:absolute; top:0; left:50%; transform:translateX(-50%); width:36px; height:36px; border-radius:50%; background:var(--accent); color:#06281A; font-weight:700; display:flex; align-items:center; justify-content:center; font-family:"Roboto",sans-serif; font-size:17px; z-index:1}
main.clinic-mentorship-page .st::after{content:""; position:absolute; top:18px; left:50%; width:100%; height:2px; background:var(--accent); opacity:.45}
main.clinic-mentorship-page .st:last-child::after{display:none}
main.clinic-mentorship-page .st b{display:block; color:var(--navy2); font-family:"Roboto",sans-serif; font-size:16px}
main.clinic-mentorship-page .route{counter-reset:step; list-style:none; padding:0; margin:8px 0 18px}
main.clinic-mentorship-page .route li{position:relative; padding:14px 0 14px 54px; border-top:1px solid var(--line); max-width:none}
main.clinic-mentorship-page .route li:first-child{border-top:none}
main.clinic-mentorship-page .route li::before{counter-increment:step; content:counter(step); position:absolute; left:0; top:14px; width:38px; height:38px; border-radius:8px; background:var(--navy); color:#fff; font-weight:700; display:flex; align-items:center; justify-content:center; font-family:"Roboto",sans-serif; font-size:18px}
main.clinic-mentorship-page .route b{color:var(--navy2); font-family:"Roboto",sans-serif; font-size:19px}
main.clinic-mentorship-page .route .hatlab{display:inline-block; font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--accent-ink); font-weight:700; margin-left:8px; border:1px solid var(--accent); border-radius:999px; padding:2px 8px; vertical-align:middle}
main.clinic-mentorship-page .route p{margin:6px 0 0; max-width:62ch}
main.clinic-mentorship-page .stats{display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin:6px 0 30px}
main.clinic-mentorship-page .stat{text-align:center; padding:18px 10px; border:1px solid var(--line); border-radius:12px; background:var(--paper)}
main.clinic-mentorship-page .stat b{display:block; font-family:"Roboto",sans-serif; font-weight:800; font-size:clamp(30px,5vw,44px); color:var(--accent-ink); line-height:1; font-variant-numeric:tabular-nums}
main.clinic-mentorship-page .stat span{font-size:13px; text-transform:uppercase; letter-spacing:.1em; color:var(--soft)}
main.clinic-mentorship-page .feat{background:var(--navy); color:var(--onband); border-radius:14px; padding:26px 26px 22px; margin:0 0 16px; position:relative}
main.clinic-mentorship-page .feat::before{content:"“"; position:absolute; left:16px; top:6px; font-family:"Roboto",sans-serif; font-size:70px; color:var(--accent); opacity:.6; line-height:1}
main.clinic-mentorship-page .feat q{display:block; font-family:"Roboto",sans-serif; font-size:clamp(19px,3vw,24px); line-height:1.35; padding-left:34px; quotes:none}
main.clinic-mentorship-page .feat .who{display:block; padding-left:34px; margin-top:14px; font-size:15px; color:var(--onband-soft)}
main.clinic-mentorship-page .feat .who b{color:var(--accent)}
main.clinic-mentorship-page .tgrid{display:grid; grid-template-columns:1fr 1fr; gap:14px}
main.clinic-mentorship-page .tcard{background:var(--card); border:1px solid var(--line); border-radius:12px; padding:20px 20px 16px; position:relative}
main.clinic-mentorship-page .tcard::before{content:"“"; position:absolute; left:12px; top:0; font-family:"Roboto",sans-serif; font-size:52px; color:var(--accent); line-height:1}
main.clinic-mentorship-page .tcard .before{display:block; padding-left:22px; font-size:12px; letter-spacing:.1em; text-transform:uppercase; color:var(--accent-ink); font-weight:700; margin-bottom:8px}
main.clinic-mentorship-page .tcard q{display:block; font-style:italic; padding-left:22px; quotes:none; font-size:16.5px}
main.clinic-mentorship-page .tcard .who{display:block; padding-left:22px; margin-top:10px; font-size:14px; color:var(--soft)}
main.clinic-mentorship-page .tcard .who b{color:var(--navy2)}
main.clinic-mentorship-page ul.blocks{list-style:none; padding:0; margin:6px 0 10px}
main.clinic-mentorship-page ul.blocks li{padding:12px 0 12px 30px; border-top:1px solid var(--line); font-size:16.5px; position:relative; max-width:none}
main.clinic-mentorship-page ul.blocks li::before{content:""; position:absolute; left:4px; top:22px; width:12px; height:12px; background:var(--accent); transform:rotate(45deg)}
main.clinic-mentorship-page ul.blocks li:first-child{border-top:none}
main.clinic-mentorship-page ul.blocks li b{color:var(--navy2)}
main.clinic-mentorship-page .two{display:grid; grid-template-columns:1fr 1fr; gap:16px; margin:10px 0 18px}
main.clinic-mentorship-page .two > div{background:var(--card); border:1px solid var(--line); border-radius:12px; padding:18px 20px}
main.clinic-mentorship-page .two > div.no{background:var(--tint)}
main.clinic-mentorship-page .two h4{margin:0 0 10px; font-size:19px}
main.clinic-mentorship-page .two ul{margin:0; padding-left:18px; font-size:16px}
main.clinic-mentorship-page .two li{margin-bottom:8px}
main.clinic-mentorship-page .faq dt{font-weight:700; color:var(--navy2); margin-top:16px; font-family:"Roboto",sans-serif; font-size:18px}
main.clinic-mentorship-page .faq dd{margin:4px 0 0; max-width:65ch}
main.clinic-mentorship-page .duo{display:grid; grid-template-columns:1fr 1fr; gap:16px}
main.clinic-mentorship-page .duo > div{background:var(--card); border:1px solid var(--line); border-radius:14px; padding:24px 24px 18px; border-top:5px solid var(--accent)}
main.clinic-mentorship-page .duo h3{margin-top:0; font-size:24px}
main.clinic-mentorship-page .duo .huge{font-family:"Roboto",sans-serif; font-weight:800; font-size:64px; color:var(--accent-ink); line-height:1; margin:4px 0 8px}
main.clinic-mentorship-page .final{background:var(--navy); color:var(--onband); padding:56px 22px; text-align:center; position:relative; overflow:hidden}
main.clinic-mentorship-page .final::before{content:""; position:absolute; left:0; right:0; top:0; height:6px; background:var(--accent)}
main.clinic-mentorship-page .final .in{max-width:var(--maxw); margin:0 auto}
main.clinic-mentorship-page .final h2{color:#fff; font-size:clamp(26px,4.6vw,38px)}
main.clinic-mentorship-page .final p{color:var(--onband); margin-left:auto; margin-right:auto}
main.clinic-mentorship-page .final .cap{font-size:14px; color:var(--accent); letter-spacing:.12em; text-transform:uppercase; margin-top:14px; font-weight:700}
main.clinic-mentorship-page .ps{padding-block:34px}
main.clinic-mentorship-page .ps .lab{font-family:"Roboto",sans-serif; font-weight:800; color:var(--accent-ink); font-size:22px; margin-right:8px}
main.clinic-mentorship-page .note{font-size:13.5px; color:var(--soft); font-style:italic; border-top:1px dashed var(--line); margin-top:16px; padding-top:12px; max-width:65ch}
@media  (max-width:720px){
main.clinic-mentorship-page .hats{grid-template-columns:1fr 1fr}
main.clinic-mentorship-page .stages{grid-template-columns:repeat(3,1fr)}
main.clinic-mentorship-page .st::after{display:none}
}
@media  (max-width:560px){
main.clinic-mentorship-page .vs{grid-template-columns:1fr}
main.clinic-mentorship-page .vs .mid{text-align:center}
main.clinic-mentorship-page .two,
main.clinic-mentorship-page .tgrid,
main.clinic-mentorship-page .duo,
main.clinic-mentorship-page .stats{grid-template-columns:1fr}
main.clinic-mentorship-page .hats{grid-template-columns:1fr 1fr}
main.clinic-mentorship-page .stages{grid-template-columns:1fr 1fr}
}
@media  (prefers-reduced-motion:no-preference){
main.clinic-mentorship-page .cta{transition:transform .15s ease, box-shadow .15s ease}
main.clinic-mentorship-page .cta:hover{transform:translateY(-1px); box-shadow:0 6px 18px rgba(0,0,0,.18)}
}
main.clinic-mentorship-page .sales-illustration{margin:22px 0 26px; background:#FFFFFF; border:1px solid var(--line); border-radius:14px; padding:12px}
main.clinic-mentorship-page .sales-illustration img,
main.clinic-mentorship-page .bucket-pair img{display:block;width:100%;height:auto}
main.clinic-mentorship-page .bucket-pair img{background:#FFFFFF; border:1px solid var(--line); border-radius:14px; padding:12px}
main.clinic-mentorship-page .bucket-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0;align-items:start}
@media (max-width:600px){
main.clinic-mentorship-page .bucket-pair{grid-template-columns:1fr;gap:36px}
}
main.clinic-mentorship-page .photo{margin:24px 0 26px}
main.clinic-mentorship-page .photo img{display:block; width:100%; height:auto; border-radius:14px; border:1px solid var(--line)}
main.clinic-mentorship-page .photo figcaption{font-size:12.5px; letter-spacing:.06em; text-transform:uppercase; color:var(--soft); margin-top:10px}
main.clinic-mentorship-page .photo.strip img{aspect-ratio:21/9; object-fit:cover}
main.clinic-mentorship-page .illus-cap{font-size:12.5px; letter-spacing:.06em; text-transform:uppercase; color:var(--soft); margin-top:10px}
main.clinic-mentorship-page .belief{margin:26px 0 30px; padding:26px 28px; border:2px solid var(--accent); border-radius:14px; font-family:"Roboto",sans-serif; font-weight:700; font-size:clamp(22px,3.4vw,30px); line-height:1.25; color:#fff; text-wrap:balance; max-width:none}
main.clinic-mentorship-page .sec.band .illus-cap{color:var(--onband-soft)}
main.clinic-mentorship-page .sec.band .photo figcaption{color:var(--onband-soft)}
main.clinic-mentorship-page .sec.band .photo img{border-color:rgba(255,255,255,.18)}
main.clinic-mentorship-page .step-photo{max-width:560px; margin:14px 0 6px}
main.clinic-mentorship-page .coach{float:left; width:60px; height:60px; border-radius:50%; margin:2px 14px 6px 0; border:2px solid var(--accent); background:#fff}
main.clinic-mentorship-page .sales-illustration a{display:block}
main.clinic-mentorship-page .sales-illustration picture{display:block}
main.clinic-mentorship-page .bucket-mobile{display:none}
main.clinic-mentorship-page .route-medallion{display:inline-block;width:54px;height:54px;vertical-align:middle;margin:8px 0 8px 10px}
main.clinic-mentorship-page .handover-figure{max-width:400px;margin:18px auto}
@media (max-width:600px){
main.clinic-mentorship-page .bucket-pair{display:none}
main.clinic-mentorship-page .bucket-mobile{display:block}
main.clinic-mentorship-page .sales-illustration{padding:6px}
main.clinic-mentorship-page .route-medallion{width:44px;height:44px}
}
main.clinic-mentorship-page{scroll-behavior:smooth}
main.clinic-mentorship-page img{max-width:100%;height:auto}
main.clinic-mentorship-page #new-story .wrap{max-width:760px}
main.clinic-mentorship-page #new-story p{font-size:20px;line-height:1.7}
main.clinic-mentorship-page #new-story .photo{margin-block:34px}
main.clinic-mentorship-page .claire-intro{margin-top:30px}
main.clinic-mentorship-page .tc-head b{display:block;font-family:"Roboto",sans-serif;font-size:23px}
main.clinic-mentorship-page .tc-head .role{display:block;font-size:14px;color:var(--soft)}
main.clinic-mentorship-page .tc-video{display:block;position:relative;margin:18px 0}
main.clinic-mentorship-page .tc-video img{width:100%;border-radius:8px}
main.clinic-mentorship-page .tc-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--accent);border-radius:50%;width:52px;height:52px;display:grid;place-items:center;color:#06281A}
main.clinic-mentorship-page .tc-play:after{content:"▶"}
main.clinic-mentorship-page .tc-ba h5{margin:14px 0 5px;font-size:13px;text-transform:uppercase;color:var(--accent-ink)}
main.clinic-mentorship-page .tc-ba p{font-size:16px;line-height:1.5}
main.clinic-mentorship-page .tcard .tc-ba .before{font-size:16px;text-transform:none;letter-spacing:normal;color:var(--ink)}
main.clinic-mentorship-page .tc-quote{margin-top:18px}
main.clinic-mentorship-page .creds{padding-left:24px}
main.clinic-mentorship-page .creds li{margin-bottom:8px}
main.clinic-mentorship-page .creds-photo img{width:100%}
main.clinic-mentorship-page #preview-booking{border-top:2px solid var(--accent)}
@media (max-width:600px){
main.clinic-mentorship-page .bucket-pair{display:grid;grid-template-columns:1fr}
main.clinic-mentorship-page .tgrid{grid-template-columns:1fr}
main.clinic-mentorship-page #new-story p{font-size:18px}
main.clinic-mentorship-page .hero{padding-top:38px}
main.clinic-mentorship-page .stamp{font-size:10px}
}
@media (prefers-reduced-motion:reduce){
main.clinic-mentorship-page{scroll-behavior:auto}
}
main.clinic-mentorship-page{line-height:1.55}
main.clinic-mentorship-page .wrap{max-width:760px;padding-inline:24px}
main.clinic-mentorship-page p{margin-bottom:14px}
main.clinic-mentorship-page h2{font-size:clamp(28px,4.2vw,38px);line-height:1.13;margin-bottom:20px;letter-spacing:-.018em}
main.clinic-mentorship-page h3{line-height:1.23;margin:26px 0 12px;font-size:24px;letter-spacing:-.012em}
main.clinic-mentorship-page .sec{padding-block:36px}
main.clinic-mentorship-page .sec .wrap>:last-child{margin-bottom:0}
main.clinic-mentorship-page .sec.paper+.sec.paper{padding-top:8px}
main.clinic-mentorship-page .sec.card+.sec.card{border-top:0}
main.clinic-mentorship-page .num{margin-bottom:12px;line-height:1.4;letter-spacing:.13em}
main.clinic-mentorship-page .num:empty{display:none}
main.clinic-mentorship-page #new-story p{font-size:18px;line-height:1.55}
main.clinic-mentorship-page #new-story .photo{margin-block:22px}
main.clinic-mentorship-page .hero{padding:8px 24px 38px}
main.clinic-mentorship-page .brand{margin-bottom:16px}
main.clinic-mentorship-page .eyebrow{font-size:13px;margin-bottom:12px}
main.clinic-mentorship-page h1{font-size:clamp(36px,6vw,54px);line-height:1.08}
main.clinic-mentorship-page .sub{font-size:20px;line-height:1.5}
main.clinic-mentorship-page .chip{margin-bottom:14px}
main.clinic-mentorship-page .ctarow{margin-top:18px}
main.clinic-mentorship-page .nav{margin-top:18px}
main.clinic-mentorship-page .photo,
main.clinic-mentorship-page .sales-illustration{margin-block:20px}
main.clinic-mentorship-page .sales-illustration{padding:8px;border-radius:12px}
main.clinic-mentorship-page .photo img{border-radius:12px}
main.clinic-mentorship-page .photo figcaption,
main.clinic-mentorship-page .illus-cap{font-size:11px;line-height:1.45;margin-top:8px;letter-spacing:.045em}
main.clinic-mentorship-page .bucket-pair{gap:16px;margin-block:20px}
main.clinic-mentorship-page .bucket-pair img{padding:8px;border-radius:12px}
main.clinic-mentorship-page .hats{gap:10px;margin:12px 0 20px}
main.clinic-mentorship-page .hat{padding:12px;font-size:14px;line-height:1.45}
main.clinic-mentorship-page .hat b{font-size:18px}
main.clinic-mentorship-page .swing{gap:10px}
main.clinic-mentorship-page .wk{padding:12px}
main.clinic-mentorship-page .wk b{font-size:30px}
main.clinic-mentorship-page .belief{font-size:clamp(22px,3vw,28px);padding:20px 22px;margin:22px 0;border-width:1px;line-height:1.25}
main.clinic-mentorship-page #introducing-mentorship{padding-block:42px;border-top:4px solid var(--accent)}
main.clinic-mentorship-page #introducing-mentorship h2{font-size:clamp(32px,4.8vw,44px);max-width:none}
main.clinic-mentorship-page .programme-lead{font-size:20px;line-height:1.5}
main.clinic-mentorship-page #introducing-mentorship h3{font-size:24px}
main.clinic-mentorship-page .tcard{padding:18px}
main.clinic-mentorship-page .tc-head{padding-top:8px}
main.clinic-mentorship-page .tc-head b{font-size:21px}
main.clinic-mentorship-page .tc-video{margin-block:14px}
main.clinic-mentorship-page .tc-ba p{margin-bottom:12px}
main.clinic-mentorship-page .tcard q{line-height:1.5}
main.clinic-mentorship-page .two,
main.clinic-mentorship-page .duo{gap:14px}
main.clinic-mentorship-page .route li{padding-block:18px}
main.clinic-mentorship-page .route .hatlab{margin:6px 0 4px}
main.clinic-mentorship-page .route p{line-height:1.5}
main.clinic-mentorship-page .faq dt{margin-top:22px;line-height:1.3}
main.clinic-mentorship-page .faq dd{margin-top:8px;line-height:1.55}
main.clinic-mentorship-page .final{padding:42px 24px}
main.clinic-mentorship-page .ps{padding-block:24px}
main.clinic-mentorship-page .stamp{padding-block:7px;font-size:10px}
main.clinic-mentorship-page [data-copy-editable]{overflow-wrap:break-word;scroll-margin-top:120px}
main.clinic-mentorship-page [data-copy-editable] p,
main.clinic-mentorship-page [data-copy-editable] div{margin:0;padding:0;font:inherit}
@media (max-width:600px){
main.clinic-mentorship-page .wrap{padding-inline:20px}
main.clinic-mentorship-page .sec{padding-block:28px}
main.clinic-mentorship-page .sec.paper+.sec.paper{padding-top:4px}
main.clinic-mentorship-page .hero{padding:8px 20px 32px}
main.clinic-mentorship-page .sub,
main.clinic-mentorship-page .programme-lead{font-size:18px}
main.clinic-mentorship-page h2{font-size:29px}
main.clinic-mentorship-page h3{font-size:22px}
main.clinic-mentorship-page #introducing-mentorship{padding-block:32px}
main.clinic-mentorship-page #introducing-mentorship h2{font-size:34px}
main.clinic-mentorship-page #introducing-mentorship h3{font-size:22px}
main.clinic-mentorship-page .bucket-pair{gap:16px}
main.clinic-mentorship-page .hats{gap:8px}
main.clinic-mentorship-page .hat{padding:10px;font-size:13px}
main.clinic-mentorship-page .hat b{font-size:17px}
main.clinic-mentorship-page .belief{padding:17px;font-size:23px}
main.clinic-mentorship-page .two>div,
main.clinic-mentorship-page .duo>div{padding:18px}
main.clinic-mentorship-page .route li{padding-left:46px}
main.clinic-mentorship-page .cta{padding:13px 22px}
main.clinic-mentorship-page .photo,
main.clinic-mentorship-page .sales-illustration{margin-block:18px}
}
main.clinic-mentorship-page .sec .wrap>h3:first-child{margin-top:0}
main.clinic-mentorship-page .wrap>p{margin-bottom:14px}
main.clinic-mentorship-page .wrap>p:last-child{margin-bottom:0}
main.clinic-mentorship-page .comparison-wrap{max-width:960px}
main.clinic-mentorship-page .comparison-wrap>p,
main.clinic-mentorship-page .comparison-wrap>h2,
main.clinic-mentorship-page .comparison-wrap>.num{max-width:712px;margin-left:auto;margin-right:auto}
main.clinic-mentorship-page .comparison-context{font-size:14px;color:var(--soft)}
main.clinic-mentorship-page .growth-comparison{width:100%;border-collapse:separate;border-spacing:0;margin:22px 0;border:1px solid var(--line);border-radius:12px;overflow:hidden;font-size:15px;line-height:1.5;table-layout:fixed}
main.clinic-mentorship-page .growth-comparison caption{text-align:left;font-size:14px;font-weight:600;padding-bottom:10px;color:var(--soft)}
main.clinic-mentorship-page .growth-comparison th,
main.clinic-mentorship-page .growth-comparison td{text-align:left;padding:16px;vertical-align:top;border-bottom:1px solid var(--line);overflow-wrap:break-word}
main.clinic-mentorship-page .growth-comparison thead th{background:var(--navy);color:#fff;font-size:14px}
main.clinic-mentorship-page .growth-comparison thead th:first-child{width:24%}
main.clinic-mentorship-page .growth-comparison tbody th{background:var(--card);color:var(--navy2);font-size:14px}
main.clinic-mentorship-page .growth-comparison td:nth-child(2){background:var(--tint)}
main.clinic-mentorship-page .growth-comparison td:nth-child(3){background:var(--paper);color:var(--soft)}
main.clinic-mentorship-page .growth-comparison tr:last-child>*{border-bottom:0}
main.clinic-mentorship-page .comparison-close{font-weight:700;color:var(--navy2)}
@media (max-width:600px){
main.clinic-mentorship-page .growth-comparison,
main.clinic-mentorship-page .growth-comparison tbody,
main.clinic-mentorship-page .growth-comparison tr,
main.clinic-mentorship-page .growth-comparison th,
main.clinic-mentorship-page .growth-comparison td{display:block;width:100%}
main.clinic-mentorship-page .growth-comparison thead{display:none}
main.clinic-mentorship-page .growth-comparison tbody th{padding:12px 14px;background:var(--navy);color:white}
main.clinic-mentorship-page .growth-comparison td{padding:12px 14px}
main.clinic-mentorship-page .growth-comparison td:before{content:attr(data-label);display:block;font-size:12px;font-weight:700;margin-bottom:5px;color:var(--navy2)}
main.clinic-mentorship-page .growth-comparison tr{margin:0}
main.clinic-mentorship-page .growth-comparison caption{display:block}
main.clinic-mentorship-page .comparison-context{font-size:13px}
}
/* Keep the shared navigation above the approved hero, without overlaying copy. */
body.page-template-tpl-clinic-mentorship-solo .header-area.header-transparent:not(.sticky){position:relative;background:#1B2E4B;top:0}
main.clinic-mentorship-page{display:block;margin:0;padding:0}
main.clinic-mentorship-page .card{display:block}
main.clinic-mentorship-page .nav{display:block;padding:0;list-style:none}
main.clinic-mentorship-page .row{margin:0}
main.clinic-mentorship-page a:not(.cta){color:var(--accent-ink)}
main.clinic-mentorship-page .band a:not(.cta){color:var(--accent)}
main.clinic-mentorship-page .cta:hover{color:#06281A}
main.clinic-mentorship-page .cta:focus-visible{outline:3px solid var(--navy2);outline-offset:3px}
main.clinic-mentorship-page .hero .cta:focus-visible,main.clinic-mentorship-page .final .cta:focus-visible{outline-color:white}

/* Match the current page: centred titles with left-aligned section copy. */
main.clinic-mentorship-page{text-align:left}
main.clinic-mentorship-page h1,
main.clinic-mentorship-page h2{text-align:center;margin-left:auto;margin-right:auto}
main.clinic-mentorship-page h3{text-align:left}
main.clinic-mentorship-page .num + h3,
main.clinic-mentorship-page .num + .huge + h3{text-align:center}
main.clinic-mentorship-page .num{justify-content:center}
main.clinic-mentorship-page .hero{text-align:center}
main.clinic-mentorship-page .hero .sub{margin-left:auto;margin-right:auto}

/* Typography measured from /mentorship/: preserve its desktop and mobile scale. */
main.clinic-mentorship-page{font-size:18px;line-height:1.75}
main.clinic-mentorship-page h1{font-size:48px;line-height:1.15;font-weight:700;letter-spacing:.1px}
main.clinic-mentorship-page h2,
main.clinic-mentorship-page #introducing-mentorship h2,
main.clinic-mentorship-page .final h2{font-size:33px;line-height:1.1;font-weight:700;letter-spacing:normal}
main.clinic-mentorship-page h3,
main.clinic-mentorship-page #introducing-mentorship h3{font-size:22px;line-height:1.3;font-weight:700;letter-spacing:normal}
main.clinic-mentorship-page .sec .wrap>p,
main.clinic-mentorship-page #new-story p,
main.clinic-mentorship-page .final p{font-size:18px;line-height:1.75}
main.clinic-mentorship-page .hero .sub{font-size:22px;line-height:1.3;font-weight:400}
main.clinic-mentorship-page .brand{font-size:16px;line-height:1.1;font-weight:400;letter-spacing:normal;text-transform:none}
main.clinic-mentorship-page .eyebrow{font-size:14px;line-height:1.62;font-weight:600;letter-spacing:.14em}
@media(max-width:991px){
main.clinic-mentorship-page .hero .sub{font-size:14px}
}
@media(max-width:767px){
main.clinic-mentorship-page h1{line-height:1.2}
}
@media(max-width:575px){
main.clinic-mentorship-page{font-size:16px}
main.clinic-mentorship-page h2,
main.clinic-mentorship-page #introducing-mentorship h2,
main.clinic-mentorship-page .final h2{font-size:26px}
main.clinic-mentorship-page h3,
main.clinic-mentorship-page #introducing-mentorship h3{font-size:20px}
main.clinic-mentorship-page .sec .wrap>p,
main.clinic-mentorship-page #new-story p,
main.clinic-mentorship-page .final p{font-size:16px}
}
@media(max-width:500px){
main.clinic-mentorship-page h1{font-size:26px}
}

/* Align step numbers with titles; keep the role badge on its own row. */
main.clinic-mentorship-page .route li{display:grid;grid-template-columns:38px minmax(0,1fr);column-gap:16px;row-gap:8px;padding:18px 0}
main.clinic-mentorship-page .route li::before{position:static;grid-column:1;grid-row:1;align-self:center}
main.clinic-mentorship-page .route li>b{grid-column:2;grid-row:1;display:flex;align-items:center;min-height:38px;line-height:1.3}
main.clinic-mentorship-page .route-role{grid-column:2;display:flex;align-items:center;gap:14px;min-width:0}
main.clinic-mentorship-page .route-role .route-medallion{margin:0;flex-shrink:0}
main.clinic-mentorship-page .route .hatlab{margin:0}
main.clinic-mentorship-page .route li>p,
main.clinic-mentorship-page .route li>figure{grid-column:2}
@media(max-width:600px){
main.clinic-mentorship-page .route li{column-gap:8px}
}

/* Original mentorship pillar cards, replacing the hero text list. */
main.clinic-mentorship-page .hero{padding-bottom:96px}
main.clinic-mentorship-page .mentorship-pillars{padding:0 24px 24px;background:var(--paper);display:flow-root}
main.clinic-mentorship-page .hero-callouts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:960px;margin:-64px auto 0;position:relative;z-index:1}
main.clinic-mentorship-page .w-card{background:#fff;border-radius:10px;padding:24px 20px;box-shadow:0 0 25px rgba(0,0,0,.1);text-align:center;display:flex;flex-direction:column;align-items:center}
main.clinic-mentorship-page .w-card i{display:block;font-size:42px;line-height:1;color:#153365;margin:0 0 15px}
main.clinic-mentorship-page .w-card p{font-family:Roboto,sans-serif;font-size:20px;line-height:26px;font-weight:500;color:#153365;margin:0;text-align:center}
@media(max-width:991px){
main.clinic-mentorship-page .hero-callouts{max-width:680px;gap:16px}
main.clinic-mentorship-page .w-card p{font-size:17px;line-height:23px}
main.clinic-mentorship-page .w-card i{font-size:36px}
}
@media(max-width:767px){
main.clinic-mentorship-page .hero{padding-bottom:32px}
main.clinic-mentorship-page .mentorship-pillars{padding:24px 20px}
main.clinic-mentorship-page .hero-callouts{grid-template-columns:1fr;gap:12px;margin:0 auto}
main.clinic-mentorship-page .w-card{flex-direction:row;gap:16px;padding:20px;text-align:left}
main.clinic-mentorship-page .w-card i{margin:0;font-size:30px}
main.clinic-mentorship-page .w-card p{text-align:left}
}

/* Bring the opening label closer to the desktop navigation. */
@media(min-width:992px){
body.page-template-tpl-clinic-mentorship-solo .header-area.header-transparent:not(.sticky){padding-bottom:24px}
}

/* Give the mobile opening label breathing room below navigation. */
@media(max-width:991px){
main.clinic-mentorship-page .hero{padding-top:24px}
}

/* Keep the four weekly figures in balanced pairs on mobile. */
@media(max-width:767px){
main.clinic-mentorship-page .swing{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Mentorship demo CTAs: match the Mastermind green pill and centered rows. */
main.clinic-mentorship-page .ctarow{text-align:center;margin:40px 0 8px}
main.clinic-mentorship-page .cta{
  display:inline-block;font-family:inherit;font-size:18px;font-weight:500;
  line-height:31.5px;letter-spacing:.1px;color:#fff;background:#3cc083;
  border:2px solid #3cc083;border-radius:100px;padding:20px 40px;
  cursor:pointer;text-decoration:none;box-shadow:none;
  -webkit-appearance:none;appearance:none;
  transition:background-color .2s ease,border-color .2s ease;
}
main.clinic-mentorship-page .cta:hover,
main.clinic-mentorship-page .cta:focus-visible{background:#31b477;border-color:#31b477;color:#fff}
main.clinic-mentorship-page .cta:focus-visible{outline:3px solid #24476a;outline-offset:3px}
main.clinic-mentorship-page .hero .cta:focus-visible,
main.clinic-mentorship-page #final .cta:focus-visible{outline-color:#fff}
main.clinic-mentorship-page .cta .bi{margin-left:4px}
@media(max-width:767px){main.clinic-mentorship-page .ctarow{margin-top:32px}}
@media(max-width:575px){main.clinic-mentorship-page .cta{padding:18px 28px;font-size:17px;max-width:100%}}