:root {
  --font-sans: "Inter", "Inter Fallback", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", "JetBrains Mono Fallback", "JetBrains Mono Fallback Courier", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}

body {
  margin: 0;
}

html:has(dialog[open]) {
  overflow: hidden;
}

[hidden] {
  display: none !important;
}

a {
  color: var(--anchor);
}

a:hover {
  color: var(--anchor-hover);
}

a.vt-btn--primary:hover,
a.vt-btn--primary:focus-visible {
  color: var(--on-anchor);
}

.vt-datarow .vt-scale__now,
.vt-datarow .vt-scale__prev {
  top: calc(4px + var(--scale-height) / 2);
}
.vt-datarow .vt-scale__clamp {
  top: 4px;
}

.vt-step.is-upcoming .vt-step__name {
  color: var(--text-muted);
}

svg.icon-14 { width: 14px; height: 14px; }
svg.icon-16 { width: 16px; height: 16px; }
svg.icon-18 { width: 18px; height: 18px; }
svg.icon-20 { width: 20px; height: 20px; }
svg.icon-22 { width: 22px; height: 22px; }
svg.icon-24 { width: 24px; height: 24px; }
svg.icon-26 { width: 26px; height: 26px; }
svg.icon-28 { width: 28px; height: 28px; }
svg.icon-fixed { flex: none; }
svg.icon-muted { color: var(--text-muted); }
svg.icon-anchor { color: var(--anchor); }
svg.icon-mt-1 { margin-top: 1px; }
svg.icon-mt-2 { margin-top: 2px; }
svg.icon-mt-3 { margin-top: 3px; }

.page {
  min-height: 100vh;
  background: var(--bg);
  color: var(--text);
  font-family: var(--font-sans);
  font-size: 15px;
  line-height: 22px;
  display: flex;
  flex-direction: column;
}

.page__main {
  flex: 1;
}

.site-header {
  border-bottom: 1px solid var(--border);
  background: var(--surface);
}

.site-header__bar {
  height: 64px;
  display: flex;
  align-items: center;
}

.site-header__bar--nav {
  gap: 32px;
}

.site-header__bar--split {
  justify-content: space-between;
}

.site-header__bar--account {
  height: 60px;
}

.site-header__actions {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 12px;
}

.site-header__icon-btn {
  padding: 0 8px;
}

.avatar,
.avatar:hover {
  width: 36px;
  height: 36px;
  border-radius: 999px;
  background: var(--anchor-tint);
  color: var(--anchor);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 13px;
  text-decoration: none;
}

.site-nav {
  display: flex;
  gap: 24px;
  font-weight: 600;
  font-size: 15px;
}

.site-nav__link,
.site-nav__link:hover {
  color: var(--text);
  text-decoration: none;
}

.site-nav__link.is-active,
.site-nav__link.is-active:hover {
  color: var(--anchor);
  border-bottom: 2px solid var(--anchor);
  padding-bottom: 2px;
}

.site-menu {
  border-top: 1px solid var(--border);
  padding: var(--space-2) 0 var(--space-4);
}

.site-menu__nav {
  display: flex;
  flex-direction: column;
}

.site-menu__link,
.site-menu__link:hover {
  padding: var(--space-3) 0;
  color: var(--text);
  font-weight: 600;
  text-decoration: none;
}

.site-menu__link.is-active,
.site-menu__link.is-active:hover {
  color: var(--anchor);
}

.site-menu__actions {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  margin-top: var(--space-2);
}

.account-nav {
  display: flex;
  gap: 24px;
  font-weight: 600;
  font-size: 14px;
  height: 60px;
  align-items: stretch;
}

.account-nav__link,
.account-nav__link:hover {
  display: inline-flex;
  align-items: center;
  color: var(--text-muted);
  text-decoration: none;
  border-bottom: 2px solid transparent;
}

.account-nav__link.is-active,
.account-nav__link.is-active:hover {
  color: var(--anchor);
  border-bottom: 2px solid var(--anchor);
}

.back-bar {
  padding: 12px 0;
  border-bottom: 1px solid var(--border);
  background: var(--surface);
}

.back-bar__inner {
  display: flex;
  align-items: center;
  gap: 8px;
}

.back-bar__link,
.back-bar__link:hover {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-weight: 600;
  font-size: 14px;
  text-decoration: none;
  color: var(--anchor);
}

.back-bar__date {
  margin-left: auto;
  font-size: 12px;
  color: var(--text-muted);
}

.account-tabbar {
  margin-top: auto;
  position: sticky;
  bottom: 0;
  background: var(--surface);
  border-top: 1px solid var(--border);
  display: flex;
  padding: 8px 8px 12px;
}

.account-tabbar__link,
.account-tabbar__link:hover {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  font-weight: 600;
  color: var(--text-muted);
  text-decoration: none;
}

.account-tabbar__link.is-active,
.account-tabbar__link.is-active:hover {
  color: var(--anchor);
}

.page--clinic {
  min-height: 900px;
  font-size: 14px;
  line-height: 20px;
}

.clinic-shell {
  --grid-gutter-x: 0;
}

.clinic-shell__row {
  min-height: 900px;
}

.clinic-nav {
  width: 240px;
  flex: none;
  background: var(--surface);
  border-right: 1px solid var(--border);
  display: flex;
  flex-direction: column;
  padding: 20px 16px;
  gap: 24px;
}

.clinic-nav__brand {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 8px;
}

.clinic-nav__menu {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 14px;
  font-weight: 600;
}

.clinic-nav__link,
.clinic-nav__link:hover {
  display: flex;
  align-items: center;
  padding: 10px 12px;
  border-radius: 8px;
  color: var(--text);
  text-decoration: none;
}

.clinic-nav__link--count {
  justify-content: space-between;
}

.clinic-nav__link.is-active,
.clinic-nav__link.is-active:hover {
  background: var(--anchor-tint);
  color: var(--anchor);
}

.clinic-nav__count {
  font-size: 12px;
}

.clinic-nav__user {
  margin-top: auto;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px;
}

.clinic-nav__who {
  display: flex;
  flex-direction: column;
  font-size: 13px;
  line-height: 18px;
}

.clinic-nav__shift {
  color: var(--text-muted);
}

.clinic-main {
  min-width: 0;
  padding: 24px 32px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.page-title {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
}

.page-title--wrap {
  gap: 16px;
  flex-wrap: wrap;
}

.page-title__text {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.page-title__text--grow {
  flex: 1;
  min-width: 0;
}

.page-title__title {
  font-size: 28px;
  line-height: 1.15;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.page-title__sub {
  font-size: 13px;
  line-height: 18px;
  color: var(--text-muted);
}

.page-title__actions {
  display: flex;
  align-items: center;
  gap: 12px;
}

.page-title__actions--fixed {
  flex: none;
}

.page-title__meta {
  font-size: 13px;
  line-height: 18px;
  color: var(--text-muted);
}

.report-head {
  padding-top: 32px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.report-head__top {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
}

.report-head__titles {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.report-head__title {
  font-size: 28px;
  line-height: 1.15;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.report-head__meta {
  font-size: 13px;
  color: var(--text-muted);
}

.report-head__actions {
  display: flex;
  gap: 8px;
}

.quiz-progress {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.quiz-progress__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.quiz-progress__section {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 28px;
  padding: 0 10px;
  border-radius: var(--radius-sm);
  background: var(--anchor-tint);
  color: var(--anchor);
  font-family: var(--font-mono);
  font-size: 11px;
  line-height: 16px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.quiz-progress__count {
  font-size: 13px;
  line-height: 18px;
  font-weight: 500;
  color: var(--text-muted);
}

.quiz-progress__track {
  height: 4px;
  border-radius: var(--radius-pill);
  background: var(--border);
  overflow: hidden;
}

.quiz-progress__fill {
  height: 100%;
  background: var(--anchor);
  border-radius: var(--radius-pill);
}

.quiz-bar {
  margin-top: auto;
  padding-top: 24px;
  border-top: 1px solid var(--border);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.quiz-bar__next {
  display: flex;
  align-items: center;
  gap: 12px;
}

.quiz-sticky-bar {
  position: sticky;
  bottom: 0;
  background: var(--surface);
  border-top: 1px solid var(--border);
  padding: 12px 0;
}

.quiz-sticky-bar__body {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.quiz-sticky-bar__row {
  display: flex;
  gap: 8px;
}

.quiz-sticky-bar__next {
  flex: 1;
}

.page-disclaimer {
  padding: 24px 0;
}

.site-footer {
  border-top: 1px solid var(--border);
  background: var(--surface);
  margin-top: 64px;
}

.site-footer__body {
  padding: 40px 0;
}

.site-footer__cols {
  --grid-gutter-x: 40px;
  --grid-gutter-y: 32px;
}

.site-footer__brand {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.site-footer__about {
  color: var(--text-muted);
  font-size: 13px;
  line-height: 18px;
  max-width: 320px;
}

.site-footer__tags {
  gap: 8px;
}

.site-footer__nav {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: 14px;
}

.site-footer__link,
.site-footer__link:hover {
  color: var(--text);
  text-decoration: none;
}

.site-footer__bottom {
  border-top: 1px solid var(--border);
}

.site-footer__legal {
  padding: 16px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px 24px;
}

.ring-size-120 { --ring-size: 120px; }
.ring-size-152 { --ring-size: 152px; }

.quiz-progress__fill--q1 { width: 6.25%; }
.quiz-progress__fill--q4 { width: 25%; }
.quiz-progress__fill--q7 { width: 43.75%; }
.quiz-progress__fill--q10 { width: 62.5%; }
.quiz-progress__fill--q12 { width: 75%; }
.quiz-progress__fill--q18 { width: 100%; }

.scale-grow-13-3 { flex-grow: 13.3; }
.scale-grow-28-6 { flex-grow: 28.6; }
.scale-grow-33-3 { flex-grow: 33.3; }
.scale-grow-34-5 { flex-grow: 34.5; }
.scale-grow-35-0 { flex-grow: 35.0; }
.scale-grow-62-5 { flex-grow: 62.5; }
.scale-grow-69-2 { flex-grow: 69.2; }
.scale-grow-75-0 { flex-grow: 75.0; }
.scale-grow-80-0 { flex-grow: 80.0; }
.scale-grow-81-8 { flex-grow: 81.8; }
.scale-grow-83-3 { flex-grow: 83.3; }
.scale-grow-85-7 { flex-grow: 85.7; }
.scale-grow-86-7 { flex-grow: 86.7; }
.scale-grow-93-8 { flex-grow: 93.8; }
.scale-grow-100-0 { flex-grow: 100.0; }
.scale-grow-103-4 { flex-grow: 103.4; }
.scale-grow-110-0 { flex-grow: 110.0; }
.scale-grow-114-3 { flex-grow: 114.3; }
.scale-grow-116-7 { flex-grow: 116.7; }
.scale-grow-120-0 { flex-grow: 120.0; }
.scale-grow-125-0 { flex-grow: 125.0; }
.scale-grow-125-5 { flex-grow: 125.5; }
.scale-grow-125-7 { flex-grow: 125.7; }
.scale-grow-127-3 { flex-grow: 127.3; }
.scale-grow-128-6 { flex-grow: 128.6; }
.scale-grow-140-0 { flex-grow: 140.0; }
.scale-grow-141-7 { flex-grow: 141.7; }
.scale-grow-142-9 { flex-grow: 142.9; }
.scale-grow-145-5 { flex-grow: 145.5; }
.scale-grow-147-1 { flex-grow: 147.1; }
.scale-grow-147-3 { flex-grow: 147.3; }
.scale-grow-150-0 { flex-grow: 150.0; }
.scale-grow-160-0 { flex-grow: 160.0; }
.scale-grow-161-5 { flex-grow: 161.5; }
.scale-grow-163-6 { flex-grow: 163.6; }
.scale-grow-166-7 { flex-grow: 166.7; }
.scale-grow-169-2 { flex-grow: 169.2; }
.scale-grow-170-0 { flex-grow: 170.0; }
.scale-grow-171-4 { flex-grow: 171.4; }
.scale-grow-172-4 { flex-grow: 172.4; }
.scale-grow-173-3 { flex-grow: 173.3; }
.scale-grow-183-3 { flex-grow: 183.3; }
.scale-grow-185-7 { flex-grow: 185.7; }
.scale-grow-190-0 { flex-grow: 190.0; }
.scale-grow-191-7 { flex-grow: 191.7; }
.scale-grow-200-0 { flex-grow: 200.0; }
.scale-grow-205-9 { flex-grow: 205.9; }
.scale-grow-214-3 { flex-grow: 214.3; }
.scale-grow-215-0 { flex-grow: 215.0; }
.scale-grow-215-4 { flex-grow: 215.4; }
.scale-grow-220-0 { flex-grow: 220.0; }
.scale-grow-225-0 { flex-grow: 225.0; }
.scale-grow-228-6 { flex-grow: 228.6; }
.scale-grow-233-3 { flex-grow: 233.3; }
.scale-grow-250-0 { flex-grow: 250.0; }
.scale-grow-257-1 { flex-grow: 257.1; }
.scale-grow-260-0 { flex-grow: 260.0; }
.scale-grow-266-7 { flex-grow: 266.7; }
.scale-grow-271-4 { flex-grow: 271.4; }
.scale-grow-275-0 { flex-grow: 275.0; }
.scale-grow-281-8 { flex-grow: 281.8; }
.scale-grow-283-3 { flex-grow: 283.3; }
.scale-grow-285-7 { flex-grow: 285.7; }
.scale-grow-293-3 { flex-grow: 293.3; }
.scale-grow-294-1 { flex-grow: 294.1; }
.scale-grow-300-0 { flex-grow: 300.0; }
.scale-grow-312-5 { flex-grow: 312.5; }
.scale-grow-333-3 { flex-grow: 333.3; }
.scale-grow-344-8 { flex-grow: 344.8; }
.scale-grow-352-9 { flex-grow: 352.9; }
.scale-grow-357-1 { flex-grow: 357.1; }
.scale-grow-360-0 { flex-grow: 360.0; }
.scale-grow-363-6 { flex-grow: 363.6; }
.scale-grow-366-7 { flex-grow: 366.7; }
.scale-grow-375-0 { flex-grow: 375.0; }
.scale-grow-380-0 { flex-grow: 380.0; }
.scale-grow-384-6 { flex-grow: 384.6; }
.scale-grow-400-0 { flex-grow: 400.0; }
.scale-grow-416-7 { flex-grow: 416.7; }
.scale-grow-428-6 { flex-grow: 428.6; }
.scale-grow-437-5 { flex-grow: 437.5; }
.scale-grow-450-0 { flex-grow: 450.0; }
.scale-grow-460-0 { flex-grow: 460.0; }
.scale-grow-468-8 { flex-grow: 468.8; }
.scale-grow-500-0 { flex-grow: 500.0; }
.scale-grow-560-0 { flex-grow: 560.0; }
.scale-grow-563-3 { flex-grow: 563.3; }

.scale-at-00276-10-0 { left: calc(1px + 0.0276 * (100% - 10px) + 0px); }
.scale-at-00345-10-1 { left: calc(1px + 0.0345 * (100% - 10px) + 1px); }
.scale-at-00414-10-2 { left: calc(1px + 0.0414 * (100% - 10px) + 2px); }
.scale-at-00563-10-0 { left: calc(1px + 0.0563 * (100% - 10px) + 0px); }
.scale-at-00688-10-2 { left: calc(1px + 0.0688 * (100% - 10px) + 2px); }
.scale-at-00800-10-1 { left: calc(1px + 0.0800 * (100% - 10px) + 1px); }
.scale-at-01071-10-0 { left: calc(1px + 0.1071 * (100% - 10px) + 0px); }
.scale-at-01143-10-0 { left: calc(1px + 0.1143 * (100% - 10px) + 0px); }
.scale-at-01250-10-1 { left: calc(1px + 0.1250 * (100% - 10px) + 1px); }
.scale-at-01257-10-1 { left: calc(1px + 0.1257 * (100% - 10px) + 1px); }
.scale-at-01300-10-2 { left: calc(1px + 0.1300 * (100% - 10px) + 2px); }
.scale-at-01379-10-3 { left: calc(1px + 0.1379 * (100% - 10px) + 3px); }
.scale-at-01450-10-2 { left: calc(1px + 0.1450 * (100% - 10px) + 2px); }
.scale-at-01533-10-0 { left: calc(1px + 0.1533 * (100% - 10px) + 0px); }
.scale-at-01600-10-0 { left: calc(1px + 0.1600 * (100% - 10px) + 0px); }
.scale-at-01629-10-2 { left: calc(1px + 0.1629 * (100% - 10px) + 2px); }
.scale-at-01667-10-1 { left: calc(1px + 0.1667 * (100% - 10px) + 1px); }
.scale-at-01750-10-2 { left: calc(1px + 0.1750 * (100% - 10px) + 2px); }
.scale-at-01800-6-0 { left: calc(1px + 0.1800 * (100% - 6px) + 0px); }
.scale-at-01820-8-2 { left: calc(1px + 0.1820 * (100% - 8px) + 2px); }
.scale-at-01867-10-4 { left: calc(1px + 0.1867 * (100% - 10px) + 4px); }
.scale-at-01933-10-4 { left: calc(1px + 0.1933 * (100% - 10px) + 4px); }
.scale-at-02000-10-3 { left: calc(1px + 0.2000 * (100% - 10px) + 3px); }
.scale-at-02000-6-0 { left: calc(1px + 0.2000 * (100% - 6px) + 0px); }
.scale-at-02000-6-1 { left: calc(1px + 0.2000 * (100% - 6px) + 1px); }
.scale-at-02280-8-2 { left: calc(1px + 0.2280 * (100% - 8px) + 2px); }
.scale-at-02286-10-1 { left: calc(1px + 0.2286 * (100% - 10px) + 1px); }
.scale-at-02314-10-2 { left: calc(1px + 0.2314 * (100% - 10px) + 2px); }
.scale-at-02400-10-4 { left: calc(1px + 0.2400 * (100% - 10px) + 4px); }
.scale-at-02400-6-0 { left: calc(1px + 0.2400 * (100% - 6px) + 0px); }
.scale-at-02533-10-4 { left: calc(1px + 0.2533 * (100% - 10px) + 4px); }
.scale-at-02629-10-4 { left: calc(1px + 0.2629 * (100% - 10px) + 4px); }
.scale-at-02667-10-2 { left: calc(1px + 0.2667 * (100% - 10px) + 2px); }
.scale-at-02833-10-2 { left: calc(1px + 0.2833 * (100% - 10px) + 2px); }
.scale-at-02857-10-3 { left: calc(1px + 0.2857 * (100% - 10px) + 3px); }
.scale-at-03000-10-4 { left: calc(1px + 0.3000 * (100% - 10px) + 4px); }
.scale-at-03154-10-4 { left: calc(1px + 0.3154 * (100% - 10px) + 4px); }
.scale-at-03167-10-2 { left: calc(1px + 0.3167 * (100% - 10px) + 2px); }
.scale-at-03167-10-4 { left: calc(1px + 0.3167 * (100% - 10px) + 4px); }
.scale-at-03250-6-0 { left: calc(1px + 0.3250 * (100% - 6px) + 0px); }
.scale-at-03333-10-3 { left: calc(1px + 0.3333 * (100% - 10px) + 3px); }
.scale-at-03333-10-4 { left: calc(1px + 0.3333 * (100% - 10px) + 4px); }
.scale-at-03500-10-4 { left: calc(1px + 0.3500 * (100% - 10px) + 4px); }
.scale-at-03600-10-4 { left: calc(1px + 0.3600 * (100% - 10px) + 4px); }
.scale-at-03667-8-4 { left: calc(1px + 0.3667 * (100% - 8px) + 4px); }
.scale-at-03750-10-3 { left: calc(1px + 0.3750 * (100% - 10px) + 3px); }
.scale-at-03750-6-1 { left: calc(1px + 0.3750 * (100% - 6px) + 1px); }
.scale-at-04000-10-2 { left: calc(1px + 0.4000 * (100% - 10px) + 2px); }
.scale-at-04000-6-0 { left: calc(1px + 0.4000 * (100% - 6px) + 0px); }
.scale-at-04000-6-1 { left: calc(1px + 0.4000 * (100% - 6px) + 1px); }
.scale-at-04000-8-4 { left: calc(1px + 0.4000 * (100% - 8px) + 4px); }
.scale-at-04167-6-1 { left: calc(1px + 0.4167 * (100% - 6px) + 1px); }
.scale-at-04200-6-2 { left: calc(1px + 0.4200 * (100% - 6px) + 2px); }
.scale-at-04267-10-4 { left: calc(1px + 0.4267 * (100% - 10px) + 4px); }
.scale-at-04286-10-3 { left: calc(1px + 0.4286 * (100% - 10px) + 3px); }
.scale-at-04375-6-1 { left: calc(1px + 0.4375 * (100% - 6px) + 1px); }
.scale-at-04400-10-4 { left: calc(1px + 0.4400 * (100% - 10px) + 4px); }
.scale-at-04500-10-4 { left: calc(1px + 0.4500 * (100% - 10px) + 4px); }
.scale-at-04600-6-0 { left: calc(1px + 0.4600 * (100% - 6px) + 0px); }
.scale-at-04750-10-4 { left: calc(1px + 0.4750 * (100% - 10px) + 4px); }
.scale-at-04828-10-5 { left: calc(1px + 0.4828 * (100% - 10px) + 5px); }
.scale-at-04857-10-2 { left: calc(1px + 0.4857 * (100% - 10px) + 2px); }
.scale-at-04857-10-4 { left: calc(1px + 0.4857 * (100% - 10px) + 4px); }
.scale-at-05000-10-5 { left: calc(1px + 0.5000 * (100% - 10px) + 5px); }
.scale-at-05000-6-3 { left: calc(1px + 0.5000 * (100% - 6px) + 3px); }
.scale-at-05250-10-4 { left: calc(1px + 0.5250 * (100% - 10px) + 4px); }
.scale-at-05364-10-4 { left: calc(1px + 0.5364 * (100% - 10px) + 4px); }
.scale-at-05417-6-2 { left: calc(1px + 0.5417 * (100% - 6px) + 2px); }
.scale-at-05600-10-4 { left: calc(1px + 0.5600 * (100% - 10px) + 4px); }
.scale-at-05600-6-0 { left: calc(1px + 0.5600 * (100% - 6px) + 0px); }
.scale-at-05600-6-1 { left: calc(1px + 0.5600 * (100% - 6px) + 1px); }
.scale-at-05600-6-4 { left: calc(1px + 0.5600 * (100% - 6px) + 4px); }
.scale-at-05636-10-4 { left: calc(1px + 0.5636 * (100% - 10px) + 4px); }
.scale-at-05667-6-2 { left: calc(1px + 0.5667 * (100% - 6px) + 2px); }
.scale-at-05750-10-4 { left: calc(1px + 0.5750 * (100% - 10px) + 4px); }
.scale-at-05800-6-2 { left: calc(1px + 0.5800 * (100% - 6px) + 2px); }
.scale-at-05800-6-4 { left: calc(1px + 0.5800 * (100% - 6px) + 4px); }
.scale-at-06000-10-4 { left: calc(1px + 0.6000 * (100% - 10px) + 4px); }
.scale-at-06000-6-3 { left: calc(1px + 0.6000 * (100% - 6px) + 3px); }
.scale-at-06200-6-3 { left: calc(1px + 0.6200 * (100% - 6px) + 3px); }
.scale-at-06250-10-5 { left: calc(1px + 0.6250 * (100% - 10px) + 5px); }
.scale-at-06250-6-3 { left: calc(1px + 0.6250 * (100% - 6px) + 3px); }
.scale-at-06400-6-2 { left: calc(1px + 0.6400 * (100% - 6px) + 2px); }
.scale-at-06400-6-3 { left: calc(1px + 0.6400 * (100% - 6px) + 3px); }
.scale-at-06429-10-5 { left: calc(1px + 0.6429 * (100% - 10px) + 5px); }
.scale-at-06571-10-6 { left: calc(1px + 0.6571 * (100% - 10px) + 6px); }
.scale-at-06600-6-4 { left: calc(1px + 0.6600 * (100% - 6px) + 4px); }
.scale-at-06667-10-5 { left: calc(1px + 0.6667 * (100% - 10px) + 5px); }
.scale-at-06857-10-6 { left: calc(1px + 0.6857 * (100% - 10px) + 6px); }
.scale-at-06875-6-3 { left: calc(1px + 0.6875 * (100% - 6px) + 3px); }
.scale-at-06941-8-6 { left: calc(1px + 0.6941 * (100% - 8px) + 6px); }
.scale-at-07059-8-6 { left: calc(1px + 0.7059 * (100% - 8px) + 6px); }
.scale-at-07143-10-5 { left: calc(1px + 0.7143 * (100% - 10px) + 5px); }
.scale-at-07250-6-2 { left: calc(1px + 0.7250 * (100% - 6px) + 2px); }
.scale-at-07250-6-4 { left: calc(1px + 0.7250 * (100% - 6px) + 4px); }
.scale-at-07364-10-6 { left: calc(1px + 0.7364 * (100% - 10px) + 6px); }
.scale-at-07500-6-3 { left: calc(1px + 0.7500 * (100% - 6px) + 3px); }
.scale-at-07636-10-6 { left: calc(1px + 0.7636 * (100% - 10px) + 6px); }
.scale-at-08000-10-7 { left: calc(1px + 0.8000 * (100% - 10px) + 7px); }
.scale-at-08143-10-7 { left: calc(1px + 0.8143 * (100% - 10px) + 7px); }
.scale-at-08250-6-4 { left: calc(1px + 0.8250 * (100% - 6px) + 4px); }
.scale-at-08276-10-7 { left: calc(1px + 0.8276 * (100% - 10px) + 7px); }
.scale-at-08333-10-7 { left: calc(1px + 0.8333 * (100% - 10px) + 7px); }
.scale-at-08571-10-7 { left: calc(1px + 0.8571 * (100% - 10px) + 7px); }
.scale-at-08750-10-7 { left: calc(1px + 0.8750 * (100% - 10px) + 7px); }
.scale-at-08875-6-4 { left: calc(1px + 0.8875 * (100% - 6px) + 4px); }

.pt-rating-1 { --pt: var(--rating-1); }
.pt-rating-2 { --pt: var(--rating-2); }
.pt-rating-3 { --pt: var(--rating-3); }
.pt-rating-4 { --pt: var(--rating-4); }
.pt-rating-5 { --pt: var(--rating-5); }
.pt-status-in-range { --pt: var(--status-in-range); }
.pt-status-informational { --pt: var(--status-informational); }
.pt-status-out-of-range { --pt: var(--status-out-of-range); }

::view-transition-group(site-header),
::view-transition-group(site-footer) {
  animation: none;
}

::view-transition-image-pair(site-header),
::view-transition-image-pair(site-footer) {
  isolation: auto;
}

::view-transition-old(site-header),
::view-transition-old(site-footer) {
  display: none;
}

::view-transition-new(site-header),
::view-transition-new(site-footer) {
  animation: none;
  mix-blend-mode: normal;
}

::view-transition-old(root),
::view-transition-new(root) {
  animation-duration: 160ms;
}

@media (min-width: 768px) {
  .mobile-only {
    display: none !important;
  }
}

@media (max-width: 991px) {

  .clinic-shell__row {
    min-height: 0;
  }

  .clinic-nav {
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    border-right: 0;
    border-bottom: 1px solid var(--border);
    padding: var(--space-3) var(--space-4);
    gap: var(--space-2) var(--space-6);
  }

  .clinic-nav__brand {
    gap: var(--space-3);
  }

  .clinic-nav__menu {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .clinic-nav__link,
  .clinic-nav__link:hover {
    gap: var(--space-2);
  }

  .clinic-nav__user {
    margin-top: 0;
    margin-left: auto;
  }

  .clinic-main {
    padding: var(--space-6) var(--space-4);
  }
}

@media (max-width: 767px) {
  .desktop-only {
    display: none !important;
  }

  .site-header__bar {
    height: 55px;
  }

  .site-header__actions {
    gap: 8px;
  }

  .site-header--account {
    position: sticky;
    top: 0;
    z-index: 2;
  }

  .page-title {
    flex-wrap: wrap;
  }

  .page-title__text--grow {
    flex-basis: 100%;
  }

  .page-title__actions {
    flex-wrap: wrap;
  }

  .page-title__actions--fixed {
    flex-shrink: 1;
  }

  .report-head {
    padding-top: 24px;
    gap: 16px;
  }

  .report-head__title {
    font-size: 24px;
  }

  .report-head--wrap .report-head__title {
    font-size: 28px;
  }

  .report-head__actions {
    flex-wrap: wrap;
  }

  .report-head--wrap .report-head__tabs {
    flex-wrap: wrap;
    gap: 4px 20px;
  }

  .site-footer__body {
    padding: 40px 8px;
  }

  .site-footer__legal {
    padding: 16px 8px;
  }

  .site-footer__nav--first {
    padding-right: 4px;
  }

  .site-footer__nav--second {
    padding-left: 4px;
  }

  .ring-size-mobile-100 {
    --ring-size: 100px;
  }

  .ring-size-mobile-140 {
    --ring-size: 140px;
  }

  .datarow-mobile-stack {
    grid-template-columns: 1fr auto;
    grid-template-areas: "name badge" "scale scale" "value value";
  }

  .datarow-mobile-stack .vt-datarow__name {
    grid-area: name;
  }

  .datarow-mobile-stack .vt-badge {
    grid-area: badge;
  }

  .datarow-mobile-stack .vt-scale {
    grid-area: scale;
  }

  .datarow-mobile-stack .vt-datarow__value {
    grid-area: value;
    text-align: left;
  }

  .stepper-mobile-vertical {
    flex-direction: column;
    gap: 0;
  }

  .stepper-mobile-vertical .vt-step {
    flex-direction: row;
    align-items: flex-start;
    gap: var(--space-3);
    padding: 0 0 var(--space-5);
  }

  .stepper-mobile-vertical .vt-step__line {
    top: 24px;
    left: 11px;
    right: auto;
    bottom: 0;
    width: 2px;
    height: auto;
  }

  .bodymap-mobile-stack {
    grid-template-columns: 1fr;
    justify-items: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  ::view-transition-group(*),
  ::view-transition-old(*),
  ::view-transition-new(*) {
    animation: none !important;
  }
}