/* Open clinical scenarios and grouped capabilities, scoped to ClinMate. */
.clinmate-function .cm-ads-demo {
  width: 100%;
  max-width: 680px;
  min-width: 0;
  justify-self: end;
}
.clinmate-function .cm-ads-demo-tabs {
  display: flex;
  gap: 16px;
  margin-bottom: 12px;
  border-bottom: 1px solid var(--line);
}
.clinmate-function .cm-ads-demo-tabs button {
  flex: 1;
  min-width: 0;
  min-height: 44px;
  padding: 8px 0;
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  color: var(--muted);
  font: inherit;
  font-size: .85rem;
  line-height: 1.6;
  cursor: pointer;
  overflow-wrap: anywhere;
}
.clinmate-function .cm-ads-demo-tabs button[aria-selected="true"] {
  color: var(--navy);
  border-bottom-color: var(--navy);
}
.clinmate-function .cm-ads-demo-tabs button:focus-visible {
  outline: 2px solid var(--navy);
  outline-offset: 3px;
}
.clinmate-function .cm-ads-demo [role="tabpanel"][hidden] {
  display: none;
}
.clinmate-function .cm-ads-demo .inline-player {
  margin: 0;
}
#clinmate-cds .clinmate-function-row {
  align-items: center;
}
#clinmate-ads .clinmate-function-copy .ads-coverage {
  margin-top: 18px;
}
#clinmate-ads .clinmate-scenes .cm-document-types {
  margin: 10px 0 20px;
  color: var(--muted);
  font-size: .85rem;
  line-height: 1.8;
}
#clinmate-ads .cm-ads-workflow {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 12px 0 0;
}
#clinmate-ads .cm-ads-workflow-step {
  min-width: 0;
}
#clinmate-ads .cm-ads-workflow button {
  display: flex;
  align-items: baseline;
  gap: 6px;
  width: 100%;
  min-height: 44px;
  padding: 8px;
  border: 0;
  border-bottom: 2px solid var(--line);
  background: transparent;
  color: var(--muted);
  text-align: start;
  font: inherit;
  font-size: .72rem;
  line-height: 1.6;
  overflow-wrap: anywhere;
}
#clinmate-ads .cm-ads-workflow button[aria-pressed="true"] {
  color: var(--navy);
  border-bottom-color: var(--blue);
  background: var(--pale-blue);
}
#clinmate-ads .cm-ads-workflow button [data-no-i18n] {
  flex-shrink: 0;
  white-space: nowrap;
}
#clinmate-ads .cm-ads-workflow-description {
  margin-top: 10px;
  min-height: 3.6em;
  color: var(--muted);
  font-size: .8rem;
  line-height: 1.8;
}
#clinmate-ads .cm-ads-workflow-description [hidden] {
  display: none;
}
@media (max-width: 540px) {
  #clinmate-ads .cm-ads-workflow {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
#product-panel[data-product="clin"] {
  row-gap: 24px;
}
.clinmate-overview .cm-scene-section{padding-block:38px 48px;scroll-margin-top:106px;border-top:1px solid #e4e9ef}
.clinmate-overview .cm-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;margin-bottom:28px}
.clinmate-overview .cm-section-heading h3{font-size:clamp(1.4rem,2.2vw,1.8rem);line-height:1.5;font-weight:500;letter-spacing:-.025em;margin:0 0 10px;text-wrap:balance}
.clinmate-overview .cm-section-heading p{font-size:1rem;line-height:1.85;color:#536172;margin:0;max-width:700px}
.clinmate-overview .cm-scene-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px 28px}
.clinmate-overview .cm-scene-card{min-width:0;padding-block:20px 0;border-top:1px solid #dce6f1;background:none;box-shadow:none;border-radius:0}
.clinmate-overview .cm-scene-card h4{font-size:1.06rem;line-height:1.6;font-weight:500;color:#203a59;margin:0 0 7px}
.clinmate-overview .cm-scene-card p{font-size:.94rem;line-height:1.8;color:#5c6c7e;margin:0;overflow-wrap:anywhere}
.clinmate-overview .cm-media-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:32px;margin-top:38px}
.clinmate-overview .cm-media-item{margin:0;min-width:0;background:none;border:0;box-shadow:none}
.clinmate-overview .cm-media-caption{margin:0 0 18px;padding:0;text-align:start}
.clinmate-overview .cm-media-caption h4{font-size:1.15rem;font-weight:500;line-height:1.6;margin:0 0 7px;color:#263f5b}
.clinmate-overview .cm-media-caption p,.clinmate-overview .cm-document-types{font-size:.94rem;line-height:1.8;color:#5c6c7e;margin:0}
.clinmate-overview .cm-document-types{max-width:900px;margin-top:8px}
.clinmate-overview .cm-cds-intro{display:block}
.clinmate-overview .cm-cds-intro .clinmate-function-copy{max-width:800px}
.clinmate-overview .cm-cds-intro .clinmate-function-points{display:flex;flex-wrap:wrap;gap:10px 24px}
.clinmate-overview .cm-cds-intro .clinmate-function-copy>p{max-width:780px}
.clinmate-overview .cm-teaching-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,380px);gap:48px;align-items:center}
.clinmate-overview .cm-teaching-visual{width:min(300px,100%);justify-self:center;margin:0}
.clinmate-overview .cm-teaching-visual .inline-player{width:100%;margin:0}
.clinmate-overview .cm-teaching-visual .product-inline-video{height:440px;width:100%;object-fit:contain;background:#fff}
.clinmate-overview .cm-support-section{padding-block:46px 12px;border-top:1px solid #e4e9ef}
.clinmate-overview .cm-support-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;align-items:start}
.clinmate-overview .cm-support-module{min-width:0;background:none;border:0;border-radius:0;box-shadow:none;scroll-margin-top:106px}
.clinmate-overview .cm-support-module h4{font-size:1.2rem;line-height:1.6;font-weight:500;margin:18px 0 12px;color:#263f5b}
.clinmate-overview .cm-support-module p{font-size:1rem;line-height:1.85;color:#536172;margin:0}
.clinmate-overview .cm-module-tags{display:flex;flex-wrap:wrap;gap:8px 18px;margin:18px 0 0;padding:0;list-style:none}
.clinmate-overview .cm-module-tags li{font-size:.88rem;line-height:1.7;color:#40678f;padding:0;border:0;background:none}
.clinmate-overview .cm-support-module .clinmate-support-motion{aspect-ratio:22/9;max-height:160px;object-fit:contain}
@media(max-width:1100px){.clinmate-overview .cm-scene-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.clinmate-overview .cm-support-grid{gap:24px}}
@media(max-width:850px){.clinmate-overview .cm-scene-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.clinmate-overview .cm-support-grid{grid-template-columns:minmax(0,1fr)}.clinmate-overview .cm-support-module{padding-top:24px;border-top:1px solid #dce6f1;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:0 28px}.clinmate-overview .cm-support-module .clinmate-support-motion{grid-row:1/4;align-self:center}.clinmate-overview .cm-support-module h4{margin-top:0}.clinmate-overview .cm-module-tags{margin-top:14px}}
@media(max-width:700px){.clinmate-overview .cm-section-heading{flex-direction:column;gap:14px}.clinmate-overview .cm-scene-section{padding-block:30px 36px}.clinmate-overview .cm-media-pair{grid-template-columns:minmax(0,1fr);gap:30px;margin-top:30px}.clinmate-overview .cm-teaching-row{grid-template-columns:minmax(0,1fr);gap:28px}.clinmate-overview .cm-teaching-visual .product-inline-video{height:460px}.clinmate-overview .cm-support-section{padding-top:34px}}
@media(max-width:540px){.clinmate-overview .cm-scene-grid{grid-template-columns:minmax(0,1fr);gap:16px}.clinmate-overview .cm-scene-card{display:grid;grid-template-columns:86px minmax(0,1fr);gap:18px;align-items:center;padding-top:16px}.clinmate-overview .cm-scene-card .clinmate-scene-motion{width:86px;margin:0}.clinmate-overview .cm-scene-card p{font-size:.94rem}.clinmate-overview .cm-support-module{display:block}.clinmate-overview .cm-support-module h4{margin-top:16px}.clinmate-overview .cm-support-module .clinmate-support-motion{max-width:340px}.clinmate-overview .cm-cds-intro .clinmate-function-points{display:grid;gap:8px}}
/* Decorative clinical workflow cues. Real operation recordings stay independent. */
.clinmate-scene-motion,.clinmate-support-motion{display:block;max-width:100%;height:auto;overflow:visible;background:none;border:0;box-shadow:none;direction:ltr;transform:none}
.clinmate-scene-motion{width:118px;margin:0 0 16px}
.clinmate-support-motion{width:100%;max-width:560px;margin:0}
[data-clinmate-motion] .cm-flow-signal{stroke:#0966d8;stroke-width:1.4;stroke-dasharray:7 93;opacity:.75;animation:cm-workflow-progress 2.8s linear infinite;animation-delay:var(--cm-motion-delay,0s)}
[data-clinmate-motion] .cm-event-mark{animation:cm-workflow-review 2.8s ease-in-out infinite;animation-delay:var(--cm-motion-delay,0s)}
@keyframes cm-workflow-progress{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@keyframes cm-workflow-review{0%,48%,100%{opacity:1}58%,78%{opacity:.35}}
[data-clinmate-motion].cm-motion-paused *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){[data-clinmate-motion]:not(.cm-motion-opt-in) *{animation-play-state:paused!important}}
/* The main stylesheet disables animations globally for this preference.
   Restart only these decorative paths after the reader explicitly opts in. */
@media(prefers-reduced-motion:reduce){
 [data-clinmate-motion].cm-motion-opt-in .cm-flow-signal{animation:cm-workflow-progress 2.8s linear infinite!important;animation-delay:var(--cm-motion-delay,0s)!important}
 [data-clinmate-motion].cm-motion-opt-in .cm-event-mark{animation:cm-workflow-review 2.8s ease-in-out infinite!important;animation-delay:var(--cm-motion-delay,0s)!important}
 [data-clinmate-motion].cm-motion-opt-in.cm-motion-paused .cm-flow-signal,[data-clinmate-motion].cm-motion-opt-in.cm-motion-paused .cm-event-mark{animation-play-state:paused!important}
}
[data-clinmate-motion-toggle]{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid #cbd9e9;border-radius:5px;padding:8px 14px;color:#20518d;background:#fff;font:inherit;font-size:.875rem;line-height:1.6;cursor:pointer}
[data-clinmate-motion-toggle]:hover{border-color:#0966d8;background:#fafcff}
[data-clinmate-motion-toggle]:focus-visible{outline:2px solid #0966d8;outline-offset:4px}
@media(max-width:640px){.clinmate-scene-motion{width:110px;margin-bottom:12px}.clinmate-support-motion{max-width:460px}}
/* Scenarios belong to the overview animation, rather than a separate page section. */
#product-panel[data-product="clin"] {
  align-items: start;
}
#product-panel[data-product="clin"] .product-copy h3 {
  letter-spacing: 0;
}
#product-panel[data-product="clin"] #product-features {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 20px;
  margin-top: 22px;
}
#product-panel[data-product="clin"] #product-features li {
  min-width: 0;
  font-size: .85rem;
}
#product-panel[data-product="clin"] #product-features a {
  gap: 8px;
  min-height: 44px;
  line-height: 1.6;
  overflow-wrap: anywhere;
}
#product-panel .cm-video-scenes[hidden] {
  display: none;
}
#product-panel .cm-video-scenes {
  border-top: 1px solid var(--line);
  padding-block: 12px 0;
  margin-top: 12px;
  scroll-margin-top: 106px;
}
.cm-video-scenes .cm-section-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}
.cm-video-scenes .cm-section-heading h3 {
  font-size: .8rem;
  font-weight: 500;
  line-height: 1.6;
  margin: 0;
  color: var(--muted);
}
.cm-video-scenes [data-clinmate-motion-toggle] {
  border: 0;
  padding: 0;
  min-height: 32px;
  font-size: .75rem;
  background: transparent;
  color: var(--navy);
}
.cm-video-scenes .cm-scene-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px 12px;
}
.cm-video-scenes .cm-scene-card {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  padding: 0;
  border: 0;
}
.cm-video-scenes .clinmate-scene-motion {
  width: 28px;
  flex-shrink: 0;
  margin: 0;
}
.cm-video-scenes .cm-scene-copy {
  min-width: 0;
}
.cm-video-scenes .cm-scene-card h4 {
  font-size: .75rem;
  font-weight: 400;
  line-height: 1.5;
  margin: 0;
  color: var(--ink);
  overflow-wrap: anywhere;
}
.cm-video-scenes .cm-scene-card p {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
@media (max-width: 540px) {
  .cm-video-scenes .cm-scene-grid {
    grid-template-columns: repeat(10, minmax(88px, 1fr));
    overflow-x: auto;
    padding-bottom: 8px;
    scroll-snap-type: x proximity;
  }
  .cm-video-scenes .cm-scene-card {
    scroll-snap-align: start;
    align-items: flex-start;
  }
}