/* Dental article motifs: deliberately scoped away from heroes and calculators. */
.dm-section{--dm-text:#20232a;--dm-muted:#616978;--dm-blue:#2962b4;--dm-rule:rgba(52,74,110,.17);--dm-paper:rgba(247,250,255,.7);color:var(--dm-text);scroll-margin-top:110px}
html[data-theme="dark"] .dm-section{--dm-text:#f2f4f8;--dm-muted:#b6bfcd;--dm-blue:#a3c7ff;--dm-rule:rgba(198,217,247,.18);--dm-paper:rgba(43,49,61,.52)}
.dm-section *{box-sizing:border-box}.dm-section--wide{padding:48px 24px 64px}.dm-inner{max-width:1180px;margin:auto}.dm-section--wide .dm-inner{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-template-areas:"heading visual" "notes visual" "after after";gap:26px 52px;align-items:center}.dm-section--wide .dm-grid{display:contents}.dm-heading{grid-area:heading;min-width:0}.dm-section .dm-eyebrow{display:block;color:var(--dm-blue);font-size:11px;font-weight:650;letter-spacing:.15em;text-transform:uppercase;margin-bottom:14px}
.dm-section h2{font-size:clamp(28px,3.3vw,42px);line-height:1.12;letter-spacing:-.045em;font-weight:600;margin:0 0 20px;color:var(--dm-text);text-wrap:balance}.dm-section p{font-size:15px;line-height:1.8;color:var(--dm-muted);margin:0}.dm-section p+p{margin-top:16px}.dm-section p a{color:var(--dm-blue);text-decoration:underline;text-underline-offset:3px}
.dm-notes{grid-area:notes;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;min-width:0;scroll-margin-top:120px}.dm-note{min-width:0;padding-top:16px;border-top:1px solid var(--dm-rule);transition:border-color .22s ease}.dm-index{font-size:11px;color:var(--dm-blue);font-variant-numeric:tabular-nums;display:block;margin-bottom:10px}.dm-section .dm-note :is(h2,h3){font-size:19px;line-height:1.3;letter-spacing:-.025em;font-weight:600;margin:0 0 10px;color:var(--dm-text)}.dm-section .dm-note p{font-size:14px;line-height:1.75}
.dm-visual{grid-area:visual;min-width:0;display:grid;place-items:center}.dm-section .dm-motif{display:block;width:100%;max-width:320px;aspect-ratio:var(--dm-ratio);position:relative;color:#253249;text-decoration:none;isolation:isolate;filter:drop-shadow(0 18px 18px rgba(21,38,66,.12));transition:transform .3s cubic-bezier(.23,1,.32,1),filter .3s ease}
.dm-motif svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.dm-shell{transition:stroke .25s ease}.dm-seam{stroke:#7d96b7;stroke-opacity:.35;stroke-width:1.5;fill:none}.dm-wire{fill:none;stroke:#7d96bd;stroke-width:4}.dm-bracket{fill:url(#dm-metal);stroke:#718cab;stroke-width:1}.dm-thread{fill:none;stroke:#60799d;stroke-opacity:.8;stroke-width:5;stroke-linecap:round}
.dm-motif-copy{position:absolute;top:var(--dm-top,28%);left:var(--dm-left,14%);width:var(--dm-width,72%);text-align:center}.dm-section .dm-motif-copy small{display:block;font-size:10px;font-weight:650;letter-spacing:.13em;line-height:1.5;text-transform:uppercase;color:#526a8f}.dm-section .dm-motif-copy strong{display:block;font-size:var(--dm-size,27px);line-height:1.07;font-weight:600;letter-spacing:-.035em;margin:9px 0}.dm-section .dm-motif-link{display:inline-flex;gap:5px;align-items:center;justify-content:center;min-height:36px;font-size:12px;font-weight:600;line-height:1.4;color:#2a60ae}.dm-motif-link span{font-family:Arial,sans-serif}
.dm-section .dm-motif--ink{color:#f2f6fc}.dm-section .dm-motif--ink small{color:#b3c5de}.dm-section .dm-motif--ink .dm-motif-link{color:#a8ceff}
.dm-motif--braces{--dm-ratio:320/260;--dm-top:23%;--dm-size:26px}.dm-motif--braces .dm-motif-copy small{font-size:9px}.dm-motif--braces .dm-motif-link{min-height:30px}
.dm-motif--implant{--dm-ratio:300/360;--dm-top:20%;--dm-size:26px}.dm-motif--implant .dm-motif-copy small{font-size:9px}.dm-motif--implant .dm-motif-copy strong{margin:6px 0}.dm-motif--implant .dm-motif-link{min-height:28px}
.dm-motif--mirror{--dm-ratio:300/350;--dm-top:20%;--dm-size:28px}.dm-motif--bridge{--dm-ratio:320/255;--dm-top:27%;--dm-size:26px}.dm-motif--bridge .dm-motif-copy small{font-size:9px}.dm-motif--bridge .dm-motif-link{min-height:30px}
.dm-motif--tag{--dm-ratio:300/340;--dm-top:35%;--dm-size:28px}.dm-motif--hourglass{--dm-ratio:280/340;--dm-top:0%}.dm-motif--hourglass .dm-motif-copy{inset:0;width:100%;height:100%}.dm-hour-top,.dm-hour-bottom{position:absolute;left:15%;width:70%}.dm-hour-top{top:17%}.dm-hour-bottom{top:68%}.dm-section .dm-hour-top strong,.dm-section .dm-hour-bottom strong{font-size:24px;margin:5px 0}.dm-section .dm-hour-bottom .dm-motif-link{min-height:28px}
.dm-motif--compass{--dm-ratio:1;--dm-top:30%;--dm-size:28px}
.dm-after{grid-area:after;min-width:0}.dm-after:empty{display:none}.dm-section .dm-footnote{border-top:1px solid var(--dm-rule);padding-top:20px;max-width:900px}.dm-footnote>span{font-size:11px;font-weight:600;color:var(--dm-blue);display:block;margin-bottom:8px}
.dm-section--implant .dm-inner{grid-template-columns:280px minmax(0,1fr);grid-template-areas:"heading heading" "visual notes" "after after"}.dm-section--implant .dm-heading{max-width:860px}.dm-section--implant .dm-notes{grid-template-columns:1fr;gap:14px}.dm-section--implant .dm-note{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:20px;position:relative;padding:15px 0 0 28px}.dm-section--implant .dm-index{position:absolute;left:0;top:17px}.dm-section--implant .dm-note p{grid-column:1/-1}.dm-section--implant .dm-value{font-size:28px;line-height:1.2;font-weight:600;letter-spacing:-.045em;color:var(--dm-blue);white-space:nowrap}.dm-section--implant .dm-note h3{font-size:17px}
.dm-section--mirror .dm-inner{grid-template-columns:290px minmax(0,1fr);grid-template-areas:"visual heading" "visual notes" "after after"}.dm-section--bridge .dm-value{font-size:24px;line-height:1.3;color:var(--dm-blue);margin-bottom:8px}
.dm-section--article .dm-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:28px;align-items:center;margin-top:28px}.dm-section--article .dm-notes{grid-template-columns:1fr;gap:18px}.dm-section--article .dm-visual,.dm-section--article .dm-notes{grid-area:auto}.dm-section--article h2{font-size:clamp(28px,3vw,36px)}.dm-section--article .dm-after:not(:empty){margin-top:24px}.dm-section--article .dm-motif{max-width:265px}.dm-section--article .dm-motif-copy strong{font-size:25px}.dm-section--article .dm-motif-copy small{font-size:9px}.dm-section--article .dm-motif--tag .dm-motif-copy{left:17%;width:66%}
.dm-section a:focus-visible{outline:3px solid var(--dm-blue);outline-offset:7px;border-radius:22px}.dm-section .dm-motif:active{transform:scale(.985);transition-duration:.1s}
@media(hover:hover) and (pointer:fine){.dm-section .dm-motif:hover{transform:translateY(-5px) rotate(-1deg);filter:drop-shadow(0 23px 20px rgba(37,75,130,.2))}.dm-motif:hover .dm-shell{stroke:#719fe4}.dm-note:hover{border-color:var(--dm-blue)}}
@media(max-width:1150px) and (min-width:1024px){.dm-section--article .dm-grid{grid-template-columns:1fr}.dm-section--article .dm-motif{max-width:250px}}
@media(max-width:900px){.dm-section--wide .dm-inner{grid-template-columns:minmax(0,1fr) 250px;gap:24px;grid-template-areas:"heading visual" "notes notes" "after after"}.dm-section--implant .dm-inner{grid-template-columns:230px minmax(0,1fr);grid-template-areas:"heading heading" "visual notes" "after after"}.dm-section .dm-motif-copy strong{font-size:23px}.dm-section .dm-motif-copy small{font-size:9px}.dm-motif--braces{--dm-top:21%}.dm-motif--implant{--dm-top:18%}.dm-motif--bridge{--dm-top:24%}}
@media(max-width:650px){.dm-section--wide{padding:36px 20px 44px}.dm-section--wide .dm-inner{grid-template-columns:1fr;grid-template-areas:"heading" "visual" "notes" "after";gap:22px}.dm-section .dm-motif{max-width:280px}.dm-section--article .dm-grid{grid-template-columns:1fr;gap:24px}.dm-section .dm-notes{grid-template-columns:1fr;gap:18px}.dm-section .dm-note p{font-size:15px}.dm-section--implant .dm-note{grid-template-columns:1fr;padding-left:26px}.dm-section--implant .dm-value{margin-bottom:8px}.dm-section--implant .dm-motif{max-width:250px}.dm-section .dm-motif--hourglass{max-width:240px}.dm-section .dm-motif--tag{max-width:255px}.dm-section .dm-motif--compass{max-width:265px}.dm-section h2{font-size:29px}.dm-section .dm-motif-copy strong{font-size:26px}.dm-section .dm-motif--implant .dm-motif-copy strong{font-size:23px}.dm-section .dm-motif--braces .dm-motif-copy strong{font-size:25px}.dm-section .dm-motif--bridge .dm-motif-copy strong{font-size:24px}}
@media(prefers-reduced-motion:reduce){.dm-section .dm-motif,.dm-shell,.dm-note{transition:none!important}.dm-section .dm-motif:hover,.dm-section .dm-motif:active{transform:none}}
@media(forced-colors:active){.dm-shell{fill:Canvas!important;stroke:LinkText!important}.dm-section .dm-motif-copy,.dm-section .dm-motif-copy :is(small,strong,.dm-motif-link){color:LinkText!important}}
/* Keep live text inside the silhouette, including the narrower article columns. */
.dm-section .dm-motif--implant{--dm-top:15%}.dm-section .dm-motif--implant small,.dm-section .dm-motif--bridge small{display:none}.dm-section .dm-motif--implant .dm-motif-copy strong{font-size:23px;margin:4px 0}
.dm-section .dm-motif--bridge{--dm-top:20%}.dm-section .dm-motif--bridge .dm-motif-copy strong{font-size:22px;margin:4px 0}.dm-section .dm-motif--bridge .dm-motif-link{min-height:24px}
.dm-section .dm-motif--braces{--dm-top:17%}.dm-section .dm-motif--braces .dm-motif-copy strong{font-size:23px;margin:6px 0}.dm-section .dm-motif--braces .dm-motif-link{min-height:28px}
.dm-section .dm-hour-bottom{top:62%}.dm-section .dm-hour-bottom strong{font-size:24px;margin:4px 0}.dm-section .dm-hour-bottom .dm-motif-link{min-height:24px;font-size:11px}
@media(max-width:900px) and (min-width:651px){.dm-section .dm-motif--braces .dm-motif-copy strong{font-size:22px}}
