/* Digital treatment: align existing content with the full-arch page. */
.el-digital-page .implant-hero h1>span{margin-bottom:16px;font-family:inherit;font-size:min(1em,60px);line-height:inherit;letter-spacing:-.055em;font-weight:700}
.el-digital-page #pricing,
.el-digital-page #digital-guide,
.el-digital-page #consider,
.el-digital-page #treatment-cases,
.el-digital-page .digital-related-wrap{background:var(--white)}
.el-digital-page #overview,
.el-digital-page #surgical-process,
.el-digital-page #faq,
.el-digital-page #treatment-columns{background:var(--wash)}
.el-digital-page #pricing,
.el-digital-page #digital-guide,
.el-digital-page #surgical-process{padding-block:110px}
.el-digital-page .implant-pricing>.container{max-width:var(--container)}
.el-digital-page .fullarch-price-values{display:flex;align-items:baseline;gap:22px}
.el-digital-page .fullarch-price-values .implant-price-regular{font-size:22px}
.el-digital-page .fullarch-price-values .implant-price-discount{justify-content:flex-start;gap:8px;margin-top:0}
.el-digital-page .fullarch-price-values .implant-price-discount>span{font-size:20px;font-weight:700}
.el-digital-page .sub-head{align-items:flex-start}
.el-digital-page .sub-head>p{align-self:flex-end}
.el-digital-page .detail-intro{align-items:start}
.el-digital-page #digital-guide .detail-feature-grid{overflow:clip}
.el-digital-page .digital-implant-viewer{min-width:0;color:var(--white)}
.el-digital-page .implant-stage{height:400px}
.el-digital-page .digital-implant-viewer .implant-explode{min-height:44px;padding:0 20px;font-size:14px;border-color:#ffffff70;background:transparent;color:var(--white)}
.el-digital-page .digital-implant-viewer .implant-explode:is(:hover,:focus-visible){border-color:var(--white);background:#ffffff1a}
.el-digital-page .digital-implant-viewer .implant-explode[aria-pressed="true"]{border-color:var(--white);background:var(--white);color:var(--brand)}
.el-digital-page .digital-implant-viewer .implant-stage-status{color:#ffffffdb}
.el-digital-page .detail-principles{margin-top:56px}
.el-digital-page #overview .detail-principles article{background:var(--white)}
.el-digital-page #overview .detail-number{background:var(--brand-soft)}
.el-digital-page .detail-feature-visual img{height:auto;aspect-ratio:1920/1071}
.el-digital-page .detail-feature h2{text-wrap:balance}

/* Image-above-copy sequence follows the reference's numbered features. */
.el-digital-page .surgical-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.el-digital-page .surgical-steps li{display:flex;flex-direction:column;gap:24px;padding-top:0;border:0;min-width:0}
.el-digital-page .surgical-photo{width:100%;flex:none;background:var(--white)}
.el-digital-page .surgical-copy{border-top:2px solid var(--line);padding-top:24px}
.el-digital-page .surgical-number{font-size:14px;margin-bottom:10px}
.el-digital-page .surgical-copy h3{font-size:22px;line-height:1.4}
.el-digital-page .surgical-copy p{font-size:16px;line-height:1.85;margin-top:12px}
.el-digital-page .surgical-note{margin-top:36px}

.el-digital-page .detail-consider li,.el-digital-page .detail-care{background:var(--wash)}
.el-digital-page .detail-faq-list details{background:var(--white)}
.el-digital-page .detail-faq-list summary>span{background:var(--brand-soft)}

/* Preserve the feeds, with the same more-link control as full-arch. */
.el-digital-page .el-treatment-posts .el-post-section{padding-block:110px}
.el-digital-page .el-treatment-posts .el-post-more--icon{display:grid;place-items:center;width:56px;height:56px;min-height:56px;border:1px solid var(--line);border-radius:50%;background:var(--white);color:var(--brand);overflow:hidden;transition:background .25s var(--ease),border-color .25s var(--ease),color .25s var(--ease)}
.el-digital-page .el-treatment-posts .el-post-more--icon .el-icon{width:24px;height:24px;transition:transform .35s var(--ease)}
.el-digital-page .el-treatment-posts .el-post-more--icon:is(:hover,:focus-visible){background:var(--brand);border-color:var(--brand);color:var(--white)}
.el-digital-page .el-treatment-posts .el-post-more--icon:is(:hover,:focus-visible) .el-icon{transform:translateX(4px)}
.el-digital-page .detail-related{padding-block:88px}
.el-digital-page .detail-related-grid a{background:var(--wash)}
.el-digital-page .related-arrow{background:var(--white)}

@media(max-width:1100px){
 .el-digital-page .surgical-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 28px}
}
@media(max-width:767px){
 .el-digital-page .implant-hero h1>span{margin-bottom:12px}
 .el-digital-page #pricing,
 .el-digital-page #digital-guide,
 .el-digital-page #surgical-process,
 .el-digital-page .el-treatment-posts .el-post-section{padding-block:72px}
 .el-digital-page .detail-intro>p{font-size:16px;line-height:1.85}
 .el-digital-page .implant-stage{height:320px}
 .el-digital-page .detail-principles{margin-top:32px}
 .el-digital-page .detail-feature-visual{padding:16px}
 .el-digital-page .digital-feature-break{display:none}
 .el-digital-page .surgical-steps{grid-template-columns:minmax(0,1fr);gap:40px}
 .el-digital-page .surgical-steps li{gap:20px}
 .el-digital-page .surgical-copy{padding-top:20px}
 .el-digital-page .el-treatment-posts .el-post-heading{align-items:center;flex-direction:row;gap:16px}
 .el-digital-page .el-treatment-posts .el-post-more--icon{width:48px;height:48px;min-height:48px}
 .el-digital-page .detail-related{padding-block:56px}
}
@media(max-width:360px){
 .el-digital-page .fullarch-price-values{gap:14px}
 .el-digital-page .fullarch-price-values .implant-price-regular{font-size:20px}
 .el-digital-page .implant-price-discount strong{font-size:48px}
}
@media(prefers-reduced-motion:reduce){
 .el-digital-page .el-treatment-posts .el-post-more--icon,
 .el-digital-page .el-treatment-posts .el-post-more--icon .el-icon{transition:none}
 .el-digital-page .el-treatment-posts .el-post-more--icon:is(:hover,:focus-visible) .el-icon{transform:none}
}