/* Native line illustrations. Labels remain HTML and never scale with the SVG. */
.care-scene{--scene-accent:var(--cyan-dark);--scene-wash:oklch(91% .036 221);position:relative;width:100%;max-width:650px;min-width:0;margin-inline:auto;color:var(--ink);isolation:isolate}
.care-scene-heading{font-size:clamp(.92rem,1.6vw,1.1rem);font-weight:600;letter-spacing:-.025em;line-height:1.5;max-width:none}
.care-scene-board{position:relative;width:100%;aspect-ratio:600/460;min-height:300px;margin-top:.5rem}
.scene-connections{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:var(--scene-accent);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.scene-ground{stroke:var(--line);stroke-width:1;stroke-dasharray:2 9}
.scene-daily-link{stroke:var(--line);stroke-dasharray:3 7}
.scene-link{opacity:.5;transition:opacity .5s var(--ease)}
.scene-beacon{fill:var(--scene-accent);stroke:none;animation:scene-signal 6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.scene-beacon-right{animation-delay:-3s}
.scene-beacon-halo{opacity:.12}
.scene-stop{position:absolute;display:flex;flex-direction:column;align-items:center;text-align:center;width:32%;min-width:0;min-height:44px;padding:0;border:0;border-radius:8px;background:transparent;color:inherit;font:inherit;transform:translateX(-50%);transition:opacity .5s var(--ease)}
.scene-stop:disabled{opacity:1;cursor:default}
.scene-stop:enabled:hover .scene-illustration{color:var(--scene-accent);transform:translateY(-3px)}
.scene-stop:focus-visible{outline:2px solid var(--scene-accent);outline-offset:4px}
.scene-stop-top{left:50%;top:0}
.scene-stop-left{left:20%;top:52%}
.scene-stop-right{left:80%;top:52%}
.scene-illustration{display:block;width:clamp(83px,20vw,126px);max-width:92%;height:auto;aspect-ratio:1;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;overflow:visible;transition:transform .65s var(--ease),color .4s var(--ease)}
.scene-illustration .scene-wash{fill:var(--scene-wash);stroke:none;opacity:.65;transform-box:fill-box;transform-origin:center;transition:transform .65s var(--ease),opacity .4s var(--ease)}
.scene-detail{stroke:var(--scene-accent)}
.scene-stop strong{display:block;font-size:clamp(.76rem,1.35vw,.97rem);font-weight:600;letter-spacing:-.02em;line-height:1.4;margin-top:.5rem;max-width:16ch}
.scene-stop span{display:block;font-size:clamp(.65rem,1.1vw,.75rem);color:var(--muted);line-height:1.5;margin-top:.22rem;max-width:18ch}
.scene-selection-mark{height:3px;width:20px;margin-top:10px;background:var(--scene-accent);border-radius:3px;transform:scaleX(0);transition:transform .5s var(--ease)}
.care-scene-note{font-size:.73rem;color:var(--muted);line-height:1.65;max-width:42ch;margin:1rem auto 0;text-align:center}
.scene-stop[aria-pressed="true"] .scene-illustration{color:var(--scene-accent);transform:translateY(-5px)}
.scene-stop[aria-pressed="true"] .scene-wash{opacity:1;transform:scale(1.08)}
.scene-stop[aria-pressed="true"] .scene-selection-mark{transform:scaleX(1)}
.care-scene[data-scene-state="centre"] .scene-link,
.care-scene[data-scene-state="review"] .scene-link,
.care-scene[data-scene-state="clinical"] .scene-link,
.care-scene[data-scene-state="infrastructure"] .scene-link,
.care-scene[data-scene-state="home"] [data-scene-link="home"],
.care-scene[data-scene-state="hospital"] [data-scene-link="hospital"],
.care-scene[data-scene-state="movement"] [data-scene-link="movement"],
.care-scene[data-scene-state="food"] [data-scene-link="food"],
.care-scene[data-scene-state="functional"] [data-scene-link="functional"],
.care-scene[data-scene-state="personal"] [data-scene-link="personal"],
.care-scene[data-scene-state="compute"] [data-scene-link="compute"],
.care-scene[data-scene-state="care"] [data-scene-link="care"]{opacity:1}
.care-scene[data-scene-state="overview"] .scene-link{opacity:.75}
html[data-theme="dark"] .care-scene{--scene-accent:var(--cyan);--scene-wash:oklch(30% .055 225)}
[data-ambient]:not([data-in-view="true"]) .scene-beacon{animation-play-state:paused}
@keyframes scene-signal{0%,100%{opacity:.3;transform:translate(-3px,4px) scale(.9)}50%{opacity:1;transform:translate(3px,-4px) scale(1)}}
@media(min-width:1101px){.care-scene-board{min-height:440px;margin-top:1.2rem}.care-scene-note{margin-top:.5rem}}
/* A compact strip leaves the actual questions in reach on phones and tablets. */
@media(max-width:1100px){
 .care-scene{--scene-art:clamp(65px,12vw,96px);max-width:680px}
 .care-scene-heading{font-size:clamp(.9rem,1.8vw,1rem);text-align:left;max-width:none}
 .care-scene-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:clamp(6px,2vw,18px);aspect-ratio:auto;min-height:170px;padding:14px 0 0;margin-top:.75rem}
 .scene-connections{display:none}
 .care-scene-board::before{content:'';position:absolute;left:16.67%;right:16.67%;top:calc(14px + var(--scene-art)/2);height:1px;background:var(--scene-accent);opacity:.25;z-index:-1;pointer-events:none}
 .care-scene-board::after{content:'';position:absolute;left:33.33%;top:calc(12px + var(--scene-art)/2);width:5px;height:5px;border-radius:50%;background:var(--scene-accent);pointer-events:none;animation:scene-thread 5s ease-in-out infinite}
 .scene-stop{position:relative;left:auto;top:auto;transform:none;width:100%;min-height:44px;max-width:none}
 .scene-stop-top{order:1}.scene-stop-left{order:2}.scene-stop-right{order:3}
 .scene-illustration{width:var(--scene-art);max-width:100%;flex:none}
 .scene-stop strong{font-size:clamp(.85rem,1.5vw,.94rem);line-height:1.45;margin-top:8px;max-width:16ch}
 .scene-stop span{display:none}
 .scene-selection-mark{margin-top:9px}
 .care-scene-note{font-size:.73rem;line-height:1.65;max-width:56ch;margin:.2rem auto 0;text-align:center}
 [data-ambient]:not([data-in-view="true"]) .care-scene-board::after{animation-play-state:paused}
}
@media(max-width:420px){
 .care-scene-board{min-height:155px;gap:6px;margin-top:.6rem;padding-top:12px}
 .care-scene-board::before{top:calc(12px + var(--scene-art)/2)}
 .care-scene-board::after{top:calc(10px + var(--scene-art)/2)}
 .scene-stop strong{font-size:.85rem;line-height:1.4}
 .care-scene-note{font-size:.7rem;line-height:1.6;margin-top:0}
}
@keyframes scene-thread{0%,100%{opacity:.35;transform:translateX(-4px) scale(.8)}50%{opacity:1;transform:translateX(4px) scale(1)}}
html[data-motion="off"] .scene-beacon,html[data-motion="off"] .care-scene-board::after{animation:none}
html[data-motion="off"] .scene-illustration,html[data-motion="off"] .scene-wash,html[data-motion="off"] .scene-selection-mark,html[data-motion="off"] .scene-link{transition:none}
@media(prefers-reduced-motion:reduce){.scene-beacon,.care-scene-board::after{animation:none}.scene-illustration,.scene-wash,.scene-selection-mark,.scene-link{transition:none}}
@media(forced-colors:active){.scene-wash,.scene-beacon{display:none}.scene-connections,.scene-illustration{stroke:CanvasText}.scene-selection-mark{background:Highlight}.care-scene{--scene-accent:CanvasText}.scene-link{opacity:1}}
@media print{.scene-beacon,.care-scene-board::after{animation:none}.care-scene{break-inside:avoid;max-width:480px}.care-scene-board{min-height:0}}