/* One patient and one bed, with individually played and held keypoints. */
.care-story{--story-paper:#faf3e9;--story-teal:#76aaa0;--story-day:#efc575;--story-evening:#e5a482;--story-night:#7398ac;--story-ink:#243e35;--story-soft:#e9dfd1;position:relative;background:var(--story-paper);color:var(--story-ink);margin-top:54px;scroll-margin-top:0}
.story-sticky{padding:32px var(--gutter) 28px}
.story-top{display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:15px}
.story-top>a{display:inline-flex;align-items:center;min-height:44px;gap:16px}
.story-layout{display:grid;grid-template-columns:.9fr 1.4fr;align-items:center;gap:3vw;max-width:1500px;margin:auto}
.story-captions{padding:45px 0}
.clay-refined .story-copy h2{font-size:clamp(34px,3.3vw,52px);line-height:1.32;letter-spacing:-.045em;text-wrap:initial}
.clay-refined .story-copy p{font-size:clamp(16px,1.35vw,20px);line-height:1.8;margin-top:26px}
.story-copy+.story-copy{margin-top:36px}
.story-world{position:relative;width:100%;aspect-ratio:1/1;isolation:isolate;container-type:inline-size;pointer-events:none}
.story-world img{width:100%;height:100%;object-fit:contain}
.story-orbit{position:absolute;inset:4% 0 0;z-index:0;transform-origin:50% 52%}
.story-ring{position:absolute;width:100%;height:100%;overflow:visible}
.story-ring circle{stroke-width:42;filter:url(#story-clay)}
.story-ring-track{stroke:var(--story-soft);opacity:.42}
.story-ring-whole{stroke:var(--story-teal);stroke-dasharray:100 100;stroke-linecap:round}
.story-ring-day,.story-ring-evening,.story-ring-night{opacity:0;stroke-width:42}
.story-ring-day{stroke:var(--story-day);stroke-dasharray:33.333 100}
.story-ring-evening{stroke:var(--story-evening);stroke-dasharray:33.333 100;stroke-dashoffset:-33.333}
.story-ring-night{stroke:var(--story-night);stroke-dasharray:33.334 100;stroke-dashoffset:-66.666}
.story-clock{position:absolute;left:50%;top:16%;transform:translate(-50%,0);width:19%;aspect-ratio:1;background:var(--story-paper);box-shadow:var(--puff-small);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.2}
.story-clock{z-index:1}.story-clock strong{font-size:7cqw;letter-spacing:-.055em;font-weight:760}.story-clock strong>span{font-size:3.8cqw;margin-left:2px}.story-clock>span{font-size:1.85cqw;margin-top:5px}
.story-sun,.story-moon{position:absolute;left:50%;top:50%;width:11%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:#fff0cb;box-shadow:var(--puff-small);z-index:2}
.story-sun svg,.story-moon svg{width:68%;overflow:visible}.story-sun svg{fill:#ecb64f;stroke:#ecb64f;stroke-width:4;stroke-linecap:round}.story-moon{background:#f5eee2;opacity:0}.story-moon svg{fill:#e3bf74}
.story-shift-label{position:absolute;font-weight:700;font-size:2.7cqw;opacity:0}.story-label-a{top:28%;right:9%}.story-label-b{bottom:14%;left:26%}.story-label-c{top:29%;left:8%}
.story-current{position:absolute;left:50%;top:50%;width:3.4%;aspect-ratio:1;background:var(--story-ink);border:4px solid var(--story-paper);border-radius:50%;opacity:0}
.story-bed{position:absolute;left:28%;top:34%;width:64%;height:48%;z-index:2}
.story-person{position:absolute;width:29%;height:41%;z-index:3;transform-origin:50% 95%}
.story-person img{position:absolute;inset:0}
.story-person-a{left:6%;top:38%}.story-person-b{left:69%;top:43%;opacity:0}.story-person-c{left:43%;top:60%;opacity:0}
.story-person-b .story-standing,.story-receiving{transform:scaleX(-1)}
.story-offering,.story-reading,.story-receiving{opacity:0}
.story-person-badge{position:absolute;left:50%;top:66%;width:13%;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:#e9f1d9;color:#234b3e;font-size:2.5cqw;font-weight:750;box-shadow:1px 2px 3px #29433a25}
.story-person-b .story-person-badge{background:#f3c9a4;color:#613d2e;left:60%}.story-person-c .story-person-badge{background:#e1edf3;color:#2e4b5c}
.story-burdens,.story-notes{position:absolute;display:flex;align-items:flex-start;flex-direction:column;gap:8px;z-index:5;left:2%;top:23%}
.story-burdens span,.story-notes span{background:#fffaf2;box-shadow:var(--puff-small);border-radius:15px;padding:9px 16px;font-size:2.35cqw;white-space:nowrap;opacity:0}
.story-burdens span:nth-child(2){margin-left:16px}.story-burdens span:nth-child(3){margin-left:4px}
.story-notes{left:18%;top:25%}.story-notes span{font-size:2.1cqw;padding:8px 13px}
.story-card{position:absolute;left:24%;top:53%;width:23%;height:22%;opacity:0;z-index:5}
.story-check{position:absolute;left:61%;top:37%;display:flex;align-items:center;gap:6px;background:#e2ecdc;color:#234b3e;border-radius:14px;padding:9px 13px;white-space:nowrap;font-size:2.2cqw;opacity:0;z-index:6}
.story-check svg{width:18px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.story-handoff-steps{position:absolute;bottom:7%;left:18%;width:64%;display:flex;justify-content:center;gap:7px;list-style:none;padding:0;margin:0;opacity:0;z-index:6;font-size:clamp(12px,2.2cqw,17px)}
.story-handoff-steps li{padding:6px 12px;border-radius:12px;color:#4d6257;background:#faf3e9}
.story-handoff-steps .is-current{background:#24564a;color:#fffdf7;font-weight:700}
.story-handoff-steps .is-done{background:#e2ecdc;color:#24564a}
.clay-refined .story-question{position:absolute;left:24%;top:24%;width:58%;text-align:center;font-size:3.5cqw;line-height:1.5;font-weight:650;opacity:0;z-index:6}
.story-hospital{position:absolute;inset:0 1% 4%;border:14px solid #e6e9db;border-radius:60px;opacity:0;z-index:-1;transform-origin:50% 55%}
.story-hospital>span{position:absolute;top:-23px;left:8%;padding:0 12px;background:var(--story-paper);font-size:2.1cqw;color:#4b6157}
.story-dashboard{position:absolute;left:7%;top:4%;width:86%;padding:22px;border-radius:24px;background:#fffdf7;box-shadow:var(--puff-small);opacity:0;z-index:7;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.story-dashboard-title{grid-column:1/-1;display:flex;justify-content:space-between;gap:8px;font-size:2cqw;color:#526357;margin-bottom:5px}
.story-dashboard>div:not(:first-child){display:flex;flex-direction:column;gap:6px;padding:12px 10px;background:#edf1e8;border-radius:9px;font-size:1.9cqw}
.story-dashboard>div>b{font-weight:650}.clay-refined .story-dashboard small{grid-column:1/-1;display:block;font-size:1.7cqw;margin-top:2px}
.story-record-trails{position:absolute;left:58%;top:58%;z-index:6}.story-record-trails span{position:absolute;white-space:nowrap;padding:10px 15px;border-radius:10px;background:#548d80;color:#fffdf7;font-size:2cqw;opacity:0;box-shadow:var(--puff-small)}
.clay-refined .story-example{position:absolute;bottom:0;right:3%;font-size:13px;color:#586252;opacity:0}
.story-controls{display:none}.story-transcript{display:none}
.care-story.story-live{height:640svh}
.story-live .story-sticky{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;overflow:clip}
.story-live .story-layout{flex:1;min-height:0;width:100%;grid-template-columns:.9fr 1.4fr}
.story-live .story-world{width:min(100%,calc(100svh - 160px));justify-self:center}
.story-live .story-captions{position:relative;display:grid;align-items:center;padding:0}
.story-live .story-copy{grid-area:1/1;opacity:0;visibility:hidden;margin:0;will-change:opacity,transform}
.story-live .story-copy:first-child{opacity:1;visibility:visible}
.story-live .story-controls{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;flex-shrink:0}
.story-chapters{display:flex;gap:18px;flex:1;max-width:720px}
.story-chapters button{position:relative;flex:1;background:transparent;text-align:left;padding:12px 0 17px;color:#59665c;font-size:14px;min-height:48px;white-space:nowrap}
.story-chapters button::after,.story-chapters i{content:'';position:absolute;bottom:0;left:0;width:100%;height:3px;border-radius:3px;background:#e2ded2}
.story-chapters i{z-index:1;background:var(--green);transform:scaleX(var(--chapter-progress,0));transform-origin:left}
.story-chapters button[aria-current=true]{color:var(--green);font-weight:750}
.story-chapters button:hover{color:var(--green)}
.story-playback{display:flex;align-items:center;gap:10px;flex-shrink:0;min-height:48px}
.story-playback button{min-width:44px;min-height:44px;padding:8px 12px;border-radius:12px;background:#e5e9dc;color:#24564a;font-size:14px;font-weight:650;white-space:nowrap;flex-shrink:0}
.story-playback button:hover{background:#d8e2cd}.story-playback button[aria-disabled=true]{color:#657265;background:#eeeee5;cursor:default}
.clay-refined .story-step-status{font-size:13px;line-height:1.5;color:#4d6257;width:170px;text-align:center}
.story-live .story-transcript{display:block;position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.story-product{padding:85px var(--gutter) 70px;display:flex;align-items:center;justify-content:center;gap:65px;background:#e7ebdd}
.story-product-art{width:24%;max-width:280px;transform:rotate(-8deg)}
.clay-refined .story-product h2{font-size:clamp(32px,3.3vw,48px);line-height:1.3}.story-product p{margin-top:22px;font-size:18px;line-height:1.7}.story-product a{display:inline-flex;align-items:center;gap:40px;min-height:48px;margin-top:18px;font-size:16px;font-weight:650}
.story-sources{margin:0 var(--gutter) 70px;padding:12px 28px;background:#efe6d9;border-radius:20px}
.story-sources>.story-source-content{padding:22px 0;display:grid;grid-template-columns:1fr 1fr;gap:60px}
.story-sources:not([open])>.story-source-content{display:none}
.story-sources .context-detail{margin:0}.story-sources .context-detail>div{padding:0}.story-sources .context-detail h3{font-size:24px}.story-sources p{margin-top:14px}
.clay-refined .core-summary{margin-top:36px;margin-bottom:30px}
/* Resting layout keeps every claim available without animation or scripting. */
.care-story:not(.story-live) .story-top{margin-bottom:30px}.care-story:not(.story-live) .story-layout{align-items:start}.care-story:not(.story-live) .story-world{position:sticky;top:30px;grid-column:2;grid-row:1}.care-story:not(.story-live) .story-sun{left:81%;top:28%;transform:translate(-50%,-50%)}.care-story:not(.story-live) .story-copy h2{font-size:32px}.care-story:not(.story-live) .story-copy p{font-size:17px;margin-top:12px}
@media(max-width:1000px){
 .story-top{font-size:13px}.story-top>p{max-width:220px}
 .story-live .story-layout{grid-template-columns:1fr 1.15fr;gap:12px}
 .clay-refined .story-copy h2{font-size:34px}.clay-refined .story-copy p{font-size:16px}
 .story-live .story-controls{flex-direction:column;align-items:stretch;gap:8px}.story-chapters{max-width:none;width:100%}.story-playback{justify-content:space-between}.clay-refined .story-step-status{width:auto}
 .story-dashboard{padding:15px;border-radius:20px}.story-hospital{border-width:10px;border-radius:45px}
}
@media(max-width:900px){
 .care-story{margin-top:32px}.story-sticky{padding:16px 22px 22px}
 .story-top{justify-content:flex-end}.story-top>p{display:none}.story-top>a{font-size:13px;min-height:36px}
 .care-story.story-live{height:570svh}
 .story-live .story-layout{display:flex;flex-direction:column;gap:0;justify-content:center}
 .story-live .story-captions{width:100%;min-height:175px;flex-shrink:0;align-items:start;padding-top:8px}
 .clay-refined .story-copy h2{font-size:clamp(28px,7.7vw,38px);line-height:1.3}
 .clay-refined .story-copy p{font-size:15px;line-height:1.65;margin-top:16px}
 .story-live .story-world{width:min(110%,calc(100svh - 390px));flex-shrink:0;margin:0 -5% 12px}
 .story-chapters{gap:4px}.story-chapters button{font-size:12px;min-width:44px;min-height:48px;padding-top:10px;padding-bottom:16px;text-align:center}
 .story-live .story-controls{flex-shrink:0;gap:8px}.story-clock>span{font-size:2.5cqw}.story-handoff-steps li{padding:5px 9px}.story-handoff-steps{bottom:5%}
 .story-dashboard{padding:12px;border-radius:18px;gap:5px;top:2%}.story-dashboard-title{font-size:12px;margin-bottom:3px}.story-dashboard>div:not(:first-child){font-size:11px;line-height:1.5;padding:8px 6px;gap:4px}.clay-refined .story-dashboard small{font-size:10px;margin-top:2px}
 .story-burdens span{font-size:3cqw;padding:7px 10px}.story-notes span{font-size:2.9cqw;padding:6px 9px}.story-check{font-size:2.8cqw;padding:7px 9px;left:57%}.story-check svg{width:14px}
 .story-hospital{border-width:8px;border-radius:30px}.story-hospital>span{font-size:2.6cqw;top:-17px}.clay-refined .story-example{font-size:11px}
 .story-product{gap:15px;align-items:flex-start;padding:50px 22px}.story-product-art{width:22%;padding-top:10px}.clay-refined .story-product h2{font-size:28px}.story-product p{font-size:15px;margin-top:18px}.story-product a{font-size:15px;gap:14px}
 .story-sources{margin-bottom:40px;padding:8px 20px}.story-sources>.story-source-content{grid-template-columns:1fr;gap:30px}
 .care-story:not(.story-live) .story-layout{display:flex;flex-direction:column-reverse;gap:0}.care-story:not(.story-live) .story-world{position:relative;top:auto;max-width:440px;align-self:center}.care-story:not(.story-live) .story-captions{padding-top:15px}.care-story:not(.story-live) .story-copy h2{font-size:28px}
}
@media(max-width:370px){.story-sticky{padding-left:18px;padding-right:18px}.clay-refined .story-copy h2{font-size:27px}.clay-refined .story-copy p{font-size:14px}.story-dashboard{top:1%;padding:10px}.story-dashboard>div:not(:first-child){padding:6px 5px}.story-live .story-captions{min-height:146px}.story-live .story-world{width:min(110%,calc(100svh - 340px))}}
@media(prefers-reduced-motion:reduce){.care-story *{animation:none!important;transition:none!important}.story-product-art{transform:none}}
@media print{.care-story.story-live{height:auto}.story-live .story-sticky{position:static;height:auto}.story-live .story-copy{opacity:1!important;visibility:visible!important;transform:none!important;grid-area:auto;margin:24px 0}.story-live .story-captions{display:block}.story-controls,.story-top,.story-transcript{display:none!important}}
