/* Existing gum-line case only. No simulation, invented duration, or new clinical asset. */
.ht-gumline{background:#fffdf9}
.ht-gum-heading{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,72px);align-items:start;margin-bottom:48px}
.ht-gum-heading .ht-copy{min-width:0}
body.site-typography #home-gumline :is(h2,h3,p,figcaption){word-break:keep-all;overflow-wrap:normal;text-wrap:pretty}
body.site-typography #home-gumline h2{font-size:clamp(28px,3vw,40px)!important;line-height:1.6!important}
body.site-typography #home-gumline .ht-lead{margin-top:0}
.ht-gum-clinical{margin:0}
body.site-typography #home-gumline .ht-gum-clinical h3{font-family:MaruBuri,serif!important;font-size:24px!important;font-weight:400!important;line-height:1.6!important;color:var(--ht-green);margin:0 0 24px}
.ht-gum-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
.ht-gum-window{position:relative;aspect-ratio:var(--gum-ratio);overflow:hidden;background:#e8e6de}
.ht-gum-window img{position:absolute;width:var(--gum-width);max-width:none!important;height:100%;left:var(--gum-left);top:0;display:block}
body.site-typography #home-gumline .ht-gum-step p{font-size:14px!important;line-height:1.75!important;color:var(--ht-green);margin:12px 0 0}
body.site-typography #home-gumline .ht-gum-clinical figcaption{font-size:12px!important;line-height:1.8!important;color:var(--ht-muted);margin-top:18px}
.ht-gum-footer{display:flex;justify-content:flex-end;margin-top:24px}
@media(max-width:768px){
 .ht-gum-heading{grid-template-columns:minmax(0,1fr);gap:8px;margin-bottom:32px}
 body.site-typography #home-gumline h2{font-size:clamp(25px,7vw,29px)!important}
 body.site-typography #home-gumline .ht-gum-clinical h3{font-size:22px!important}
 .ht-gum-steps{grid-template-columns:1fr;gap:24px;max-width:360px;margin-inline:auto}
 body.site-typography #home-gumline .ht-gum-step p{font-size:13px!important}
}
