.prepared-story { height: 580svh; position: relative; margin-top: clamp(50px,7vw,96px); }
.prepared-story-chapters {
  position: sticky;
  top: calc(100svh - 54px);
  z-index: 4;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin: 0 0 18px;
  padding: 0;
  list-style: none;
}
.prepared-story-chapters button {
  min-height: 36px;
  padding: 0 14px;
  border: 1px solid #c5d4d0;
  border-radius: 999px;
  color: #3f534f;
  background: #fff;
  font: 650 13px/1 inherit;
  cursor: pointer;
}
.prepared-story-chapters button.is-active {
  color: #fff;
  border-color: #244b49;
  background: #244b49;
}
.clinician-prepared-block .prepared-story { margin-top: 0; }
.prepared-story-card { width: min(700px,100%,calc((100svh - 220px)*1.56)); aspect-ratio: 1.56; position: relative; z-index: 2; grid-column: 1; grid-row: 1; justify-self: center; overflow: visible; opacity: var(--story-opacity,1); transform: translate3d(0,var(--story-y,0),0) scale(var(--story-scale,1)); transform-origin: center; will-change: opacity,transform; }
.prepared-story-card,
.prepared-story-card * { pointer-events: none !important; }
.prepared-story-card::before { display: none; }
.prepared-story-frame { width: 100%; height: 100%; position: relative; overflow: hidden; border: 1px solid #bfd1cc; border-radius: clamp(28px,3vw,48px); background: #eef3f0; }
.prepared-story-media { position: absolute; inset: 0; overflow: hidden; background: linear-gradient(135deg,#f7f4ed 0%,#eef3f0 56%,#e4efec 100%); }
.prepared-story-ui { position: absolute; z-index: 2; inset: 0; display: grid; place-items: center; padding: clamp(24px,4vw,58px); }
.prepared-story-state { width: min(580px,100%); position: relative; padding: clamp(20px,2.4vw,30px); border: 1px solid rgba(71,86,78,.12); border-radius: var(--n1-radius-4xl); background: rgba(255,253,249,.94); }
.story-ui-head { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding-bottom: 16px; border-bottom: 1px solid #deddd8; }
.story-ui-head div { display: flex; align-items: center; gap: 10px; }
.story-ui-avatar { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 50%; color: #f7f4ed; background: #376361; font-size: 8px; font-weight: 800; }
.story-ui-head b, .story-ui-head small { display: block; }
.story-ui-head b { color: #282c29; font-size: 13px; }
.story-ui-head small { margin-top: 3px; color: #4a5854; font-size: 12px; }
.story-ui-head > span { color: #2f7773; font-size: 8px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.story-extract-body { min-height: 166px; position: relative; margin-top: 13px; overflow: hidden; }
.story-extract-stage { position: absolute; inset: 0; opacity: 0; }
.story-extract-start { display: grid; align-content: center; justify-items: center; gap: 13px; opacity: 1; }
.story-extract-file { width: min(330px,90%); display: flex; align-items: center; gap: 11px; padding: 12px; border: 1px solid #d4dfdc; border-radius: 11px; background: #f8faf9; text-align: left; }
.story-extract-file > i { width: 34px; height: 39px; display: grid; flex: 0 0 auto; place-items: center; border-radius: 7px; color: #fff; background: #b76c58; font-size: 7px; font-style: normal; font-weight: 800; }
.story-extract-file span { min-width: 0; flex: 1; }
.story-extract-file b,.story-extract-file small { display: block; }
.story-extract-file b { color: #35403c; font-size: 10px; }
.story-extract-file small { margin-top: 3px; color: #7a7e7a; font-size: 7px; }
.story-extract-button { position: relative; min-width: 154px; min-height: 34px; display: grid; place-items: center; border-radius: 9px; color: #fff; background: #376361; font-size: 8px; font-weight: 800; }
.story-extract-pointer { position: absolute; z-index: 2; right: -13px; bottom: -11px; color: #244b49; filter: drop-shadow(0 2px 2px rgba(255,255,255,.9)); font: 400 20px/1 var(--sans); transform: rotate(-20deg); }
.story-extract-typing { display: grid; align-content: center; justify-items: center; gap: 14px; }
.story-extract-scan { width: min(390px,92%); padding: 20px; border: 1px solid #c8d8d4; border-radius: 12px; background: #f3f8f6; }
.story-extract-scan > span { display: block; color: #75817c; font-size: 7px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.story-extract-typed { width: 0; max-width: 100%; display: block; margin: 11px auto 0; overflow: hidden; color: #2d413c; border-right: 1px solid #2f7773; font: 400 15px/1.25 var(--serif); white-space: nowrap; }
.story-extract-scanbar { height: 5px; margin-top: 16px; overflow: hidden; border-radius: 999px; background: #d8e4e0; }
.story-extract-scanbar i { width: 0; height: 100%; display: block; border-radius: inherit; background: #48a9a6; }
.story-extract-results { display: grid; grid-template-rows: auto minmax(0,1fr); }
.story-extract-result-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 7px; }
.story-extract-result-head span { display: flex; align-items: center; gap: 7px; color: #34433e; font-size: 9px; font-weight: 800; }
.story-extract-result-head i { width: 18px; height: 18px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: #48a9a6; font-size: 9px; font-style: normal; }
.story-extract-result-head small { color: #74807b; font-size: 7px; }
.story-data-table { overflow: hidden; border: 1px solid #d9e2df; border-radius: 10px; background: #fff; }
.story-data-row { display: grid; grid-template-columns: 92px minmax(0,1fr) 52px; align-items: center; min-height: 22px; padding: 0 9px; border-top: 1px solid #e7ebe9; }
.story-data-row:first-child { border-top: 0; }
.story-data-row > span { color: #2f7773; font-size: 7px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.story-data-row > b { overflow: hidden; color: #39433f; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.story-data-row > small { color: #78817d; font-size: 7px; text-align: right; }
.story-record-ready { display: flex; align-items: center; gap: 11px; margin-top: 18px; color: #4c5450; font-size: 11px; }
.story-record-ready i { width: 18px; height: 18px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: #48a9a6; font-size: 9px; font-style: normal; }
.story-records-grid { display: grid; grid-template-columns: repeat(4,1fr); margin-top: 16px; overflow: hidden; border: 1px solid #dcdbd6; border-radius: var(--n1-radius-2xl); }
.story-records-grid div { padding: 13px 10px; border-left: 1px solid #dcdbd6; }
.story-records-grid div:first-child { border-left: 0; }
.story-records-grid span, .story-records-grid b { display: block; }
.story-records-grid span { color: #858783; font-size: 7px; letter-spacing: .06em; text-transform: uppercase; }
.story-records-grid b { margin-top: 6px; color: #303431; font: 400 18px/1 var(--serif); }
.story-upload-zone { min-height: 124px; position: relative; margin-top: 18px; overflow: hidden; border: 1px dashed #8fb4ae; border-radius: 14px; color: #315e5a; background: #f2f8f6; text-align: center; }
.story-upload-stage { position: absolute; inset: 0; display: grid; align-content: center; justify-items: center; gap: 7px; padding: 18px; }
.story-upload-choose { opacity: 1; }
.story-upload-selected,.story-upload-complete { opacity: 0; }
.story-upload-choose > i,.story-upload-complete > i { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; color: #fff; background: #376361; font: 700 18px/1 var(--sans); }
.story-upload-selected { width: min(330px,calc(100% - 30px)); right: auto; left: 50%; justify-items: stretch; padding: 18px 0; text-align: left; transform: translateX(-50%); }
.story-upload-selected-row { display: flex; align-items: center; gap: 11px; }
.story-upload-selected-row > i { width: 35px; height: 40px; display: grid; flex: 0 0 auto; place-items: center; border-radius: 7px; color: #fff; background: #b76c58; font-size: 7px; font-style: normal; font-weight: 800; letter-spacing: .06em; }
.story-upload-selected-row span { min-width: 0; flex: 1; }
.story-upload-selected-row b,.story-upload-selected-row small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.story-upload-selected-row b { color: #35403c; font-size: 10px; }
.story-upload-meter { height: 5px; margin-top: 4px; overflow: hidden; border-radius: 999px; background: #d8e4e0; }
.story-upload-meter span { width: 0; height: 100%; display: block; border-radius: inherit; background: #48a9a6; }
.story-upload-status { display: flex; justify-content: space-between; color: #667772 !important; }
.story-upload-complete > i { border-radius: 50%; background: #48a9a6; }
.story-upload-zone b { font-size: 12px; }
.story-upload-zone small { color: #3f534f; font-size: 12px; }
.story-upload-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 10px; }
.story-upload-actions span { padding: 10px; border: 1px solid #d4dfdc; border-radius: 9px; color: #65716d; background: #fff; font-size: 8px; text-align: center; }
.story-upload-actions b { margin-right: 4px; color: #2f7773; }
.story-change-title { display: flex; justify-content: space-between; gap: 18px; margin-top: 18px; }
.story-change-title span { color: #2f7773; font-size: 8px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.story-change-title span em { display: inline-block; margin-left: 8px; color: #75817c; font-size: 7px; font-style: normal; font-weight: 650; letter-spacing: .03em; text-transform: none; }
.story-change-title b { color: #303431; font: 400 19px/1 var(--serif); }
.story-change-chart { height: 128px; position: relative; margin-top: 10px; pointer-events: auto; }
.story-change-chart svg { width: 100%; height: 100%; display: block; overflow: visible; pointer-events: auto; }
.story-chart-grid line { stroke: #e7ebe9; stroke-width: 1; }
.story-chart-reference { fill: rgba(72,169,166,.12); }
.story-chart-reference-edge { stroke: #48a9a6; stroke-width: 1.2; stroke-dasharray: 5 4; opacity: .7; }
.story-chart-axis text { fill: #7b8581; font: 7px/1 var(--sans); }
.story-chart-range-label { fill: #39756f; font: 700 7px/1 var(--sans); }
.story-chart-line { fill: none; stroke: #376361; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }
.story-chart-point { cursor: pointer; outline: none; transition: fill .2s ease,stroke .2s ease,r .2s ease; }
.story-chart-point.is-outside { fill: #c76250; stroke: #fffdf9; stroke-width: 2.5px; }
.story-chart-point:hover,.story-chart-point:focus { r: 8px; fill: #244b49; stroke: #fffdf9; stroke-width: 3px; }
.story-chart-point:focus-visible { filter: drop-shadow(0 0 4px rgba(72,169,166,.65)); }
.story-chart-tooltip { width: 150px; max-width: calc(100% - 12px); box-sizing: border-box; position: absolute; z-index: 5; left: clamp(75px,var(--tip-x,50%),calc(100% - 75px)); top: var(--tip-y,50%); padding: 9px 10px; color: #f7f4ed; border-radius: 9px; background: #244b49; box-shadow: 0 9px 24px rgba(36,75,73,.2); opacity: 0; pointer-events: none; transform: translate(-50%,calc(-100% - 10px)) translateY(4px); transition: opacity .18s ease,transform .18s ease; }
.story-chart-tooltip.is-visible { opacity: 1; transform: translate(-50%,calc(-100% - 10px)) translateY(0); }
.story-chart-tooltip.is-below { transform: translate(-50%,10px) translateY(-4px); }
.story-chart-tooltip.is-visible.is-below { transform: translate(-50%,10px) translateY(0); }
.story-chart-tooltip b,.story-chart-tooltip small { display: block; }
.story-chart-tooltip b { font-size: 9px; }
.story-chart-tooltip small { margin-top: 3px; color: #cce0dc; font-size: 7px; line-height: 1.35; }
.story-review-finding { margin-top: 18px; }
.story-review-finding > span, .story-source-card span { color: #2f7773; font-size: 8px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.story-review-finding h3 { max-width: 390px; margin: 7px 0 0; color: #292d2a; font: 400 clamp(20px,2vw,26px)/1.04 var(--serif); }
.story-review-finding p { margin: 10px 0 0; color: #626662; font-size: 10px; line-height: 1.5; }
.story-source-card { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 18px; padding: 13px 14px; border: 1px solid #82aaa5; border-radius: var(--n1-radius-2xl); color: #325e5b; background: #e8f1ef; }
.story-source-card b, .story-source-card small { display: block; }
.story-source-card b { margin-top: 4px; font-size: 9px; }
.story-source-card small { color: #607772; font-size: 8px; white-space: nowrap; }
.story-report-title { display: flex; align-items: end; justify-content: space-between; gap: 18px; margin-top: 18px; }
.story-report-title span { color: #2f7773; font-size: 8px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.story-report-title b { color: #303431; font: 400 21px/1 var(--serif); }
.story-report-summary { margin-top: 15px; padding: 14px; border: 1px solid #d9e2df; border-radius: 11px; background: #f8faf9; }
.story-report-summary > span { color: #73807b; font-size: 7px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.story-report-summary p { margin: 7px 0 0; color: #35403c; font: 400 13px/1.42 var(--serif); }
.story-report-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 7px; margin-top: 10px; }
.story-report-grid span { padding: 9px; border-radius: 8px; color: #737d79; background: #eef4f2; font-size: 7px; }
.story-report-grid b { display: block; margin-top: 4px; color: #29332f; font-size: 10px; }
.story-report-source { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 11px; padding-top: 10px; border-top: 1px solid #dce3e0; color: #5e6d68; font-size: 8px; }
.story-report-source b { color: #2f7773; font-size: 8px; }
.story-report-open { min-height: 34px; display: inline-flex; align-items: center; margin-top: 13px; padding: 0 12px; border-radius: 8px; color: #fff; background: #376361; font-size: 8px; font-weight: 800; text-decoration: none; pointer-events: auto; }
.story-report-open:hover { background: #244b49; }
.story-report-window { position: relative; margin-top: 12px; overflow: hidden; border: 0; border-radius: 0; background: #fff; box-shadow: none; pointer-events: auto; }
.prepared-story-step:nth-child(4) .story-report-window { width: 100%; margin-top: 0; }
.story-report-scroll { height: 210px; box-sizing: border-box; overflow-x: hidden; overflow-y: auto; padding: 17px 18px 34px; color: #37413d; background: #fff; pointer-events: auto; overscroll-behavior-y: auto; scrollbar-color: #8db3ad #eef3f1; scrollbar-width: thin; }
.story-report-scroll::-webkit-scrollbar { width: 7px; }
.story-report-scroll::-webkit-scrollbar-track { background: #eef3f1; }
.story-report-scroll::-webkit-scrollbar-thumb { border: 2px solid #eef3f1; border-radius: 999px; background: #8db3ad; }
.story-report-cover > span { color: #2f7773; font-size: 7px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.story-report-cover h4 { margin: 7px 0 4px; color: #202523; font: 400 24px/1 var(--serif); }
.story-report-cover > p { margin: 0; color: #6b7672; font-size: 8px; }
.story-report-meta { display: grid; grid-template-columns: repeat(3,1fr); gap: 5px; margin-top: 13px; }
.story-report-meta span { padding: 7px; border: 1px solid #dfe6e3; border-radius: 7px; color: #69746f; background: #f8faf9; font-size: 7px; }
.story-report-meta b { display: block; margin-top: 3px; color: #2f3a36; font-size: 9px; }
.story-report-section { padding: 17px 0; border-top: 1px solid #e0e6e3; }
.story-report-section:first-of-type { margin-top: 17px; }
.story-report-section > small { color: #2f7773; font-size: 7px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.story-report-section h5 { margin: 5px 0 8px; color: #202523; font: 400 17px/1.08 var(--serif); }
.story-report-section p { margin: 0; color: #586560; font-size: 9px; line-height: 1.55; }
.story-report-markers { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; margin-top: 11px; }
.story-report-markers span { padding: 8px; border-radius: 7px; background: #eef4f2; }
.story-report-markers small,.story-report-markers b,.story-report-markers em { display: block; }
.story-report-markers small { color: #6c7a75; font-size: 6px; }
.story-report-markers b { margin-top: 4px; color: #293530; font-size: 10px; }
.story-report-markers em { margin-top: 3px; color: #2f7773; font-size: 6px; font-style: normal; }
.story-report-system { display: grid; grid-template-columns: 1fr auto; gap: 8px; padding: 8px 0; border-top: 1px solid #e7ebe9; }
.story-report-system:first-of-type { border-top: 0; }
.story-report-system b { color: #34403c; font-size: 9px; }
.story-report-system span { color: #697570; font-size: 7px; }
.story-report-system em { color: #2d8069; font-size: 7px; font-style: normal; font-weight: 800; }
.story-report-recommendations { display: grid; gap: 7px; }
.story-report-recommendations div { padding: 9px; border-left: 3px solid #48a9a6; background: #edf6f4; }
.story-report-recommendations b { display: block; color: #30403b; font-size: 8px; }
.story-report-recommendations p { margin-top: 3px; font-size: 8px; }
.story-report-provenance { display: block; padding-top: 14px; color: #77827e; border-top: 1px solid #e0e6e3; font-size: 7px; line-height: 1.45; }
.story-report-cue { position: absolute; right: 10px; bottom: 8px; padding: 5px 8px; color: #fff; border-radius: 999px; background: rgba(36,75,73,.9); font-size: 7px; font-weight: 800; pointer-events: none; transition: opacity .2s ease; }
.story-report-window.is-scrolled .story-report-cue { opacity: 0; }
.story-verify-state { width:min(680px,100%); overflow:hidden; }
.story-verify-layout { min-height:180px; position:relative; display:grid; grid-template-columns:minmax(0,1.2fr) minmax(190px,.8fr); gap:14px; margin-top:14px; }
.story-verify-report { padding:18px; border:1px solid #dce5e2; border-radius:12px; background:#fff; }
.story-verify-report > small { color:#2f7773; font-size:7px; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }
.story-verify-report h4 { margin:7px 0 11px; color:#202523; font:600 18px/1.05 var(--sans); letter-spacing:-.03em; }
.story-verify-report p { margin:0; color:#53615c; font-size:10px; line-height:1.58; }
.story-verify-report > span { display:block; margin-top:16px; color:#78827e; font-size:7px; }
.story-verify-claim { display:inline; padding:0 2px 1px; border:0; border-bottom:1.5px solid #2f7773; color:#244b49; background:#dff0ec; font:700 inherit; cursor:pointer; }
.story-verify-panel { padding:15px; border:1px solid #c7dad5; border-radius:12px; background:#f8fbfa; box-shadow:0 14px 30px rgba(31,65,59,.12); opacity:0; transform:translateX(12px); }
.story-verify-panel > small { color:#2f7773; font-size:7px; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }
.story-verify-panel > strong { display:block; margin-top:5px; color:#202523; font:600 18px/1 var(--sans); }
.story-verify-panel dl { display:grid; gap:0; margin:13px 0 0; }
.story-verify-panel dl div { display:flex; justify-content:space-between; gap:10px; padding:7px 0; border-top:1px solid #dce5e2; }
.story-verify-panel dt { color:#74807b; font-size:7px; }
.story-verify-panel dd { margin:0; color:#2d3c37; font-size:8px; font-weight:700; }
.story-verify-panel em { display:block; margin-top:10px; color:#26705c; font-size:7px; font-style:normal; font-weight:800; }
.story-verify-cursor { width:18px; height:22px; position:absolute; z-index:4; right:18px; bottom:12px; fill:#fff; stroke:#244b49; stroke-linejoin:round; stroke-width:1.4; filter:drop-shadow(0 2px 2px rgba(20,45,42,.24)); opacity:0; }
.prepared-story-step.is-active:nth-child(5) .story-verify-cursor { animation:story-verify-cursor 6.4s .35s ease-in-out infinite; }
.prepared-story-step.is-active:nth-child(5) .story-verify-panel { animation:story-verify-panel 6.4s .35s ease-in-out infinite; }
.prepared-story-step.is-active:nth-child(5) .story-verify-claim { animation:story-verify-claim 6.4s .35s ease-in-out infinite; }
.prepared-story-step.is-active:first-child .story-upload-zone { animation: story-upload-zone-in .65s cubic-bezier(.22,1,.36,1) both; }
.prepared-story-step.is-active:first-child .story-upload-choose { animation: story-upload-choose 6.2s .35s ease-in-out infinite; }
.prepared-story-step.is-active:first-child .story-upload-selected { animation: story-upload-selected 6.2s .35s ease-in-out infinite; }
.prepared-story-step.is-active:first-child .story-upload-complete { animation: story-upload-complete 6.2s .35s ease-in-out infinite; }
.prepared-story-step.is-active:first-child .story-upload-meter span { animation: story-upload-progress 6.2s .35s cubic-bezier(.22,.75,.28,1) infinite; }
.prepared-story-step.is-active:first-child .story-upload-actions span { animation: story-control-in .5s .65s ease-out both; }
.prepared-story-step.is-active:first-child .story-upload-actions span + span { animation-delay: .9s; }
.prepared-story-step.is-active:first-child .story-upload-actions span:first-child { animation: story-upload-step-one 6.2s .35s ease-in-out infinite; }
.prepared-story-step.is-active:first-child .story-upload-actions span:last-child { animation: story-upload-step-two 6.2s .35s ease-in-out infinite; }
.prepared-story-step.is-active:nth-child(2) .story-extract-start { animation: story-extract-start 7.4s .25s ease-in-out infinite; }
.prepared-story-step.is-active:nth-child(2) .story-extract-pointer { animation: story-extract-click 7.4s .25s cubic-bezier(.22,1,.36,1) infinite; }
.prepared-story-step.is-active:nth-child(2) .story-extract-typing { animation: story-extract-typing 7.4s .25s ease-in-out infinite; }
.prepared-story-step.is-active:nth-child(2) .story-extract-typed { animation: story-extract-type 7.4s .25s steps(23,end) infinite; }
.prepared-story-step.is-active:nth-child(2) .story-extract-scanbar i { animation: story-extract-progress 7.4s .25s cubic-bezier(.22,.75,.28,1) infinite; }
.prepared-story-step.is-active:nth-child(2) .story-extract-results { animation: story-extract-results 7.4s .25s ease-in-out infinite; }
.prepared-story-step.is-active:nth-child(3) .story-change-chart path { stroke-dasharray: 700; animation: story-line-draw 1.35s .2s cubic-bezier(.3,.1,.2,1) both; }
.prepared-story-step.is-active:nth-child(3) .story-change-chart circle { transform-box: fill-box; transform-origin: center; animation: story-point-in .42s cubic-bezier(.18,1.45,.4,1) both; }
.prepared-story-step.is-active:nth-child(3) .story-change-chart circle:nth-child(1) { animation-delay: .35s; }
.prepared-story-step.is-active:nth-child(3) .story-change-chart circle:nth-child(2) { animation-delay: .78s; }
.prepared-story-step.is-active:nth-child(3) .story-change-chart circle:nth-child(3) { animation-delay: 1.22s; }
.prepared-story-step.is-active:nth-child(3) .story-change-chart text { animation: story-content-in .45s 1.15s ease-out both; }
.prepared-story-step.is-active:nth-child(4) .story-report-summary { animation: story-content-in .55s .2s ease-out both; }
.prepared-story-step.is-active:nth-child(4) .story-report-grid span { animation: story-stat-in .45s ease-out both; }
.prepared-story-step.is-active:nth-child(4) .story-report-grid span:nth-child(1) { animation-delay: .55s; }
.prepared-story-step.is-active:nth-child(4) .story-report-grid span:nth-child(2) { animation-delay: .7s; }
.prepared-story-step.is-active:nth-child(4) .story-report-grid span:nth-child(3) { animation-delay: .85s; }
.prepared-story-step.is-active:nth-child(4) .story-report-source { animation: story-content-in .48s 1.05s ease-out both; }
.prepared-story-step.is-active:nth-child(4) .story-report-open { animation: story-report-ready .55s 1.3s cubic-bezier(.18,1.35,.4,1) both; }
@keyframes story-upload-zone-in { from { opacity: .35; transform: scale(.975); } to { opacity: 1; transform: scale(1); } }
@keyframes story-upload-choose { 0%,22% { opacity: 1; transform: translateY(0) scale(1); } 29%,96% { opacity: 0; transform: translateY(-6px) scale(.98); } 100% { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes story-upload-selected { 0%,23% { opacity: 0; transform: translate(-50%,7px); } 31%,66% { opacity: 1; transform: translate(-50%,0); } 73%,100% { opacity: 0; transform: translate(-50%,-6px); } }
@keyframes story-upload-complete { 0%,67% { opacity: 0; transform: translateY(7px) scale(.96); } 76%,92% { opacity: 1; transform: translateY(0) scale(1); } 100% { opacity: 0; transform: translateY(-5px) scale(.98); } }
@keyframes story-upload-progress { 0%,27% { width: 0; } 66%,100% { width: 100%; } }
@keyframes story-upload-step-one { 0%,25% { color: #244b49; border-color: #73a7a1; background: #e8f1ef; box-shadow: 0 0 0 2px rgba(72,169,166,.12); } 32%,100% { color: #65716d; border-color: #d4dfdc; background: #fff; box-shadow: none; } }
@keyframes story-upload-step-two { 0%,29% { color: #65716d; border-color: #d4dfdc; background: #fff; box-shadow: none; } 37%,72% { color: #244b49; border-color: #73a7a1; background: #e8f1ef; box-shadow: 0 0 0 2px rgba(72,169,166,.12); } 80%,100% { color: #65716d; border-color: #d4dfdc; background: #fff; box-shadow: none; } }
@keyframes story-extract-start { 0%,24% { opacity: 1; transform: translateY(0); } 31%,96% { opacity: 0; transform: translateY(-5px); } 100% { opacity: 1; transform: translateY(0); } }
@keyframes story-extract-click { 0%,7% { opacity: 0; transform: translate(18px,12px) rotate(-20deg); } 13%,19% { opacity: 1; transform: translate(0,0) rotate(-20deg); } 21% { opacity: 1; transform: translate(0,0) rotate(-20deg) scale(.78); } 24%,100% { opacity: 0; transform: translate(0,0) rotate(-20deg) scale(.78); } }
@keyframes story-extract-typing { 0%,25% { opacity: 0; transform: translateY(6px); } 33%,59% { opacity: 1; transform: translateY(0); } 66%,100% { opacity: 0; transform: translateY(-5px); } }
@keyframes story-extract-type { 0%,29% { width: 0; } 52%,100% { width: 23ch; } }
@keyframes story-extract-progress { 0%,29% { width: 0; } 60%,100% { width: 100%; } }
@keyframes story-extract-results { 0%,60% { opacity: 0; transform: translateY(7px); } 69%,94% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-4px); } }
@keyframes story-control-in { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }
@keyframes story-content-in { from { opacity: 0; transform: translateY(7px); } to { opacity: 1; transform: translateY(0); } }
@keyframes story-check-in { from { opacity: 0; transform: scale(.5) rotate(-12deg); } to { opacity: 1; transform: scale(1) rotate(0); } }
@keyframes story-stat-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
@keyframes story-line-draw { from { stroke-dashoffset: 700; } to { stroke-dashoffset: 0; } }
@keyframes story-point-in { from { opacity: 0; transform: scale(0); } to { opacity: 1; transform: scale(1); } }
@keyframes story-report-ready { from { opacity: 0; transform: translateY(5px) scale(.94); } to { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes story-verify-cursor { 0%,10% { opacity:0; transform:translate(0,0); } 18% { opacity:1; transform:translate(0,0); } 48%,58% { opacity:1; transform:translate(-274px,-88px); } 52% { transform:translate(-274px,-88px) scale(.82); } 66%,100% { opacity:0; transform:translate(-274px,-88px); } }
@keyframes story-verify-panel { 0%,55% { opacity:0; transform:translateX(12px); } 66%,94% { opacity:1; transform:translateX(0); } 100% { opacity:0; transform:translateX(0); } }
@keyframes story-verify-claim { 0%,48% { color:#244b49; background:#dff0ec; } 52%,62% { color:#fff; background:#2f7773; } 72%,100% { color:#244b49; background:#dff0ec; } }
.prepared-story-steps { height: calc(100svh - 88px); position: sticky; top: 88px; }
.prepared-story-step { position: absolute; inset: 0; display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; align-items: center; padding: clamp(40px,7svh,72px) 0; box-sizing: border-box; pointer-events: none; }
.prepared-story-step:nth-child(1) { z-index: 5; }
.prepared-story-step:nth-child(2) { z-index: 4; }
.prepared-story-step:nth-child(3) { z-index: 3; }
.prepared-story-step:nth-child(4) { z-index: 2; }
.prepared-story-step:nth-child(5) { z-index: 1; }
.prepared-story-copy { width: calc(100% - 48px); height: var(--title-band, clamp(84px,10.6vw,116px)); max-width: none; position: absolute; z-index: 3; top: 0; left: 24px; display: grid; place-items: center; visibility: hidden; text-align: center; opacity: 0; transform: translateY(12px); will-change: opacity,transform; }
.prepared-story-copy.is-current { visibility: visible; animation: prepared-story-title-in .62s cubic-bezier(.22,1,.36,1) both; }
@keyframes prepared-story-title-in { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }
.prepared-story-copy h3 { margin: 0; color: #2b302e; font: 400 clamp(26px,2.4vw,34px)/1.08 var(--serif); letter-spacing: -.016em; text-wrap: balance; }
.prepared-story-copy p { max-width: 360px; margin: 13px 0 0; color: #767a76; font-size: 14px; line-height: 1.5; }
.prepared-story-footer { display: flex; justify-content: center; margin-top: 42px; position: relative; z-index: 3; }
@media (max-width: 1100px) {
  .prepared-story-step { grid-template-columns: 1fr; grid-template-rows: 1fr; align-content: center; padding-bottom: clamp(64px,9svh,82px); }
  .prepared-story-card { width: min(700px,74%,calc((100svh - 220px)*1.56)); grid-column: 1; grid-row: 1; justify-self: center; }
  .prepared-story-copy { width: calc(100% - 48px); }
  .prepared-story-copy p { margin-right: auto; margin-left: auto; }
}
.prepared-story-footer .text-link { color: #2f7773; }
@media (max-width: 820px) { .doctor-hero { min-height: 100svh; align-items: flex-end; } .doctor-hero-media video { object-position: 60% center; } .doctor-hero-copy { width: 100%; max-width: 650px; margin-left: 0; } .prepared-story { height: 430svh; margin-top: 44px; } .prepared-story-step { padding: 0 0 64px; } .prepared-story-card { grid-column: 1; grid-row: 1; width: calc(100% - 22px); aspect-ratio: 1.18; justify-self: center; } .prepared-story-copy, .prepared-story-step:nth-child(n) .prepared-story-copy { width: calc(100% - 36px); height: var(--title-band, 62px); left: 18px; margin: 0; padding: 0; border: 0; background: none; text-align: center; } .prepared-story-ui { inset: 0; padding: 28px; } .prepared-story-state { width: min(530px,84%); } .story-verify-layout { grid-template-columns:1fr; } .story-verify-panel { position:absolute; right:8px; bottom:8px; width:min(210px,58%); } }
@media (max-width: 620px) { .doctor-hero { min-height: max(680px,100svh); padding: 120px 0 48px; } .doctor-hero-media video { object-position: 64% center; } .doctor-hero h1 { max-width: 360px; font-size: 48px; line-height: 1.03; } .doctor-hero-scroll { margin-top: 30px; font-size: 13px; } .doctor-hero-credit { right: 12px; bottom: 10px; } .prepared-story-card { width: 100%; aspect-ratio: .94; } .prepared-story-frame { border-radius: 27px; } .prepared-story-copy, .prepared-story-step:nth-child(n) .prepared-story-copy { width: calc(100% - 28px); height: var(--title-band, 54px); top: 0; left: 14px; padding: 0; } .prepared-story-copy h3 { font-size: 23px; } .prepared-story-copy p { font-size: 12px; } .prepared-story-ui { inset: 0; padding: 16px; } .prepared-story-state { width: 88%; padding: 18px; } .story-ui-head > span { display: none; } .story-records-grid { grid-template-columns: repeat(2,1fr); } .story-records-grid div:nth-child(3) { border-left: 0; } .story-records-grid div:nth-child(n+3) { border-top: 1px solid #dcdbd6; } .story-change-chart { height: 102px; } .story-source-card { align-items: flex-start; flex-direction: column; gap: 7px; } .story-source-card small { white-space: normal; } .clinician-voices { scroll-margin-top: 168px; } .featured-clinician figure { min-height: 310px; } .featured-clinician-copy { padding: 30px 24px 32px; } .featured-clinician blockquote p { font-size: 25px; } .supporting-voices-head { align-items: flex-start; flex-direction: column; } .portrait-clinician { grid-template-columns: 1fr; } .portrait-clinician figure { height: 260px; } .portrait-clinician blockquote { padding: 26px 22px; } }
@media (max-width: 620px) { .prepared-story-step:nth-child(4) .prepared-story-state,.prepared-story-step:nth-child(5) .prepared-story-state { width: 100%; box-sizing: border-box; padding: 14px; } .story-report-scroll { padding-right: 14px; padding-left: 14px; } .story-report-section p { font-size: 9.5px; } .story-verify-panel { width:62%; } .prepared-story-step.is-active:nth-child(5) .story-verify-cursor { display:none; } }
@media (prefers-reduced-motion: reduce) { .prepared-story-media, .prepared-story-state, .prepared-story-copy { transition: none !important; } .prepared-story-copy.is-current { opacity: 1; transform: none; animation: none; } .prepared-story-step.is-active .prepared-story-state * { animation: none !important; } .story-extract-start,.story-extract-typing { display: none; } .story-extract-results { opacity: 1; transform: none; } .whitelabel-preview::before,.whitelabel-swatches i,.whitelabel-pointer,.whitelabel-portal,.whitelabel-report-status,.whitelabel-revenue-toast,.whitelabel-settings > header span::before { animation: none !important; } .whitelabel-revenue-toast { opacity: 1; transform: none; } .whitelabel-pointer { display: none; } }

/* Product information remains readable; the surrounding shapes and icons can
   stay compact without forcing explanatory text into 6–9px type. */
.prepared-story-ui :is(span,small,b,strong,em,p) { font-size: 11px !important; }
.prepared-story-ui :is(.story-extract-typed,.story-review-finding > b,.story-report-title b) { font-size: 13px !important; }