/* The dialog top row mirrors the mobile header geometry. */
#mobile-menu .close-button{width:44px;height:44px;min-height:44px;flex:0 0 44px;padding:10px;border:0;border-radius:50%;display:grid;place-items:center;background:transparent}
#mobile-menu .close-button svg{width:24px;height:24px}
#mobile-menu .dialog-top{position:sticky;top:0;z-index:2;max-width:1760px;margin-inline:auto;background:inherit}
@media(max-width:650px){
 #mobile-menu[open]{animation:none}
 #mobile-menu .dialog-top{height:72px;gap:20px}
 #mobile-menu .dialog-top>a{max-width:none;flex-shrink:0}
 #mobile-menu .dialog-top>a svg{width:100%;height:auto}
 #mobile-menu .menu-top-actions{margin-left:auto;gap:10px;flex-shrink:0}
 #mobile-menu .menu-top-actions .language-switch{margin-right:2px}
}
@media(max-width:370px){
 #mobile-menu .dialog-top{gap:10px}
 #mobile-menu .dialog-top>a{width:165px;max-width:165px;min-width:0;flex:0 1 165px}
 #mobile-menu .menu-top-actions{gap:2px}
 #mobile-menu .menu-top-actions .language-switch{margin:0}
 #mobile-menu .close-button{width:38px;flex-basis:38px;padding:8px}
}
/* A featured conversation with two quieter companion episodes. */
.homepage #conversation .podcast-episodes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:32px;padding-top:28px;border-top:1px solid #d3d3ca}
.podcast-episode{min-width:0}
.homepage #conversation .podcast-episode .youtube-frame{width:100%;aspect-ratio:16/9;border-radius:16px;overflow:hidden}
.homepage #conversation .podcast-episode .youtube-play-icon{width:48px;height:48px}
.homepage #conversation .episode-caption{padding:17px 1px 0}
.homepage #conversation .episode-caption h3{font:300 clamp(22px,2vw,28px)/1.18 TT,Arial,sans-serif;letter-spacing:-.025em;max-width:430px;margin:0}
.homepage #conversation .episode-caption p{font:300 14px/1.4 TT,Arial,sans-serif;color:#6e6b62;margin:9px 0 0}
@media(max-width:650px){.homepage #conversation .podcast-episodes{grid-template-columns:1fr;gap:29px;margin-top:26px;padding-top:24px}.homepage #conversation .episode-caption h3{font-size:24px}.homepage #conversation .episode-caption{padding-top:14px}.homepage #conversation .episode-caption p{font-size:13px;margin-top:7px}}
@media(max-width:370px){
 #mobile-menu .dialog-top{display:flex;gap:10px}
 #mobile-menu .menu-top-actions{display:flex;gap:2px}
 #mobile-menu .dialog-top .wordmark{font-size:24px}
 #mobile-menu .dialog-top .wordmark small{font-size:6px;letter-spacing:2px}
 #mobile-menu .menu-top-actions .language-switch{font-size:9px;gap:3px}
 #mobile-menu .close-button{width:44px;flex-basis:44px}
}
@media(max-width:370px){#mobile-menu .dialog-top{height:72px;min-height:72px;padding-block:0}#mobile-menu .dialog-top .wordmark small{letter-spacing:2.6px}}
/* Three episodes share one swipeable stage; the audio platforms stay below. */
#conversation.podcast-carousel{overflow:hidden}
#conversation.podcast-carousel .podcast-carousel-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}
#conversation.podcast-carousel .podcast-carousel-heading .eyebrow{margin:0 0 15px}
#conversation.podcast-carousel .podcast-carousel-heading h2{font:300 clamp(34px,3.8vw,54px)/1.05 TT,Arial,sans-serif;letter-spacing:-.035em;margin:0}
.podcast-controls{display:flex;align-items:center;gap:10px;flex-shrink:0}
.podcast-controls button{display:grid;place-items:center;width:44px;height:44px;padding:0;background:transparent;border:1px solid #aaa394;border-radius:50%;transition:background-color 160ms ease-out}
.podcast-controls button:disabled{opacity:.3;cursor:default}
.podcast-count{font:300 12px/1 TT,Arial,sans-serif;font-variant-numeric:tabular-nums;min-width:57px;margin-right:10px;color:#6e6b62}
.podcast-track{display:flex;gap:26px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;padding-bottom:8px}
.podcast-track::-webkit-scrollbar{display:none}
#conversation.podcast-carousel .podcast-track .podcast-episode{flex:0 0 94%;display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:42px;scroll-snap-align:start;min-width:0}
#conversation.podcast-carousel .podcast-track .youtube-frame{border-radius:24px 12px 12px 12px;max-width:640px;aspect-ratio:16/9}
#conversation.podcast-carousel .podcast-track .episode-caption{padding:20px 24px 20px 0;max-width:420px}
#conversation.podcast-carousel .podcast-track .episode-caption h3{font:300 clamp(26px,2.7vw,38px)/1.12 TT,Arial,sans-serif;letter-spacing:-.03em;text-wrap:balance}
#conversation.podcast-carousel .podcast-track .episode-caption p{margin-top:18px;font-size:14px}
#conversation.podcast-carousel .podcast-audio{border-top:1px solid #d3d3ca;margin-top:24px;padding-top:22px}
#conversation.podcast-carousel .podcast-audio .podcast-platforms{display:flex;gap:14px;max-width:650px;margin:0}
#conversation.podcast-carousel .podcast-audio .podcast-platform{flex:1;min-height:66px;font-size:16px;padding:12px 18px}
#conversation.podcast-carousel .podcast-channel{margin-top:22px;padding-top:18px}
@media(hover:hover) and (pointer:fine){.podcast-controls button:not(:disabled):hover{background:#fbe4cf}}
@media(max-width:900px){#conversation.podcast-carousel .podcast-track .podcast-episode{gap:24px}#conversation.podcast-carousel .podcast-track .episode-caption h3{font-size:28px}}
@media(max-width:650px){
 #conversation.podcast-carousel .podcast-carousel-heading{align-items:start;flex-direction:column;gap:18px;margin-bottom:20px}
 #conversation.podcast-carousel .podcast-carousel-heading h2{font-size:36px;max-width:300px}
 #conversation.podcast-carousel .podcast-carousel-heading .eyebrow{margin-bottom:12px}
 .podcast-controls{width:100%;gap:10px}
 .podcast-count{margin-right:auto}
 #conversation.podcast-carousel .podcast-track{gap:16px;margin-right:-12px}
 #conversation.podcast-carousel .podcast-track .podcast-episode{display:flex;flex-direction:column;align-items:stretch;gap:0;flex-basis:94%}
 #conversation.podcast-carousel .podcast-track .youtube-frame{border-radius:18px 10px 10px 10px}
 #conversation.podcast-carousel .podcast-track .episode-caption{padding:17px 8px 0 0;min-height:124px}
 #conversation.podcast-carousel .podcast-track .episode-caption h3{font-size:25px;max-width:310px;text-wrap:pretty}
 #conversation.podcast-carousel .podcast-track .episode-caption p{font-size:13px;margin-top:10px}
 #conversation.podcast-carousel .podcast-audio{margin-top:16px;padding-top:18px}
 #conversation.podcast-carousel .podcast-audio .podcast-platforms{gap:9px}
 #conversation.podcast-carousel .podcast-audio .podcast-platform{padding:12px 10px;gap:8px;min-height:60px;font-size:12px}
 #conversation.podcast-carousel .podcast-audio .platform-brand-icon{width:24px;height:24px}
 #conversation.podcast-carousel .podcast-audio .podcast-platform small{font-size:9px}
}
@media(max-width:370px){#conversation.podcast-carousel .podcast-carousel-heading h2{font-size:32px}#conversation.podcast-carousel .podcast-track .episode-caption h3{font-size:23px}#conversation.podcast-carousel .podcast-audio .podcast-platform{font-size:11px;gap:7px;padding-inline:8px}}
@media(prefers-reduced-motion:reduce){.podcast-controls button{transition:none}}
.homepage #smiles .gallery-open{cursor:default}

#conversation.podcast-carousel{display:block}
.podcast-track[data-ready] .podcast-episode:not(.is-current) .episode-caption{visibility:hidden}
/* Slide position is assistive feedback, not another decorative label. */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;min-width:1px!important;margin:-1px!important;padding:0!important;border:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.homepage #stories .stories-controls{justify-content:flex-end}
.homepage #stories .story-slide figcaption{grid-template-columns:minmax(0,1fr)}
.podcast-controls{justify-content:flex-end}
.homepage #implants .implant-sequence>div,.method-treatments #implants .implant-sequence>div{grid-template-columns:minmax(0,1fr)}
.site-header nav a[hidden],#mobile-menu nav a[hidden],.footer nav a[hidden]{display:none!important}
.homepage #services .service summary{grid-template-columns:minmax(0,1fr) 22px}
.homepage #services .service-body{padding-left:0}