/* Simple Tooth Extractions: a page-scoped educational model and progressive motion.
   Existing reading content and appointment fields are not changed. */
html body #main.tx-engagement{--txe-pink:#b91c68;--txe-ink:#123b45;--txe-ease:cubic-bezier(.18,.72,.2,1)}
html body #main.tx-engagement .txe-experience{display:inline-flex;align-items:center;gap:1rem;max-width:100%;padding:.8rem 1.2rem;border:1px solid #e5d27f;border-radius:1rem;background:linear-gradient(115deg,#fff2af,#fff9e5);margin:0 0 1.3rem;box-shadow:0 8px 22px #ac872211}
html body #main.tx-engagement .txe-experience-number{font-size:3.3rem;line-height:1.05;color:var(--txe-pink);font-weight:800;letter-spacing:-.05em;flex-shrink:0}
.txe-experience>div{border-left:1px solid #d6c16a;padding-left:1rem}
html body #main.tx-engagement .txe-experience>div>strong{display:block;font-size:1.13rem;line-height:1.45}
html body #main.tx-engagement .txe-experience>div>span{display:block;font-size:1rem;line-height:1.5;color:#63582c;margin-top:.15rem}
html body #main.tx-engagement .tx-hero-copy h1{font-size:clamp(2.85rem,4.6vw,4.4rem)}
html body #main.tx-engagement .tx-visit-link{font-size:1.0625rem;line-height:1.5}
html body #main.tx-engagement .tx-journey-section{background:linear-gradient(180deg,#edf7fa,#f7fbfc)}
html body #main.tx-engagement .txe-explorer{border:0;background:transparent;box-shadow:none;overflow:visible}
html body #main.tx-engagement .txe-explorer .tx-step-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));border:1px solid #ccdee5;border-radius:1rem;overflow:hidden;background:#fff;margin-bottom:1.35rem}
html body #main.tx-engagement .txe-explorer .tx-step-tab{padding:1rem 1.1rem;min-height:5.5rem;transition:background .3s,color .3s,box-shadow .3s;text-wrap:pretty;display:flex;align-items:center;gap:.85rem;border:0;background:transparent;text-align:left}
html body #main.tx-engagement .txe-explorer .tx-step-tab+.tx-step-tab{border-left:1px solid #e0e9ed}
html body #main.tx-engagement .txe-explorer .tx-step-tab strong{font-size:1.125rem;line-height:1.4}
html body #main.tx-engagement .txe-explorer .tx-step-tab small{font-size:1rem;line-height:1.4;color:#526e78}
html body #main.tx-engagement .txe-explorer .tx-step-tab[aria-selected=true]{background:#fff0f6;color:#98114f;box-shadow:inset 0 -3px #b91c68}
html body #main.tx-engagement .txe-explorer .tx-step-tab[aria-selected=true] .tx-step-num{background:#b91c68;color:white}
html body #main.tx-engagement .txe-explorer .tx-step-tab[aria-selected=true] strong{color:#98114f}
html body #main.tx-engagement .txe-explorer .tx-step-tab:after{display:none}
.txe-guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,28rem),1fr));gap:1.5rem;align-items:start}
.txe-guide-grid>*{min-width:0}
.txe-visual{border:1px solid #c5dfe8;border-radius:1.35rem;background:#fff;overflow:hidden;isolation:isolate}
.txe-visual-top{padding:1.1rem 1.25rem;display:flex;justify-content:space-between;align-items:center;gap:.6rem;flex-wrap:wrap;background:#f8fcfd;border-bottom:1px solid #d5e7ed}
.txe-visual-top>span:first-child{display:flex;align-items:center;gap:.45rem;font-size:1rem;font-weight:700;line-height:1.45;color:#285868}
.txe-visual-top .icon{width:1.25rem;height:1.25rem;color:#b91c68}
.txe-illustration-tag{font-size:1rem;line-height:1.4;padding:.35rem .65rem;background:#edf5f8;border-radius:.5rem;color:#536e78}
.txe-scene-caption{padding:1rem 1.2rem;border-top:1px solid #d3e5eb;display:flex;align-items:center;gap:.75rem;color:#123b45}
.txe-scene-caption>span{font-size:1rem;white-space:nowrap;font-weight:700;color:#9c1755}
.txe-scene-caption>strong{font-size:1.15rem;line-height:1.45;font-weight:650}
.txe-assess-prompt{padding:0 1.25rem 1.25rem}
.txe-model-controls{padding:1.15rem 1.25rem 1rem;border-top:1px solid #d9e8ed}
.txe-model-controls>label{display:block;font-size:1.0625rem;font-weight:650;line-height:1.5;margin-bottom:.65rem;color:#244f5c}
#txe-reveal-range{display:block;width:100%;height:2.8rem;margin:0;accent-color:#b91c68;cursor:ew-resize;touch-action:pan-y;border-radius:1rem;background:transparent;padding:0}
.txe-range-labels{display:flex;justify-content:space-between;gap:1rem;font-size:1rem;line-height:1.45;color:#465e67;margin-top:.1rem}
html body #main.tx-engagement .txe-slider-hint{font-size:1rem;line-height:1.5;margin:.8rem 0 1rem;color:#526e78}
.txe-model-actions{display:flex;gap:.6rem;align-items:stretch;flex-wrap:wrap}
.txe-button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;font-family:inherit;font-size:1rem;font-weight:650;line-height:1.5;padding:.65rem 1rem;min-height:3rem;border:1px solid #bfd4dc;border-radius:.75rem;background:#fff;color:#244e5b;max-width:100%;transition:background .22s,border-color .22s,box-shadow .22s}
.txe-button:hover{background:#edf7fa;border-color:#91b7c5;box-shadow:0 4px 12px #21596b0c}
.txe-button>.icon{width:1.15rem;height:1.15rem;flex-shrink:0}
.txe-button-pink{background:#b91c68;color:white;border-color:#b91c68}
.txe-button-pink:hover{background:#981150;color:white;border-color:#981150}
.txe-button:disabled{opacity:.65;cursor:not-allowed}
.txe-model-state{display:block;margin-top:.8rem;font-size:1rem;line-height:1.4;color:#46616b}
html body #main.tx-engagement .txe-note{font-size:1rem;line-height:1.65;color:#526773;padding:0 .1rem;margin:.9rem 0 0}
html body #main.tx-engagement .txe-nojs{font-size:1rem;padding:1.1rem;margin:0}
.txe-reading-column{border:1px solid #d2e1e7;border-radius:1.35rem;background:#fff;overflow:hidden}
.txe-reading-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap;padding:1rem 1.3rem;border-bottom:1px solid #dce8eb;background:#f8fcfd}
.txe-reading-toolbar>span{font-size:1rem;line-height:1.5;color:#526873}
html body #main.tx-engagement .txe-reading-column .tx-panel{display:block;padding:1.65rem;border:0;background:transparent;outline-offset:-6px}
html body #main.tx-engagement .txe-reading-column .tx-panel+.tx-panel{border-top:1px solid #d4e2e8}
html body #main.tx-engagement .txe-reading-column .tx-panel h3{font-size:clamp(1.6rem,2.3vw,2rem);line-height:1.22;margin-bottom:1rem}
html body #main.tx-engagement .txe-reading-column .tx-panel-copy>p{font-size:1.1875rem;line-height:1.7;margin-bottom:1.3rem}
html body #main.tx-engagement .txe-reading-column .tx-eyebrow{font-size:1rem;margin-bottom:1rem}
html body #main.tx-engagement .txe-reading-column .tx-step-question{padding:1.4rem;border-radius:1rem}
html body #main.tx-engagement .txe-reading-column .tx-step-question>span{font-size:1rem;margin-bottom:.75rem}
html body #main.tx-engagement .txe-reading-column .tx-step-question>p{font-size:1.1875rem;line-height:1.55;margin-bottom:1rem}
.txe-step-controls{display:flex;justify-content:space-between;align-items:center;gap:.6rem;padding:1rem 1.3rem;border-top:1px solid #d4e3e8;background:#fbfdfd;flex-wrap:wrap}
.txe-step-controls>span{font-size:1rem;color:#526e78;line-height:1.5}
.txe-guide-cta{margin-top:1.6rem;display:flex;gap:1.5rem 2.25rem;align-items:center;justify-content:space-between;padding:1.7rem;background:#fff7d8;border:1px solid #e9ddb3;border-radius:1.1rem;flex-wrap:wrap}
.txe-guide-cta>div:first-child{flex:1 1 22rem}
.txe-guide-cta strong{font-size:1.3rem;line-height:1.4;color:#213f46}
html body #main.tx-engagement .txe-guide-cta p{font-size:1.0625rem;line-height:1.6;margin:.4rem 0 0;max-width:38rem}
.txe-guide-cta>.btn-row{gap:.65rem}
html body #main.tx-engagement .txe-guide-cta .btn{font-size:1.0625rem;padding:.8rem 1rem;min-height:3.25rem}
/* One-time entrances leave content visible even when scripts fail. */
html body #main.tx-engagement [data-txe-section]>.container{position:relative}
html body #main.tx-engagement [data-txe-section]>.container:before{content:'';position:absolute;top:-1.35rem;left:0;width:5.5rem;height:3px;border-radius:2px;background:linear-gradient(90deg,#b91c68,#e3aac6 62%,#ffe56b);transform-origin:left;transform:scaleX(.16);opacity:.45;transition:transform .95s var(--txe-ease),opacity .7s;pointer-events:none}
html body #main.tx-engagement [data-txe-section].txe-entered>.container:before{transform:scaleX(1);opacity:1}
html body #main.tx-engagement .tx-section{overflow:visible}
html body #main.tx-engagement :is(.tx-definition,.tx-after-card,.tx-compare-options>article,.tx-related>a){transition:transform .3s var(--txe-ease),box-shadow .3s,border-color .3s}
@media(hover:hover){html body #main.tx-engagement :is(.tx-after-card,.tx-compare-options>article,.tx-related>a):hover{transform:translateY(-5px);box-shadow:0 14px 26px #244e5b0c}}
@media(prefers-reduced-motion:no-preference){
 .motion-ready #main.tx-engagement .tx-tooth{animation:txe-hero-float 7.4s ease-in-out infinite!important}
 .motion-ready #main.tx-engagement .tx-orbit-one{animation:txe-orbit 25s linear infinite!important}
 .motion-ready #main.tx-engagement .tx-spark{animation:txe-glint 4.2s ease-in-out infinite!important}
 .motion-ready #main.tx-engagement .tx-focus-lens{animation:txe-emblem 6.3s ease-in-out infinite!important}
 .motion-ready #main.tx-engagement .txe-model-orbits{animation:txe-breathe 8s ease-in-out infinite;transform-origin:300px 224px}
}
@keyframes txe-hero-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-17px) rotate(1deg)}}
@keyframes txe-orbit{from{transform:rotate(-24deg)}to{transform:rotate(336deg)}}
@keyframes txe-glint{0%,100%{opacity:.65;transform:scale(.83)}50%{opacity:1;transform:scale(1.15)}}
@keyframes txe-emblem{0%,100%{transform:translateY(0) rotate(-12deg)}50%{transform:translateY(-12px) rotate(-5deg)}}
@keyframes txe-breathe{0%,100%{opacity:.65;transform:scale(.98)}50%{opacity:1;transform:scale(1.02)}}
#main.tx-engagement .txe-resting *,#main.tx-engagement .txe-resting *:before,#main.tx-engagement .txe-resting *:after{animation-play-state:paused!important}
@media(max-width:1000px){.txe-guide-grid{grid-template-columns:1fr}.txe-visual-column{max-width:40rem;width:100%;margin-inline:auto}.txe-reading-column{width:100%}}
@media(max-width:600px){
 html body #main.tx-engagement .txe-experience{padding:.75rem .95rem;gap:.8rem;margin-bottom:1.15rem}
 html body #main.tx-engagement .txe-experience-number{font-size:2.8rem}
 .txe-experience>div{padding-left:.8rem}
 html body #main.tx-engagement .txe-experience>div>strong{font-size:1.0625rem}
 html body #main.tx-engagement .tx-hero-copy h1{font-size:clamp(2.65rem,10.7vw,3.25rem)}
 .txe-guide-grid{gap:1.15rem}
 html body #main.tx-engagement .txe-explorer .tx-step-tab{padding:.9rem 1rem;min-height:4.8rem}
 html body #main.tx-engagement .txe-explorer .tx-step-tab+.tx-step-tab{border-left:0;border-top:1px solid #dfebef}
 html body #main.tx-engagement .txe-explorer .tx-step-tab strong{font-size:1.0625rem}
 html body #main.tx-engagement .txe-explorer .tx-step-tab small{display:none}
 .txe-visual-top{padding:1rem}.txe-illustration-tag{display:none}
 .txe-scene-caption{padding:1rem;gap:.65rem;flex-wrap:wrap}
 .txe-scene-caption>strong{font-size:1.0625rem}
 .txe-model-controls{padding:1rem}
 .txe-model-controls>label{font-size:1rem}
 .txe-model-actions{gap:.5rem}
 .txe-model-actions .txe-button{padding:.6rem .7rem}
 .txe-assess-prompt{padding:0 1rem 1rem}
 .txe-assess-prompt>.txe-button{width:100%}
 .txe-reading-toolbar{padding:1rem}.txe-reading-toolbar>span{display:none}
 html body #main.tx-engagement .txe-reading-column .tx-panel{padding:1.25rem}
 html body #main.tx-engagement .txe-reading-column .tx-panel h3{font-size:1.7rem}
 html body #main.tx-engagement .txe-reading-column .tx-panel-copy>p{font-size:1.125rem}
 .txe-step-controls{padding:1rem;gap:.5rem}.txe-step-controls .txe-button>.icon{display:none}
 .txe-step-controls>span{flex-basis:100%;order:3;text-align:center}
 .txe-guide-cta{padding:1.3rem;gap:1rem}
 .txe-guide-cta>.btn-row{width:100%;display:grid;grid-template-columns:1fr}.txe-guide-cta .btn{width:100%}
}
/* Relative minimum widths also reflow correctly under enlarged browser text. */
html body #main.tx-engagement :is(h1,h2,h3,h4,.tx-section-heading>div,.tx-section-heading>p){max-width:100%;overflow-wrap:anywhere}
html body #main.tx-engagement :is(.btn,.text-link,.tx-secondary-button,.txe-button){min-width:0;flex-wrap:wrap;overflow-wrap:anywhere}
html body #main.tx-engagement .request-layout{grid-template-columns:repeat(auto-fit,minmax(min(100%,28rem),1fr))}
html body #main.tx-engagement .request-fields{grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr))}
html body #main.tx-engagement .request-field :is(label,small){overflow-wrap:anywhere}
html body #main.tx-engagement .request-contact-options label{flex:1 1 8.5rem;flex-wrap:wrap;max-width:100%;overflow-wrap:anywhere}
html body #main.tx-engagement .txe-model-actions .txe-button{flex:1 1 10rem}
@media(max-width:370px){html body #main.tx-engagement .txe-experience-number{font-size:2.6rem}.txe-model-actions{flex-direction:column}.txe-model-actions .txe-button{flex:auto!important}.txe-assess-prompt .txe-button{padding-inline:.5rem}}
@media(prefers-reduced-motion:reduce){#main.tx-engagement *,#main.tx-engagement *:before,#main.tx-engagement *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html body #main.tx-engagement [data-txe-section]>.container:before{transform:none;opacity:1}}
html.motion-paused #main.tx-engagement *,html.motion-paused #main.tx-engagement *:before,html.motion-paused #main.tx-engagement *:after{animation:none!important;transition:none!important}
html.motion-paused #main.tx-engagement [data-txe-section]>.container:before{transform:none;opacity:1}
@media(fotxed-colors:active){.txe-picture{fotxed-color-adjust:none}.txe-explorer .tx-step-tab[aria-selected=true]{outline:2px solid Highlight;outline-offset:-4px}}
@media print{.txe-visual-column,.txe-step-controls,.txe-reading-toolbar,.txe-guide-cta,.tx-step-tabs{display:none!important}.txe-guide-grid{display:block}.txe-reading-column{border:0}.txe-reading-column .tx-panel[hidden]{display:block!important}.txe-experience{box-shadow:none!important}}
/* Higher-specificity motion guards also override the legacy animated hero. */
html.motion-paused body #main.tx-page.tx-engagement :is(.tx-tooth,.tx-orbit-one,.tx-orbit-two,.tx-spark,.tx-focus-lens,.txe-model-orbits){animation:none!important;transition:none!important}
html body #main.tx-page.tx-engagement .txe-resting :is(.tx-tooth,.tx-orbit-one,.tx-orbit-two,.tx-spark,.tx-focus-lens,.txe-model-orbits){animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){html.motion-ready body #main.tx-page.tx-engagement :is(.tx-tooth,.tx-orbit-one,.tx-orbit-two,.tx-spark,.tx-focus-lens,.txe-model-orbits){animation:none!important;transition:none!important}}


/* Stable, non-graphic educational scene; no pulling gesture or clinical outcome animation. */
.txe-picture{background:#eaf5fa;line-height:0;overflow:hidden;border:0}
.txe-model{width:100%;height:auto;display:block;overflow:hidden;max-width:none}
.txe-model-tooth{opacity:1;transition:opacity .6s ease}
.txe-socket-focus,.txe-care-symbol,.txe-plan-symbol{opacity:0;transition:opacity .4s ease}
.txe-exam-focus{opacity:1;transition:opacity .4s ease}
.txe-ready[data-step=treat] .txe-exam-focus,.txe-ready[data-step=heal] .txe-exam-focus{opacity:0}
.txe-ready[data-step=treat] .txe-plan-symbol{opacity:1}
.txe-ready[data-view=socket] .txe-model-tooth{opacity:0}
.txe-ready[data-view=socket] .txe-socket-focus{opacity:1}
.txe-ready[data-step=heal] .txe-care-symbol{opacity:1}
.txe-view-options{display:flex;flex-wrap:wrap;gap:.6rem;margin:0 0 1rem}
.txe-view-options button{flex:1 1 11rem}
html body #main.tx-engagement .txe-view-options button[aria-pressed=true]{background:#fff0f6;border-color:#b91c68;color:#951352;box-shadow:inset 0 -2px #b91c68}
.txe-focus-note{display:flex;align-items:flex-start;gap:.65rem;font-size:1rem;line-height:1.65;color:#405f6b;padding:.85rem 1rem;background:#f4f9fb;border:1px solid #d7e6eb;border-radius:.7rem;margin:0 0 1rem}
.txe-color-dot{width:.6rem;height:.6rem;flex-shrink:0;border-radius:50%;background:#bb2771;margin-top:.45rem}
html body #main.tx-engagement .txe-experience{flex-wrap:wrap;gap:.6rem 1rem}
html body #main.tx-engagement .txe-experience>div{flex:1 1 11rem}
html body #main.tx-engagement .tx-safety{transform:none!important;opacity:1!important}
html body #main.tx-engagement .txe-reading-column .tx-panel-copy>p{margin-bottom:1.3rem}
html body #main.tx-engagement .tx-prep-note{margin-top:1.7rem}
html body #main.tx-engagement .txe-button>span{min-width:0;max-width:100%;overflow-wrap:anywhere}
html body #main.tx-engagement .txe-step-controls>span{flex-shrink:0}
@media(prefers-reduced-motion:no-preference){
 .motion-ready #main.tx-engagement .tx-extraction-emblem{animation:txe-emblem 6.3s ease-in-out infinite!important}
 .motion-ready #main.tx-engagement .txe-model-orbits{animation:txe-breathe 8s ease-in-out infinite}
}
html.motion-paused body #main.tx-page.tx-engagement :is(.tx-tooth,.tx-orbit-one,.tx-orbit-two,.tx-spark,.tx-extraction-emblem,.txe-model-orbits){animation:none!important;transition:none!important}
html body #main.tx-page.tx-engagement .txe-resting :is(.tx-tooth,.tx-orbit-one,.tx-orbit-two,.tx-spark,.tx-extraction-emblem,.txe-model-orbits){animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){html.motion-ready body #main.tx-page.tx-engagement :is(.tx-tooth,.tx-orbit-one,.tx-orbit-two,.tx-spark,.tx-extraction-emblem,.txe-model-orbits){animation:none!important;transition:none!important}}
@media(max-width:600px){
 html body #main.tx-engagement .txe-experience{padding:.8rem 1rem;margin-bottom:1.2rem}
 html body #main.tx-engagement .txe-experience-number{font-size:2.9rem}
 html body #main.tx-engagement .txe-model-controls{padding:1rem clamp(16px,1.2rem,22px)}
 html body #main.tx-engagement .txe-reading-column .tx-panel{padding:clamp(18px,1.3rem,24px)}
 html body #main.tx-engagement .txe-reading-column .tx-step-question{padding:clamp(16px,1.15rem,22px)}
 html body #main.tx-engagement .txe-guide-cta{padding:clamp(18px,1.3rem,24px)}
 html body #main.tx-engagement .txe-step-controls{padding:.85rem clamp(16px,1rem,22px)}
 html body #main.tx-engagement .txe-step-controls>span{order:-1;flex-basis:100%;text-align:center}
 html body #main.tx-engagement .txe-step-controls .txe-button{flex:1 1 6rem}
 html body #main.tx-engagement .txe-view-options button{flex-basis:100%}
 html body #main.tx-engagement .txe-focus-note{padding:.75rem}
}
/* Keep the experience message compact at standard mobile text sizes; allow wrapping when enlarged. */
html body #main.tx-engagement .txe-experience{width:min(100%,23rem);box-sizing:border-box}
html body #main.tx-engagement .txe-experience>div{flex-basis:9.3rem}