/* Figma 350:4, D1440/T768/M390. Images preserve the whole educational model. */
main.orthodontics-redesign{--ohr-ink:var(--ink,#162852);--ohr-text:var(--ink-soft,#22303f);--ohr-muted:var(--muted,#51606f);--ohr-line:var(--line,#e2e6eb);--ohr-blue:var(--primary,#2f5fa8);padding:calc(var(--header-height,64px) + 80px) 0 96px;background:#fff;color:var(--ohr-text);font:400 16px/26px var(--font-body,Inter,sans-serif)}
.orthodontics-redesign *{box-sizing:border-box;min-width:0}
.orthodontics-redesign :where(h1,h2,h3,p,figure,ol,ul){margin:0}
.orthodontics-redesign :where(h1,h2,h3){font-family:var(--font-display,'Schibsted Grotesk',sans-serif);font-weight:600;color:var(--ohr-ink);text-wrap:pretty}
.orthodontics-redesign h1{font-size:56px;line-height:60px;letter-spacing:-1px;font-weight:700}
.orthodontics-redesign h2{font-size:38px;line-height:44px;letter-spacing:-.5px;max-width:1000px}
.orthodontics-redesign h3{font-size:20px;line-height:28px;letter-spacing:-.2px}
.orthodontics-redesign p{font-size:16px;line-height:26px}
.orthodontics-redesign :where(a,button,summary){-webkit-tap-highlight-color:transparent}
.orthodontics-redesign :where(a,button,summary,[tabindex]):focus-visible{outline:3px solid var(--ohr-blue);outline-offset:4px}
.orthodontics-redesign [hidden]{display:none!important}
.orthodontics-redesign [id]{scroll-margin-top:calc(var(--header-height,64px) + 24px)}
.orthodontics-redesign a{color:var(--ohr-ink);text-decoration:none;text-underline-offset:5px}
.orthodontics-redesign a:hover{color:var(--ohr-blue)}
.orthodontics-redesign .ohr-wrap{width:calc(100% - 160px);max-width:1280px;margin-inline:auto}
.orthodontics-redesign .ohr-hero{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}
.orthodontics-redesign .ohr-definition{display:flex;flex-direction:column;align-items:flex-start;gap:24px}
.orthodontics-redesign .ohr-overline{font-size:13px;line-height:20px;font-weight:600;letter-spacing:.05em;color:var(--ohr-muted)}
.orthodontics-redesign .ohr-lead{max-width:550px}
.orthodontics-redesign .ohr-start{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:48px;padding:12px 20px;border-radius:4px;background:var(--ohr-blue);color:#fff;font-size:15px;line-height:24px;font-weight:600;transition:background-color 160ms ease}
.orthodontics-redesign .ohr-start:hover{color:#fff;background:#162852}
.orthodontics-redesign .ohr-start span{font-size:20px;line-height:24px}
.orthodontics-redesign .ohr-quick-guides{display:none}
.orthodontics-redesign .ohr-figure{display:flex;flex-direction:column;gap:12px}
.orthodontics-redesign .ohr-figure img{display:block;width:100%;height:auto;aspect-ratio:2336/1744;object-fit:contain;background:#f7f8fa}
.orthodontics-redesign :where(figcaption,.ohr-small){font-size:14px;line-height:21px;color:var(--ohr-muted)}
.orthodontics-redesign .ohr-figure[data-image-failed] img{font:400 14px/22px var(--font-body,Inter,sans-serif);padding:20px;color:var(--ohr-text)}
.orthodontics-redesign .ohr-contents{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:56px 0 0;padding:12px 0;border-block:1px solid var(--ohr-line)}
.orthodontics-redesign .ohr-contents a{display:flex;align-items:center;min-height:44px;font-size:14px;line-height:21px;font-weight:600}
.orthodontics-redesign .ohr-section{display:flex;flex-direction:column;gap:32px;margin-top:64px}
.orthodontics-redesign .ohr-heading{display:flex;flex-direction:column;gap:24px}
.orthodontics-redesign .ohr-heading p{max-width:900px}
.orthodontics-redesign .ohr-guides{list-style:none;padding:0}
.orthodontics-redesign .ohr-guides li{border-bottom:1px solid var(--ohr-line)}
.orthodontics-redesign .ohr-guides a{display:grid;grid-template-columns:360px 1fr;gap:32px;padding:24px 0;min-height:72px;transition:background-color 180ms ease}
.orthodontics-redesign .ohr-guides a:hover{background:#f7f8fa}
.orthodontics-redesign .ohr-guides strong{display:flex;gap:20px;justify-content:space-between;align-items:start;font-size:18px;line-height:26px;padding-right:16px}
.orthodontics-redesign .ohr-guides strong span{display:block;font-weight:400;transition:transform 200ms ease}
.orthodontics-redesign .ohr-guides a:hover strong span{transform:translate(2px,-2px)}
.orthodontics-redesign .ohr-guides p{color:var(--ohr-text)}
.orthodontics-redesign .ohr-assessment{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}
.orthodontics-redesign .ohr-points{display:flex;flex-direction:column;gap:32px;list-style:none;padding:0}
.orthodontics-redesign .ohr-points li{display:flex;align-items:start;gap:24px}
.orthodontics-redesign .ohr-points li>div{display:flex;flex-direction:column;gap:12px}
.orthodontics-redesign .ohr-number{font:500 13px/26px var(--font-mono,monospace);color:var(--ohr-muted);flex:0 0 24px}
.orthodontics-redesign .ohr-comparison{display:flex;flex-direction:column;gap:32px;margin-top:48px}
.orthodontics-redesign .ohr-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 24px}
.orthodontics-redesign .ohr-method{display:flex;flex-direction:column;gap:16px}
.orthodontics-redesign .ohr-method h3{font-size:20px;line-height:28px}
.orthodontics-redesign .ohr-points-visits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.orthodontics-redesign .ohr-points-visits li{flex-direction:column;gap:12px;border-top:1px solid var(--ohr-line);padding-top:20px}
.orthodontics-redesign .ohr-retention{margin-top:48px;display:flex;flex-direction:column;gap:32px}
.orthodontics-redesign .ohr-retention-figures{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.orthodontics-redesign .ohr-retention-figures article{display:flex;flex-direction:column;gap:16px}
.orthodontics-redesign .ohr-faq{max-width:960px}
.orthodontics-redesign .ohr-faq details{border:0;border-bottom:1px solid var(--ohr-line);border-radius:0;padding:0;background:transparent;overflow:visible}
.orthodontics-redesign .ohr-faq summary{position:relative;min-height:64px;padding:24px 44px 24px 0;list-style:none;cursor:pointer;font-size:16px;line-height:26px;font-weight:600;color:var(--ohr-ink)}
.orthodontics-redesign .ohr-faq summary::-webkit-details-marker{display:none}
.orthodontics-redesign .ohr-faq summary::after{content:'+';position:absolute;right:4px;top:24px;font-size:22px;line-height:26px;font-weight:400;color:var(--ohr-blue);speak:none}
.orthodontics-redesign .ohr-faq details[open]>summary::after{content:'−'}
.orthodontics-redesign .ohr-faq details p{padding:0 44px 24px 0}
html[lang="zh-TW"] .orthodontics-redesign :where(p,li){line-height:1.75}
html[lang="th"] .orthodontics-redesign :where(p,li){line-height:1.8}
@media(max-width:1024px){
 main.orthodontics-redesign{padding-top:calc(var(--header-height,64px) + 56px)}
 .orthodontics-redesign .ohr-wrap{width:calc(100% - 64px)}
 .orthodontics-redesign h1{font-size:42px;line-height:48px;letter-spacing:-.5px}
 .orthodontics-redesign h2{font-size:32px;line-height:38px}
 .orthodontics-redesign :where(.ohr-hero,.ohr-assessment){gap:32px}
 .orthodontics-redesign .ohr-guides a{grid-template-columns:240px 1fr;gap:24px}
 .orthodontics-redesign .ohr-points-visits{grid-template-columns:1fr;gap:24px}
 .orthodontics-redesign .ohr-points-visits li{flex-direction:row;gap:20px}
 .orthodontics-redesign .ohr-section{margin-top:48px}
}
@media(max-width:767px){
 main.orthodontics-redesign{padding:calc(var(--header-height,64px) + 32px) 0 64px}
 .orthodontics-redesign .ohr-wrap{width:calc(100% - 40px)}
 .orthodontics-redesign h1{font-size:36px;line-height:40px;letter-spacing:-.6px}
 .orthodontics-redesign h2{font-size:26px;line-height:32px;letter-spacing:-.25px}
 .orthodontics-redesign h3{font-size:18px;line-height:26px}
 .orthodontics-redesign :is(.ohr-hero,.ohr-assessment){grid-template-columns:minmax(0,1fr);gap:32px}
 .orthodontics-redesign .ohr-definition{gap:20px}
 .orthodontics-redesign .ohr-quick-guides{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;align-self:stretch}
 .orthodontics-redesign .ohr-quick-guides a{display:flex;align-items:center;min-height:44px;font-size:14px;line-height:21px;font-weight:600;border-bottom:1px solid var(--ohr-line)}
 .orthodontics-redesign .ohr-contents{grid-template-columns:1fr 1fr;gap:0 24px;margin-top:32px}
 .orthodontics-redesign .ohr-section{margin-top:48px;gap:24px}
 .orthodontics-redesign .ohr-heading{gap:20px}
 .orthodontics-redesign .ohr-guides a{grid-template-columns:1fr;gap:12px;padding:24px 0}
 .orthodontics-redesign .ohr-guides strong{padding:0;font-size:18px}
 .orthodontics-redesign .ohr-comparison{gap:24px;margin-top:32px}
 .orthodontics-redesign .ohr-methods{grid-template-columns:1fr;gap:32px}
 .orthodontics-redesign .ohr-comparison[data-enhanced] .ohr-methods{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--ohr-muted) #f7f8fa;overscroll-behavior-x:contain;overflow-y:hidden;padding-bottom:8px}
 .orthodontics-redesign .ohr-comparison[data-enhanced] .ohr-method{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:normal}
 .orthodontics-redesign .ohr-selectors{display:grid;grid-template-columns:1fr 1fr;gap:8px}
 .orthodontics-redesign .ohr-controls{display:flex;flex-direction:column;gap:12px}
 .orthodontics-redesign .ohr-selectors button{min-height:48px;padding:10px 12px;border:1px solid var(--ohr-line);border-radius:4px;background:#fff;color:var(--ohr-ink);font:600 14px/21px var(--font-body,Inter,sans-serif);cursor:pointer;transition:background-color 160ms,color 160ms}
 .orthodontics-redesign .ohr-selectors button[aria-pressed="true"]{background:var(--ohr-ink);color:#fff;border-color:var(--ohr-ink)}
 .orthodontics-redesign .ohr-pager{display:flex;justify-content:space-between;align-items:center;gap:16px}
 .orthodontics-redesign .ohr-pager button{width:48px;height:48px;padding:0;border:1px solid var(--ohr-line);border-radius:4px;background:#fff;color:var(--ohr-ink);font:400 24px/1 var(--font-body,Inter,sans-serif);cursor:pointer}
 .orthodontics-redesign .ohr-pager button:disabled{color:#7c8792;background:#f7f8fa;cursor:default}
 .orthodontics-redesign .ohr-pager span{font-size:14px;line-height:21px;font-variant-numeric:tabular-nums}
 .orthodontics-redesign .ohr-retention{margin-top:32px;gap:24px}
 .orthodontics-redesign .ohr-retention-figures{grid-template-columns:1fr;gap:32px}
 .orthodontics-redesign .ohr-faq summary{padding-block:20px}
 .orthodontics-redesign .ohr-faq summary::after{top:20px}
 .orthodontics-redesign .ohr-faq details p{padding-right:0}
}
@media(prefers-reduced-motion:reduce){.orthodontics-redesign *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}