/* Treatment document layouts. Source: real clinic images and existing service text. */
body.service-editorial{--electric:var(--brand-blue);--ink:#202427;color:#202427}
.service-editorial>header.bg-white{padding-top:60px!important;padding-bottom:42px!important}
.service-editorial>header .hero-mega{font-size:clamp(36px,4.6vw,68px)!important;line-height:1.02!important;letter-spacing:-.035em!important;max-width:19ch}
.service-editorial>header .eyebrow{text-transform:none!important;letter-spacing:0!important;font-size:14px!important}
.service-editorial .service-document-opening{max-width:1320px;margin:0 auto 64px;padding:0 40px;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(230px,.65fr);gap:56px;align-items:start}
.service-editorial .service-photo{margin:0;min-width:0}
.service-editorial .service-photo img{display:block;width:100%;height:440px;object-fit:cover;object-position:center 45%;background:#f4f5f5}
.service-editorial .service-photo figcaption{padding:14px 0;border-bottom:1px solid #d5d9dc;color:#5a6064;font-size:14px;line-height:1.5}
.service-editorial .service-reading{border-top:3px solid var(--brand-blue);padding-top:16px;display:flex;flex-direction:column;min-width:0}
.service-editorial .service-reading p{font-size:14px;margin:0 0 14px;color:#5a6064}
.service-editorial .service-reading a{color:#202427;display:block;border-bottom:1px solid #d5d9dc;padding:15px 0;font-size:17px;line-height:1.4;text-decoration:none}
.service-editorial .service-reading a:hover,.service-editorial .service-related a:hover{text-decoration:underline;text-underline-offset:4px;color:var(--brand-blue-text)}
.service-editorial .service-photo-small{grid-template-columns:minmax(200px,385px) minmax(260px,1fr);gap:90px}
.service-editorial .service-photo-small .service-photo img{height:auto;aspect-ratio:auto;object-fit:contain;max-width:385px}
.service-editorial .service-text-opening{grid-template-columns:1.5fr 1fr;border-bottom:1px solid #d5d9dc;padding-bottom:40px}
.service-editorial .service-first-visit{display:block;align-self:start;padding:24px 28px;background:#f4f5f5;color:#202427;text-decoration:none;border-left:3px solid var(--brand-blue)}
.service-editorial .service-first-visit span{display:block;font-size:14px;color:var(--brand-blue-text);margin-bottom:14px}
.service-editorial .service-first-visit strong{display:block;font-size:clamp(22px,2.4vw,30px);line-height:1.25;font-weight:500;max-width:24ch}
.service-editorial .service-first-visit:hover strong{text-decoration:underline;text-underline-offset:4px}
.service-editorial .step-card{background:transparent!important;border:0!important;border-left:2px solid var(--brand-blue)!important;padding:12px 24px 30px!important}
.service-editorial .step-card .step-num{text-transform:none;letter-spacing:0}
.service-editorial .step-card h3{line-height:1.2!important;margin-top:12px!important}
.service-editorial .step-card p{max-width:62ch}
.service-editorial .service-related{padding:42px 40px 54px;max-width:1320px;margin:auto;display:grid;grid-template-columns:1fr 2fr;gap:56px;border-top:1px solid #d5d9dc}
.service-editorial .service-related h2{font-size:25px;line-height:1.15;font-weight:500;margin:0}
.service-editorial .service-related a{display:block;padding:14px 0;border-bottom:1px solid #d5d9dc;color:#202427;font-size:18px;text-decoration:none}
.service-editorial :is(.service-reading,.service-related,.service-first-visit) a:focus-visible,.service-editorial a.service-first-visit:focus-visible{outline:2px solid var(--brand-blue);outline-offset:4px}
.service-editorial h2[id]{scroll-margin-top:110px}
.service-directory .svc-card{display:grid!important;grid-template-columns:30px minmax(200px,.8fr) minmax(240px,1fr);gap:24px;border:0!important;border-top:1px solid #d5d9dc!important;background:transparent!important;padding:24px 0!important;align-items:start;transform:none!important;box-shadow:none!important}
.service-directory .svc-card h3,.service-directory .svc-card p{margin-top:0!important;color:#202427!important}
.service-directory .svc-card h3{font-size:25px!important;line-height:1.2!important}
.service-directory .svc-card:hover h3{text-decoration:underline;text-underline-offset:5px;color:var(--brand-blue-text)!important}
.service-directory .svc-card .num{font-size:13px!important;color:#5a6064!important}
.service-directory div:has(>.svc-card){display:block!important}
@media(max-width:760px){
.service-editorial>header.bg-white{padding-top:32px!important;padding-bottom:28px!important}
.service-editorial .service-document-opening{padding:0 24px;grid-template-columns:1fr;gap:26px;margin-bottom:36px}
.service-editorial .service-photo img{height:300px}
.service-editorial .service-photo-small .service-photo img{max-width:100%;width:100%;height:auto}
.service-editorial .service-text-opening{padding-bottom:28px}
.service-editorial .service-related{padding:30px 24px 42px;grid-template-columns:1fr;gap:20px}
.service-directory .svc-card{grid-template-columns:22px 1fr;gap:12px;padding:22px 0!important}
.service-directory .svc-card>p:last-child{grid-column:2}
.service-directory .svc-card h3{font-size:22px!important}
}
@media(prefers-reduced-motion:reduce){.service-editorial{scroll-behavior:auto}.service-editorial .svc-card{transition:none!important}}
/* Existing treatment phases read as one progression rather than isolated tiles. */
.service-editorial div:has(>.step-card){display:block!important;max-width:1080px}
.service-editorial .step-card{position:relative;display:grid;grid-template-columns:minmax(190px,.8fr) minmax(0,1.2fr);column-gap:36px;padding-bottom:36px!important}
.service-editorial .step-card .step-num{grid-column:1;margin:0;color:var(--brand-blue-text)}
.service-editorial .step-card h3{grid-column:1;margin-bottom:0}
.service-editorial .step-card>p:last-child{grid-column:2;grid-row:1 / span 2;margin-top:0!important}
@media(max-width:760px){.service-editorial .step-card{display:block;padding-left:20px!important}.service-editorial .step-card>p:last-child{margin-top:14px!important}.service-editorial .step-card h3{margin-top:10px!important}}

.service-editorial .service-photo-small .service-photo img{max-width:385px!important}
