/* ==========================================================================
   Customer story single v2 — template-parts/ohio-story-*.php.
   Layout: Figma 3409:11840, frame 3409:11841 (1920×11168). Column 1200 at frame x371 → left:var(--dx) 11px
   from the centred 1200 (blocks drawn elsewhere set their own --dx). Type: Style Guide 3655:10163 —
   17px frame copy → lead 18/28, 26 quote, 22 pull-quote, 15 step text, 13 captions (all scale steps).
   Vertical gaps are the frame's (comments: frame y).
   ========================================================================== */
.ohio-story{color:var(--ohio-neutral-700);overflow-x:clip;padding-bottom:27px}
.ohio-story__in{position:relative;box-sizing:border-box;width:1200px;max-width:calc(100% - 32px);margin:0 auto;left:var(--dx,11px)}
.ohio-story__ico{display:block;flex:0 0 auto;max-width:none}

/* opening: crumbs y203, H1 y246 (x380), cover y370 1200×623.4 r16, lead y1034.8 (x362) */
.ohio-story__open{padding-top:43px}
.ohio-story__crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 25px;font:400 14px/18px var(--ohio-font-body);color:var(--ohio-neutral-500)}
.ohio-story__crumbs [aria-current]{color:var(--ohio-purple-700);font-weight:600}
.ohio-story__title{margin:0 0 0 9px}
.ohio-story__cover{margin:12px 0 0}
.ohio-story__cover img{display:block;width:100%;height:623.4px;object-fit:cover;border-radius:var(--ohio-radius-l)}
.ohio-story__intro{margin:41px 0 0 -9px}
.ohio-story__intro>p:first-child{color:var(--ohio-neutral-600)}
.ohio-story__intro i,.ohio-story__intro em{font-style:normal}

/* body copy (the_content): 20px flow gap; H2 36/44, H3 28/32; images 1200 r16; caption 13 centred */
.ohio-story__body{padding:0!important;font:400 18px/28px var(--ohio-font-body);color:var(--ohio-neutral-700)}
.ohio-story__body>*{margin:0!important} .ohio-story__body>*+*{margin-top:20px!important}
.ohio-story__body>p{font:inherit;color:inherit;text-align:left!important}
.ohio-story__body h2{font:700 36px/44px var(--ohio-font-head)!important;text-transform:uppercase;color:var(--ohio-purple-700)!important}
.ohio-story__body h3{font:600 28px/32px var(--ohio-font-head)!important;text-transform:none;color:var(--ohio-purple-700)!important}
.ohio-story__body>*+h3{margin-top:28px!important}
.ohio-story__body h4,.ohio-story__body h5{font:600 var(--ohio-h4-size)/var(--ohio-h4-lh) var(--ohio-font-body)!important;color:var(--ohio-purple-900)!important}
.ohio-story__body h2 strong,.ohio-story__body h3 strong{font-weight:inherit;color:inherit}
.ohio-story__body strong,.ohio-story__body b{font-weight:600;color:var(--ohio-purple-900)}
.ohio-story__body>ul,.ohio-story__body>ol{padding:0;list-style:none}
.ohio-story__body>ul>li,.ohio-story__body>ol>li{position:relative;margin:0!important;padding-left:34px}
.ohio-story__body>ul>li+li,.ohio-story__body>ol>li+li{margin-top:10px!important}
.ohio-story__body>ul>li::before{content:"";position:absolute;left:0;top:3px;width:22px;height:22px;background:url(../img/story/list-check.svg) center/contain no-repeat}
.ohio-story__body>ol{counter-reset:ohio-st} .ohio-story__body>ol>li::before{counter-increment:ohio-st;content:counter(ohio-st) ".";position:absolute;left:4px;font-weight:600;color:var(--ohio-purple-600)}
.ohio-story__body img{display:block;width:100%;max-width:100%;height:auto;margin:0;border-radius:var(--ohio-radius-l)}
.ohio-story__body li img{margin-top:20px}
.ohio-story__body>p:has(>img){margin-top:25px!important}
.ohio-story__body>p[style*="center"],.ohio-story__body figcaption,.ohio-story__body .wp-caption-text{font:400 13px/20px var(--ohio-font-body)!important;color:var(--ohio-neutral-500)!important;text-align:center!important}
.ohio-story__body>p:has(>img)+p[style*="center"]{margin-top:16px!important}
.ohio-story__body p[style*="center"] em,.ohio-story__body figcaption em{font-style:normal}
.ohio-story__body blockquote{padding:4px 0 4px 27px;border-left:3px solid var(--ohio-orange-200);font:700 22px/34px var(--ohio-font-body);color:var(--ohio-purple-600)}
.ohio-story__body blockquote p{margin:0;font:inherit;color:inherit}
.ohio-story__body a{color:var(--ohio-text-link);text-decoration:underline} .ohio-story__body iframe{max-width:100%} .ohio-story .post-dktv{display:none}

/* "• title" + text runs → callout (Figma 3409:12200: #FBF9FD, p25/29, r16; rows: rule, 22 icon, x+36) */
.ohio-story__pts{display:grid;gap:16px;padding:25px 29px;background:#FBF9FD;border:1px solid var(--ohio-purple-100);border-radius:var(--ohio-radius-l)}
.ohio-story__pt{position:relative;padding:15px 0 0 36px;border-top:1px solid var(--ohio-purple-100)}
.ohio-story__pt:first-of-type{padding-top:0;border-top:0}
.ohio-story__pt::before{content:"";position:absolute;left:0;top:16px;width:22px;height:22px;background:url(../img/story/point-1.svg) center/contain no-repeat}
.ohio-story__pt:first-of-type::before{top:1px} .ohio-story__pt:nth-of-type(3n+2)::before{background-image:url(../img/story/point-2.svg)} .ohio-story__pt:nth-of-type(3n)::before{background-image:url(../img/story/point-3.svg)}
/* box title 3409:12203 (BVP 600 24 = H4); the first row then keeps its rule (3409:12205 pt 15) */
.ohio-story__pts-title{margin:0;color:var(--ohio-purple-900)}
.ohio-story__pts-title+.ohio-story__pt{padding-top:15px;border-top:1px solid var(--ohio-purple-100)} .ohio-story__pts-title+.ohio-story__pt::before{top:16px}
.ohio-story__pt-h{margin:0;font:600 16px/24px var(--ohio-font-body);color:var(--ohio-purple-900)}
.ohio-story__pt-t{margin:4px 0 0;font:400 16px/26px var(--ohio-font-body);color:var(--ohio-neutral-600)}
.ohio-story__pt-t:empty{display:none}

/* sections: 48px from the previous block to the next H2 (frame 1557→1605, 3014→3062, 4671→4719) */
.ohio-story__overview{padding-top:44px;--dx:0px} .ohio-story__part{padding-top:48px} .ohio-story__doctor{padding-top:56px} .ohio-story__journey{padding-top:8px}
.ohio-story__video{padding-top:50px} .ohio-story__ba{padding-top:48px;--dx:9px} .ohio-story__video.has-aside+.ohio-story__ba{padding-top:18px}
.ohio-story__res{padding-top:61px;--dx:36px} .ohio-story__figs{padding-top:50px;--dx:36px} .ohio-story__quote{padding-top:31px;--dx:42px}
.ohio-story__close,.ohio-story__rel,.ohio-story__svc{padding-top:28px;--dx:42px} .ohio-story__h{margin:0 0 32px}

/* overview — 3409:12101: #F6F2FB box, px36 py32, r16, gap 24; 3 cols gap 36; cells pt19 pb18 rule, gap 14 */
.ohio-story__ov-box{padding:32px 36px;background:var(--ohio-purple-50);border:1px solid var(--ohio-purple-100);border-radius:var(--ohio-radius-l)}
.ohio-story__ov-title{margin:0 0 24px}
.ohio-story__ov-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 36px;margin:0}
.ohio-story__ov-item{box-sizing:border-box;min-height:131px;display:flex;gap:14px;align-items:flex-start;padding:19px 0 18px;border-top:1px solid var(--ohio-purple-200)}
.ohio-story__ov-ico{flex:0 0 40px;height:40px;display:grid;place-items:center;border-radius:var(--ohio-radius-m);background:#fff}
.ohio-story__ov-label{display:block;float:none;margin:0 0 2px;font:600 13px/18px var(--ohio-font-body);letter-spacing:1.04px;text-transform:uppercase;color:var(--ohio-neutral-400)}
.ohio-story__ov-text{display:block;margin:0;font:400 16px/26px var(--ohio-font-body);letter-spacing:0;text-transform:none;color:var(--ohio-neutral-900)}
.ohio-story__ov-text a{color:inherit} .ohio-story__ov-item:nth-child(-n+3){min-height:138px}

/* doctor — 3409:11874: dashed #CDBDE3 box, #FBF9FD, p36, gap 40, r16; photo 261.6×321 r14; notes 2×405 gap 16 */
.ohio-story__doc-box{display:grid;grid-template-columns:260px minmax(0,1fr);gap:40px;padding:36px;background:#FBF9FD;border:1px dashed var(--ohio-purple-300);border-radius:var(--ohio-radius-l)}
.ohio-story__doc-photo img{display:block;width:261.6px;max-width:none;height:321px;object-fit:cover;object-position:top;border-radius:14px;background:var(--ohio-purple-100)}
.ohio-story__doc-name{margin:14px 0 0;font:600 var(--ohio-h4-size)/var(--ohio-h4-lh) var(--ohio-font-body)}
.ohio-story__doc-name a{color:var(--ohio-purple-900)}
.ohio-story__doc-role{margin:4px 0 0;font:400 14px/18px var(--ohio-font-body);color:var(--ohio-neutral-600)}
.ohio-story__doc-more{display:inline-flex;align-items:center;gap:6px;height:32px;margin-top:6px;font:600 14px/20px var(--ohio-font-body);color:var(--ohio-purple-700)}
.ohio-story__doc-h{margin:0}
.ohio-story__notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:44px}
.ohio-story__note{display:grid;gap:8px;align-content:start;padding:20px 21px;background:#fff;border:1px solid var(--ohio-purple-100);border-radius:var(--ohio-radius-m)}
.ohio-story__note-h{display:flex;gap:10px;align-items:center;margin:0;font:600 16px/24px var(--ohio-font-body);color:var(--ohio-purple-900)}
.ohio-story__note-t{margin:0;font:italic 400 15px/24px var(--ohio-font-body);color:var(--ohio-neutral-500)}

/* journey — 3409:11933: 3 × 386.7, gap 18/20, p25, r16, gap 12; highlighted card #F6F2FB + #CDBDE3 */
.ohio-story__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 20px;margin:0;padding:0;list-style:none}
.ohio-story__step{display:flex;flex-direction:column;gap:12px;align-self:start;margin:0!important;padding:24px 25px;background:#fff;border:1px solid var(--ohio-purple-100);border-radius:var(--ohio-radius-l)}
.ohio-story__step.is-hot{background:var(--ohio-purple-50);border-color:var(--ohio-purple-300)}
.ohio-story__step-top{display:flex;align-items:center;gap:12px;height:40px}
.ohio-story__step-n{flex:0 0 40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--ohio-purple-100);font:700 15px/19px var(--ohio-font-body);color:var(--ohio-purple-700)}
.is-hot .ohio-story__step-n{background:var(--ohio-purple-700);color:#fff}
.ohio-story__step-line{flex:1;height:1px;background:var(--ohio-purple-200)}
.ohio-story__step-h{margin:0;font:600 18px/28px var(--ohio-font-body);color:var(--ohio-purple-900)}
.ohio-story__step-t{margin:0;font:400 15px/24px var(--ohio-font-body);color:var(--ohio-neutral-600)}
.ohio-story__step-note{margin:-4px 0 0;font:italic 400 14px/20px var(--ohio-font-body);color:var(--ohio-neutral-500)}

/* video — 3409:12012: player 760×427.5 r16 + aside 431 at +48 (the frame lets it run 39px past the column) */
.ohio-story__video .ohio-story__in{display:grid;grid-template-columns:760px 431px;gap:48px;align-items:start}
.ohio-story__video:not(.has-aside) .ohio-story__in{grid-template-columns:760px}
.ohio-story__player{position:relative;display:block;width:100%;height:auto;min-height:0;aspect-ratio:760/427.5;padding:0;margin:0;border:0;border-radius:var(--ohio-radius-l);overflow:hidden;background:var(--ohio-purple-900);box-shadow:none;text-transform:none;letter-spacing:0;line-height:normal;cursor:pointer}
.ohio-story__player>img{display:block;width:100%;height:100%;object-fit:cover}
.ohio-story__vchip{position:absolute;left:16px;top:16px;display:flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:var(--ohio-radius-s);background:#fff;font:600 14px/20px var(--ohio-font-body);color:var(--ohio-purple-700)}
.ohio-story__vplay{position:absolute;left:50%;top:50%;width:76px;height:76px;display:grid;place-items:center;transform:translate(-50%,-50%);border-radius:50%;background:#fff;box-shadow:0 8px 12px rgba(36,26,51,.2)}
.ohio-story__vtime{position:absolute;right:16px;bottom:14px;display:flex;align-items:center;height:26px;padding:0 9px;border-radius:7px;background:#241A33;font:600 14px/20px var(--ohio-font-body);color:#fff} /* 3409:12022 */
.ohio-story__vcap{margin:12px 0 0;font:400 14px/20px var(--ohio-font-body);color:var(--ohio-neutral-500)} /* 3409:12024 */
.ohio-story__aside>*+*{margin-top:18px!important}
.ohio-story__aside>ul>li{padding-left:30px}
.ohio-story__aside>ul>li+li{margin-top:8px!important}
.ohio-story__aside>ul>li::before{top:4px;width:20px;height:20px;background-image:url(../img/story/video-check.svg)}

/* before/after — H2 x369, image box 1203×602 at x378 (+27 below the H2) */
.ohio-story__ba .ohio-story__h{margin-bottom:27px}
.ohio-story__ba-img{width:1203px;max-width:none;height:602px;margin:0 0 0 9px;border-radius:var(--ohio-radius-l);overflow:hidden;background:var(--ohio-purple-50)}
.ohio-story__ba-img img{display:block;width:100%;height:100%;object-fit:contain}

/* result — 3409:12386 at x396: text 476.7 + photo 667.3 (gap 56); 2×2 boxes 232.3 gap 12, #F6F2FB r14 */
.ohio-story__res .ohio-story__in{display:grid;grid-template-columns:476.7px 667.3px;gap:56px;align-items:start}
.ohio-story__res-text>*+*{margin-top:16px!important}
.ohio-story__res-text>ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ohio-story__res-text>ul>li,.ohio-story__res-text>ul>li+li{margin:0!important;padding:52px 18px 18px;border-radius:14px;background:var(--ohio-purple-50);font:600 16px/24px var(--ohio-font-body);color:var(--ohio-purple-900)}
.ohio-story__res-text>ul>li::before{left:18px;top:17px;width:24px;height:25px;background-image:url(../img/story/result-1.svg)}
.ohio-story__res-text>ul>li:nth-child(4n+2)::before{background-image:url(../img/story/result-2.svg)} .ohio-story__res-text>ul>li:nth-child(4n+3)::before{background-image:url(../img/story/result-3.svg)}
.ohio-story__res-text>ul>li:nth-child(4n)::before{background-image:url(../img/story/result-4.svg)}
.ohio-story__res-text h3{margin-bottom:0}
.ohio-story__fig{margin:0}
.ohio-story__fig img{display:block;width:100%;height:auto;border-radius:var(--ohio-radius-l)}
.ohio-story__res .ohio-story__fig img{aspect-ratio:667.3/476.7;object-fit:cover}
.ohio-story__fig figcaption,.ohio-story__body .ohio-story__fig figcaption{margin-top:10px;font:400 14px/20px var(--ohio-font-body)!important;color:var(--ohio-neutral-500)!important;text-align:left!important}
.ohio-story__figs .ohio-story__fig+.ohio-story__fig{margin-top:31px}

/* quote — 3409:11843: photo 611 (x384.5) + #F7F3FB panel 624, 437 high, r16; text column 496 at +64.5 */
.ohio-story__q{display:grid;width:1235px;grid-template-columns:611px 624px;min-height:437px;margin-left:-17.5px;border-radius:var(--ohio-radius-l);overflow:hidden;background:var(--ohio-purple-50)}
.ohio-story__q.is-solo{width:auto;grid-template-columns:1fr;margin-left:0}
.ohio-story__q-img img{display:block;width:100%;height:100%;object-fit:cover}
.ohio-story__q-box{margin:0;padding:87px 63.5px 54px 64.5px}
.ohio-story__q-mark{display:block;height:59.5px;font:700 96px/80px var(--ohio-font-body);color:var(--ohio-orange-300)}
.ohio-story__q-text{margin:-14.5px -48px 0 0;padding:0;border:0;font:500 26px/40px var(--ohio-font-body);color:var(--ohio-purple-600)}
.ohio-story__q-text p{margin:0;font:inherit;color:inherit}
.ohio-story__q-box figcaption{margin-top:22px;padding-top:21px;border-top:1px solid var(--ohio-purple-200)}
.ohio-story__q-name{display:block;font:600 var(--ohio-h4-size)/var(--ohio-h4-lh) var(--ohio-font-body);color:var(--ohio-purple-900)}
.ohio-story__q-role{display:block;margin-top:4px;font:400 14px/18px var(--ohio-font-body);color:var(--ohio-neutral-600)}

/* closing + sign (label 13/18) — 9781.8 / 9893.8 */
.ohio-story__sign{margin:48px 0 0!important;font:600 13px/18px var(--ohio-font-body)!important;letter-spacing:1.04px;text-transform:uppercase;color:var(--ohio-neutral-400)!important}
.ohio-story__close .ohio-story__body+.ohio-story__sign{margin-top:48px!important}
.ohio-story__close .ohio-story__body:empty{display:none}

/* related — 3 cards 386×508 gap 21 */
.ohio-story__rel .ohio-story__h,.ohio-story__svc .ohio-story__h{margin-bottom:28px}
.ohio-story__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}
.ohio-story__card{display:flex;flex-direction:column;min-height:508px;overflow:hidden;background:#fff;border:1px solid var(--ohio-purple-100);border-radius:var(--ohio-radius-l);box-shadow:0 4px 12px rgba(36,19,58,.06)}
.ohio-story__card-img img{display:block;width:100%;height:252px;object-fit:cover}
.ohio-story__card-body{display:flex;flex-direction:column;flex:1;padding:24px}
.ohio-story__card-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0;font:400 14px/20px var(--ohio-font-body);color:var(--ohio-neutral-500)}
.ohio-story__chip{padding:3px 10px;border-radius:6px;background:var(--ohio-purple-50);font:400 13px/20px var(--ohio-font-body);color:var(--ohio-purple-700)}
.ohio-story__card-title{margin:12px 0 0;font:600 var(--ohio-h4-size)/var(--ohio-h4-lh) var(--ohio-font-body);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ohio-story__card-title a{color:var(--ohio-purple-900)}
.ohio-story__card-ex{margin:10px 0;font:400 14px/20px var(--ohio-font-body);color:var(--ohio-neutral-500);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ohio-story__card-more{align-self:flex-start;margin-top:auto}
.ohio-story__rel-more{display:none;margin:20px 0 0}

@media (max-width:1259px){
  .ohio-story__in{left:0;width:auto}
  .ohio-story__title,.ohio-story__intro,.ohio-story__ba-img,.ohio-story__q{margin-left:0}
  .ohio-story__q{width:auto} .ohio-story__q-text{margin-right:0}
  .ohio-story__video .ohio-story__in{grid-template-columns:minmax(0,760fr) minmax(0,431fr);gap:32px}
  .ohio-story__res .ohio-story__in{grid-template-columns:minmax(0,476fr) minmax(0,667fr);gap:40px}
  .ohio-story__q{grid-template-columns:minmax(0,611fr) minmax(0,624fr)}
  .ohio-story__q-box{padding:48px}
  .ohio-story__cover img{height:auto;aspect-ratio:1200/623.4}
  .ohio-story__ba-img{width:auto;height:auto;aspect-ratio:1203/602}
}
@media (max-width:1024px){
  .ohio-story__ov-list,.ohio-story__steps,.ohio-story__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ohio-story__doc-box{grid-template-columns:200px minmax(0,1fr);gap:24px;padding:24px}
  .ohio-story__doc-photo img{width:100%;height:auto;aspect-ratio:261.6/321}
}
@media (max-width:849px){
  .ohio-story__video .ohio-story__in,.ohio-story__video:not(.has-aside) .ohio-story__in,.ohio-story__res .ohio-story__in,.ohio-story__q,.ohio-story__doc-box{grid-template-columns:1fr}
  .ohio-story__q-img img{aspect-ratio:611/437;height:auto}
  .ohio-story__q-box{padding:32px 24px}
}
/* ≤767: css/story-single-mobile.css (Figma Mobile 3638:13116) */