/* Patient Case blocks (acf/case-*) — styles for the case-study section blocks. */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;1,400&display=swap');

:root{
    --pc-rose:#C06878;--pc-rose-l:#FBF0F2;--pc-rose-m:#EFC4CF;--pc-rose-d:#7A3045;
    --pc-ink:#18100E;--pc-ink2:#3A2230;--pc-muted:#8E7880;--pc-cream:#FAF7F5;--pc-white:#fff;
    --pc-serif:'Playfair Display',serif;
}

/* Remove the theme's global "section { padding: 64px 0 }" rule for these blocks.
   Uses a class selector (not "section.foo") so specificity matches the rest of this
   file and the real padding rules declared further down can still override it. */
.case-hero,
.case-story-section,
.procedure-highlights-section,
.teaching-points-section,
.video-section-wrap,
.transcript-callout-section,
.case-faq-section,
.related-procedures-section,
.case-cta{
    padding:0;
}

/* shared section spacing inside the post content */
.case-story-section,
.procedure-highlights-section,
.teaching-points-section,
.video-section-wrap,
.transcript-callout-section,
.case-faq-section,
.related-procedures-section{
    max-width:760px;
    margin:0 auto 56px;
    padding-left:24px;
    padding-right:24px;
}
.case-story-section h2,
.procedure-highlights-section h2,
.teaching-points-section h2,
.video-section-wrap h2,
.transcript-callout-section h2,
.case-faq-section h2,
.related-procedures-section h2{
    font-family:var(--pc-serif);font-size:28px;font-weight:400;color:var(--pc-ink);letter-spacing:-.02em;margin-bottom:18px
}
.case-story-section p,
.procedure-highlights-section p,
.teaching-points-section p,
.video-section-wrap p,
.transcript-callout-section p,
.case-faq-section p,
.related-procedures-section p{
    font-size:15px;line-height:1.85;color:var(--pc-muted);margin-bottom:16px
}
.case-story-section p:last-child,
.transcript-callout-section p:last-child{margin-bottom:0}

/* CASE HERO */
.case-hero{background:var(--pc-ink2)}
.case-hero-inn{max-width:760px;margin:0 auto;text-align:center;padding:88px 52px 64px}
.case-eyebrow{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--pc-rose-m);margin-bottom:18px}
.case-h1{font-family:var(--pc-serif);font-size:42px;font-weight:400;line-height:1.18;color:#fff;letter-spacing:-.02em;margin-bottom:20px}
.case-intro{font-size:16px;line-height:1.8;color:rgba(255,255,255,.65);max-width:640px;margin:0 auto}

/* CASE STORY */
.case-story-section{padding-top:64px}
.case-story{background:var(--pc-white);border:0.5px solid #EAD4DA;border-left:3px solid var(--pc-rose);border-radius:0 20px 20px 0;padding:32px 36px}

/* PROCEDURE HIGHLIGHTS */
.procedure-highlights{background:var(--pc-rose-l);border:0.5px solid var(--pc-rose-m);border-radius:24px;padding:36px 36px 8px}
.highlight-list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:14px 24px;margin:0;padding:0}
.highlight-list li{font-size:14px;color:var(--pc-ink2);line-height:1.5;padding-left:24px;position:relative;padding-bottom:28px}
.highlight-list li::before{content:'';position:absolute;left:0;top:4px;width:14px;height:14px;border-radius:50%;border:0.5px solid var(--pc-rose);background:var(--pc-white)}
.highlight-list li::after{content:'';position:absolute;left:5px;top:9px;width:4px;height:4px;border-radius:50%;background:var(--pc-rose)}

/* TEACHING POINTS */
.teaching-points{display:flex;flex-direction:column;gap:16px}
.teaching-card{background:var(--pc-white);border:0.5px solid #EAD4DA;border-radius:20px;padding:28px 28px}
.teaching-card h3{font-family:var(--pc-serif);font-size:18px;font-weight:400;color:var(--pc-rose-d);margin-bottom:10px}
.teaching-card p{font-size:14px;color:var(--pc-muted);line-height:1.75;margin-bottom:12px}
.teaching-card p:last-child{margin-bottom:0}

/* VIDEO */
.video-section{background:var(--pc-ink2);border-radius:24px;padding:36px 36px}
.video-section h2{color:#fff;margin-bottom:18px}
.video-section p{color:rgba(255,255,255,.55)}
.video-embed{position:relative;margin-top:22px;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:16px;background:#000}
.video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* TRANSCRIPT */
.transcript-callout{background:var(--pc-rose-l);border:0.5px solid var(--pc-rose-m);border-radius:24px;padding:36px 36px}
.transcript-callout h2{color:var(--pc-ink)}

/* FAQ */
.case-faq-section{padding-top:4px}
.faq-item{padding:22px 0;border-bottom:0.5px solid #EAD4DA}
.faq-item:last-child{border-bottom:none}
.faq-item h3{font-family:var(--pc-serif);font-size:16px;font-weight:400;color:var(--pc-ink);margin-bottom:8px}
.faq-item p{font-size:14px;color:var(--pc-muted);line-height:1.7;margin-bottom:0}

/* RELATED */
.related-section{background:var(--pc-white);border:0.5px solid #EAD4DA;border-radius:24px;padding:32px 36px}
.related-links{list-style:none;display:flex;flex-direction:column;gap:2px;margin:0;padding:0}
.related-links li{border-bottom:0.5px solid #EAD4DA}
.related-links li:last-child{border-bottom:none}
.related-links a{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:var(--pc-ink2);text-decoration:none;padding:14px 4px;transition:color 0.18s}
.related-links a:hover{color:var(--pc-rose-d)}
.related-links a::after{content:'\2192';color:var(--pc-rose);font-size:13px}

/* CTA */
.case-cta{background:var(--pc-rose-l);border-top:0.5px solid var(--pc-rose-m);border-bottom:0.5px solid var(--pc-rose-m);padding:80px 52px}
.cta-inner{max-width:560px;margin:0 auto;text-align:center}
.cta-ey{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--pc-rose);margin-bottom:14px}
.cta-h{font-family:var(--pc-serif);font-size:32px;font-weight:400;color:var(--pc-ink);line-height:1.2;letter-spacing:-.02em;margin-bottom:16px}
.cta-bd{font-size:15px;line-height:1.8;color:var(--pc-muted);margin-bottom:28px}
.cta-btns{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.cbtn-f{background:var(--pc-ink);color:#fff;border:none;border-radius:100px;padding:14px 32px;font-size:14px;cursor:pointer;text-decoration:none;display:inline-block}
.cbtn-g{background:none;color:var(--pc-ink);border:0.5px solid rgba(0,0,0,0.2);border-radius:100px;padding:13px 26px;font-size:14px;cursor:pointer;text-decoration:none;display:inline-block}

@media(max-width:768px){
    .case-hero-inn{padding:64px 24px 48px}
    .case-h1{font-size:32px}
    .case-story-section,
    .procedure-highlights-section,
    .teaching-points-section,
    .video-section-wrap,
    .transcript-callout-section,
    .case-faq-section,
    .related-procedures-section{margin-bottom:44px}
    .case-story-section h2,
    .procedure-highlights-section h2,
    .teaching-points-section h2,
    .video-section-wrap h2,
    .transcript-callout-section h2,
    .case-faq-section h2,
    .related-procedures-section h2{font-size:24px}
    .case-story-section{padding-top:48px}
    .case-story{padding:24px 24px}
    .procedure-highlights{padding:28px 24px 8px}
    .highlight-list{grid-template-columns:1fr;gap:0}
    .teaching-card{padding:22px 22px}
    .video-section{padding:28px 24px}
    .transcript-callout{padding:28px 24px}
    .related-section{padding:24px 24px}
    .case-cta{padding:64px 24px}
    .cta-h{font-size:26px}
}

@media(max-width:480px){
    .case-hero-inn{padding:52px 16px 40px}
    .case-h1{font-size:27px}
    .case-intro{font-size:14px}
    .case-story-section h2,
    .procedure-highlights-section h2,
    .teaching-points-section h2,
    .video-section-wrap h2,
    .transcript-callout-section h2,
    .case-faq-section h2,
    .related-procedures-section h2{font-size:21px}
    .case-story-section{padding-top:40px}
    .case-story{padding:20px 18px}
    .procedure-highlights{padding:24px 18px 4px}
    .teaching-card{padding:20px 18px}
    .video-section{padding:24px 18px}
    .transcript-callout{padding:24px 18px}
    .related-section{padding:20px 18px}
    .case-cta{padding:56px 16px}
    .cta-h{font-size:23px}
    .cta-btns{flex-direction:column;align-items:stretch}
    .cbtn-f,.cbtn-g{width:100%;text-align:center}
}