/* Scoped presentation only. Original art layers, dimensions and mobile CTAs stay intact. */
.cm-native-nav{display:none}
@media(min-width:900px){
  html[data-campaign-motion]{scroll-padding-top:16px}
  html[data-campaign-motion] :is(.campaign-native,.t-page,.care-page) :is(section[id],h2[id]){scroll-margin-top:96px}
  .cm-native-nav + .campaign-native section[id]{scroll-margin-top:96px}
  .cm-native-nav{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:24px;position:sticky;top:0;z-index:20;max-width:1000px;min-height:64px;margin:0 auto;padding:10px 32px;background:#110e0bf5;border-bottom:1px solid #b89a4a50;color:#f8f2e7;font:500 14px/1.5 Arial,'Microsoft JhengHei',sans-serif}
  .cm-native-nav--snoring{background:#10213bf5;border-bottom-color:#9db8da40}
  .cm-native-nav>a{font-weight:700;letter-spacing:.06em;color:inherit;text-decoration:none;white-space:nowrap}
  .cm-native-nav nav{display:flex;align-items:center;gap:24px}
  .cm-native-nav nav a{display:inline-flex;align-items:center;min-height:42px;text-decoration:none;color:inherit;white-space:nowrap}
  .cm-native-nav nav a:last-child{color:#f2d477;border-bottom:1px solid #d9b754}
  .cm-native-nav a:focus-visible{outline:2px solid #f2d477;outline-offset:4px}
  html[data-campaign-motion] .site-header{position:sticky;top:0;z-index:20;background:var(--paper);box-shadow:0 1px 0 var(--line)}
  html[data-campaign-motion] .t-header{position:sticky;top:0;z-index:20;background:#100d0bf5;box-shadow:0 1px 0 #b89a4a50}
}
html[data-campaign-motion] :is(.campaign-native,.t-page){--cm-step-ink:#fff0bf;--cm-step-line:#dfb74e}
html[data-campaign-motion] .care-page{--cm-step-ink:var(--ink);--cm-step-line:var(--accent)}
html[data-campaign-motion] .cm-step-current h3{color:var(--cm-step-ink);text-decoration:underline;text-decoration-color:var(--cm-step-line);text-decoration-thickness:2px;text-underline-offset:.28em}
html[data-campaign-motion] .nasal-step.cm-step-current>.step-number{color:#d8b557a6}
html[data-campaign-motion] :is(.t-process-list,.care-steps)>.cm-step-current>span{color:var(--cm-step-ink)}
/* Decorative timeline: measured from the first to last heading, not page length. */
.sn-steps.cm-process-linked{position:relative}
html[data-campaign-motion] .cm-process-rail{position:absolute;width:2px;background:color-mix(in srgb,var(--cm-step-line) 28%,transparent);z-index:3;pointer-events:none;view-timeline-name:--cm-process;view-timeline-axis:block;view-timeline-inset:43% 56.9%}
html[data-campaign-motion] .cm-process-fill{display:block;width:100%;height:100%;background:var(--cm-step-line);transform-origin:top;transform:scaleY(1)}
html[data-campaign-motion] .cm-process-stop{position:absolute;left:-3px;width:8px;height:8px;border-radius:50%;background:var(--cm-step-line);transform:translateY(-50%);box-shadow:0 0 0 4px color-mix(in srgb,var(--cm-step-line) 10%,transparent)}
.t-process.cm-process-linked .t-process-list li:before,.journey.cm-process-linked .care-steps:before{display:none}
/* clip preserves clipping without introducing a false timeline scroll container. */
html[data-campaign-motion] .nasal-steps{overflow:clip!important}
/* Reuse the existing assessment text beside the diagram; no extra copy/spacers. */
.cm-anatomy-story>.t-assessment{grid-column:1/-1;width:100%;margin:0}
.cm-anatomy-story>figure{align-self:center}
@media(min-width:1024px) and (min-height:700px){
  .t-anatomy-layout.cm-anatomy-story{grid-template-columns:1.15fr 1fr;align-items:start;column-gap:52px;row-gap:0;margin-top:45px}
  .cm-anatomy-story>figure{grid-column:1;grid-row:1/span 2;position:sticky;top:104px;align-self:start;margin:0 -30px}
  .cm-anatomy-story>figure img{height:auto;max-height:calc(100svh - 166px);object-fit:contain}
  .cm-anatomy-story>.t-anatomy-copy{grid-column:2;grid-row:1;padding-top:30px}
  .cm-anatomy-story>.t-assessment{grid-column:2;grid-row:2;padding:64px 0 0}
  .cm-anatomy-story .t-assessment .t-section-heading{margin-bottom:36px}
  .cm-anatomy-story .t-assessment h2{font-size:32px}
  .cm-anatomy-story .t-assessment-grid{grid-template-columns:1fr;gap:32px}
  .cm-anatomy-story .t-assessment-grid article{display:grid;grid-template-columns:42px 1fr;gap:8px 18px}
  .cm-anatomy-story .t-step-number{grid-row:1/3;font-size:30px;margin:0}
  .cm-anatomy-story .t-assessment-grid h3{font-size:24px;margin:0}
  .cm-anatomy-story .t-assessment-grid p{grid-column:2;font-size:16px}
  .cm-anatomy-story .t-alert{padding:24px;margin-top:36px}
}
/* Move only the original radial light; photos, masks and geometric rings stay put. */
.care-page .life.cm-ambient-section{background:none;view-timeline-name:--cm-light;view-timeline-axis:block}
.care-page .cm-ambient-light{position:absolute;inset:-40px 0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 94% 30%,var(--panel),transparent 58%),radial-gradient(ellipse at 8% 76%,var(--panel),transparent 50%)}
@supports(animation-timeline:view()){
  @media(prefers-reduced-motion:no-preference){
    html[data-campaign-motion] .cm-process-fill{animation:cm-progress 1s linear both;animation-timeline:--cm-process}
  }
  @media(min-width:1024px) and (min-height:700px) and (prefers-reduced-motion:no-preference){
    .care-page .cm-ambient-light{animation:cm-depth 1s linear both;animation-timeline:--cm-light}
  }
}
@keyframes cm-progress{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes cm-depth{from{transform:translateY(-32px)}to{transform:translateY(32px)}}
@media print{.cm-process-rail,.cm-ambient-light{display:none}.cm-anatomy-story>figure{position:static}}
@media(prefers-reduced-motion:reduce){
  html[data-campaign-motion]{scroll-behavior:auto!important}
  html[data-campaign-motion] :is(.campaign-native,.t-page,.care-page) *{scroll-behavior:auto!important}
}