/* Local character workflows: action, shared record, then human review. */
.has-care-scene .p3-field { opacity:.12; }
.has-care-scene .p3-strands { animation:none !important; }
.has-care-scene .p3-hero-grid { grid-template-columns:minmax(0,1fr) minmax(0,1.04fr); gap:clamp(2rem,4vw,4.5rem); align-items:center; }
.bc-story { margin:0; min-width:0; color:var(--ink,#003562); font-family:Inter,sans-serif; }
.bc-title { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin:0 0 .65rem; font-size:.9375rem; font-weight:600; line-height:1.4; letter-spacing:-.015em; }
.bc-title > span { flex:1; }
.bc-title .motion-toggle { display:inline-flex; align-items:center; justify-content:center; flex:none; min-height:44px; border:1px solid #dce3ed; border-radius:999px; padding:.45rem .75rem; background:#fff; font:500 .6875rem/1.3 Inter,sans-serif; color:#435566; cursor:pointer; }
.bc-title .motion-toggle:hover { background:#f2f7f9; border-color:#b7cdd7; }
.bc-stage { position:relative; isolation:isolate; aspect-ratio:1.55; width:100%; overflow:hidden; border-radius:22px 22px 0 0; background:#f6f5f2; box-shadow:inset 0 0 0 1px #927ac117; }
.bc-setting { position:absolute; inset:0; background:linear-gradient(180deg,#ffffff2e,#ffffff14),url('/images/story/home-clinic-v4.webp') center/cover; opacity:.62; }
.bc-office .bc-setting { background:radial-gradient(ellipse at 15% 30%,#e8f2f5,transparent 68%),linear-gradient(110deg,#f8f7f4 48%,#eeebf5 49%,#f6f4fa); opacity:1; }
.bc-stage::after { content:''; position:absolute; z-index:0; inset:75% 0 0; background:linear-gradient(transparent,#ffffff90); pointer-events:none; }
.bc-roles { position:absolute; z-index:3; inset:.9rem 1rem auto; display:flex; justify-content:space-between; gap:3rem; font-size:.6875rem; font-weight:500; color:#435566; line-height:1.4; }
.bc-roles span { max-width:43%; }
.bc-roles span:last-child { text-align:right; }
.bc-art.p3-visual { position:absolute; inset:0; width:100%; height:100%; max-width:none; min-height:0; margin:0; aspect-ratio:auto; opacity:1; transform:none; }
.bc-person { position:absolute; z-index:2; bottom:2%; height:85%; width:auto; max-width:44%; aspect-ratio:2/3; }
.bc-left { left:2%; }
.bc-right { right:2%; transform:scaleX(-1); }
.bc-person img,.bc-person canvas { display:block; width:100%; height:100%; object-fit:contain; }
.bc-person canvas { position:absolute; inset:0; opacity:0; pointer-events:none; }
.bc-person canvas[data-visible='true'] { opacity:1; }
.bc-person:has(canvas[data-visible='true']) img { visibility:hidden; }
.bc-route { position:absolute; z-index:1; inset:0; width:100%; height:100%; fill:none; stroke:#d1dae3; stroke-width:1.5; }
.bc-route-lit { stroke:var(--bio,#2784a0); stroke-dasharray:7 6; opacity:.6; }
.bc-beacon { position:absolute; z-index:4; left:50%; top:33%; transform:translate(-50%,-50%); display:flex; align-items:center; justify-content:center; gap:.35rem; padding:.5rem .65rem; border:1px solid #dce4ea; border-radius:10px; background:#fffffff5; box-shadow:0 4px 16px #00356212; color:var(--ink,#003562); font-size:.6875rem; font-weight:600; }
.bc-beacon img { width:20px; height:20px; }
.bc-packet { position:absolute; z-index:3; left:30%; top:43%; width:22px; height:28px; border:1px solid #a6c4d1; border-radius:5px; background:#fff; opacity:0; box-shadow:0 3px 12px #2784a017; }
.bc-packet i { display:block; height:2px; margin:5px 4px 0; background:#a9c5d1; border-radius:1px; }
.bc-packet i:last-child { width:6px; }
/* The output belongs to the same frame, directly beneath the people who create and review it. */
.bc-output { display:flex; align-items:center; gap:1rem; min-height:104px; padding:.85rem 1rem; border:0; border-radius:0 0 20px 20px; background:linear-gradient(115deg,#fafbfd,#fff); }
.bc-output-icon { width:70px; height:70px; flex:none; }
.bc-output-icon svg { display:block; width:100%; height:100%; }
.bc-output-copy { flex:1; min-width:0; }
.bc-output-copy > p { margin:0 0 .65rem; font-size:.875rem; font-weight:600; line-height:1.35; }
.bc-output-items { display:flex; flex-wrap:wrap; gap:.4rem .8rem; list-style:none; padding:0; margin:0; }
.bc-output-items li { position:relative; padding-left:10px; color:#536678; font-size:.6875rem; line-height:1.5; }
.bc-output-items li::before { content:''; position:absolute; left:0; top:.5em; width:4px; height:4px; border-radius:50%; background:#c2d1da; }
.bc-story[data-phase='0'] [data-output-step='0']::before,
.bc-story[data-phase='1'] [data-output-step='1']::before,
.bc-story[data-phase='2'] [data-output-step='2']::before { background:#2784a0; box-shadow:0 0 0 3px #2784a014; }
.bc-story[data-phase='2'] .bc-output-icon { filter:drop-shadow(0 2px 5px #927ac126); }
.bc-readout { margin-top:1rem; }
.bc-steps { list-style:none; padding:0; margin:0; display:grid; gap:.5rem; }
.bc-steps li { display:grid; grid-template-columns:minmax(100px,.7fr) minmax(0,2fr); gap:.75rem; align-items:start; min-width:0; padding-left:.6rem; border-left:2px solid #e4eaef; }
.bc-steps button { display:flex; align-items:center; gap:.4rem; min-height:44px; width:100%; padding:.55rem .45rem; color:#465568; border:1px solid transparent; border-radius:8px; font:550 .75rem/1.3 Inter,sans-serif; text-align:left; background:#f5f7f9; cursor:pointer; }
.bc-step-number { font-size:.625rem; font-variant-numeric:tabular-nums; opacity:.75; }
.bc-steps button[aria-pressed='true'] { color:#235b70; border-color:#c6dce4; background:#edf5f7; }
.bc-steps button:hover { background:#eaf0f4; }
.bc-story button:focus-visible { outline:2px solid #2784a0; outline-offset:3px; }
.bc-steps p { margin:.25rem 0 0; color:#465568; font-size:.8125rem; line-height:1.5; }
.bc-story[data-phase='0'] .bc-steps li:nth-child(1),
.bc-story[data-phase='1'] .bc-steps li:nth-child(2),
.bc-story[data-phase='2'] .bc-steps li:nth-child(3) { border-left-color:var(--bio,#2784a0); }
.bc-disclosure { margin:.75rem 0 0; color:#596574; font-size:.6875rem; line-height:1.55; }
.bc-wide,.bc-editorial { margin:1.5rem auto 3rem; }
:is(.bc-wide,.bc-editorial) .bc-story { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); gap:0 clamp(2rem,4vw,4rem); align-items:start; grid-template-rows:max-content max-content max-content 1fr; max-width:1050px; margin-inline:auto; }
:is(.bc-wide,.bc-editorial) .bc-visual { grid-column:1; grid-row:1 / 5; }

:is(.bc-wide,.bc-editorial) .bc-title { grid-column:2; grid-row:1; margin:0 0 .5rem; font-size:1.15rem; }
:is(.bc-wide,.bc-editorial) .bc-readout { grid-column:2; grid-row:2; margin:0; }
:is(.bc-wide,.bc-editorial) .bc-disclosure { grid-column:2; grid-row:3; align-self:start; }
.bc-editorial { margin:2rem auto 2.5rem; width:100%; }
.bc-editorial .bc-story { max-width:960px; gap:0 2rem; }
.bc-editorial .bc-title { font-size:1rem; }
.bc-editorial .bc-stage { aspect-ratio:1.4; }
.bc-editorial .bc-output { gap:.6rem; padding:.65rem .75rem; min-height:85px; }
.bc-editorial .bc-output-icon { width:50px; height:50px; }
.bc-editorial .bc-output-copy > p { font-size:.75rem; }
.has-care-scene .gs-rail .bc-story { margin-bottom:2rem; }
@media(max-width:63.99rem) {
 .has-care-scene .p3-hero-grid { grid-template-columns:1fr; }
 .has-care-scene .p3-hero-grid .bc-story { width:100%; max-width:600px; margin:2rem auto 0; }
}
@media(max-width:42rem) {
 .bc-stage { border-radius:16px 16px 0 0; }
 .bc-title { gap:.75rem; font-size:.875rem; }
 .bc-title .motion-toggle { padding:.4rem .65rem; }
 .bc-roles { inset:.7rem .7rem auto; font-size:.625rem; gap:2rem; }
 .bc-beacon { font-size:.625rem; padding:.4rem .5rem; gap:.2rem; }
 .bc-beacon img { width:16px; height:16px; }
 .bc-output { min-height:92px; padding:.7rem .8rem; gap:.7rem; border-radius:0 0 16px 16px; }
 .bc-output-icon { width:56px; height:56px; }
 .bc-output-copy > p { font-size:.8125rem; margin-bottom:.45rem; }
 .bc-output-items { gap:.25rem .65rem; }
 .bc-output-items li { font-size:.625rem; }
 .bc-steps li { grid-template-columns:100px minmax(0,1fr); gap:.65rem; padding-left:.4rem; }
 .bc-steps button { font-size:.6875rem; padding:.5rem .35rem; }
 .bc-steps p { font-size:.75rem; }
 :is(.bc-wide,.bc-editorial) .bc-story { display:block; }
 :is(.bc-wide,.bc-editorial) .bc-title { margin-bottom:.65rem; }
 :is(.bc-wide,.bc-editorial) .bc-readout { margin-top:1rem; }
 .bc-disclosure { font-size:.625rem; }
}
@media(prefers-reduced-motion:reduce) { .bc-story *,.bc-story *::before,.bc-story *::after { animation:none !important; transition:none !important; } }

.bc-output { transition:border-color .45s ease, background-color .45s ease; }
.bc-story[data-result='record'] .bc-visual { border-color:#b7cdd9; }
.compass-mini .sector-bio { fill:#2784a017; }
.compass-mini .sector-psycho { fill:#927ac12e; }
.compass-mini .sector-social { fill:#00356219; }
.compass-mini .ring,.compass-mini .spoke { fill:none; stroke:#00356238; }
.compass-mini .shape-one { fill:none; stroke:#003562; stroke-width:2; stroke-dasharray:5 5; }
.compass-mini .shape-two { fill:url(#miniCompassFill); stroke:url(#miniCompassStroke); stroke-width:4; stroke-linejoin:round; }
.compass-mini .shape-shadow { fill:#0035622e; }

/* Article typography must not override the compact workflow output. */
.bc-story .bc-output-items { padding:0; margin:0; }
.bc-story .bc-output-items li { font-size:.6875rem; line-height:1.5; margin:0; padding:0 0 0 10px; }
@media(max-width:42rem) { .bc-story .bc-output-items li { font-size:.625rem; } }

.bc-visual { border:1px solid #dce5eb; border-radius:22px; overflow:hidden; background:white; transition:border-color .45s ease; }
@media(max-width:42rem) { .bc-visual { border-radius:16px; } }


/* Native-scroll care demos. Existing words and artwork become one held composition. */
.bc-scroll-section { padding:24px 0 64px; background:linear-gradient(180deg,#fff,#f6f9fb); }
.page-clinicians .page-hero .p3-hero-grid { grid-template-columns:1fr; }
.page-clinicians .page-hero .rail { max-width:920px; }
.bc-scroll-shell { position:relative; min-width:0; max-width:1020px; margin:0 auto; }
.bc-scroll-shell[data-scroll-ready=true] { min-height:350vh; min-height:350svh; }
.bc-scroll-shell .bc-story[data-care-mode=scroll] {
 --bc-progress:0; --bc-phase:0;
 display:block; width:100%; max-width:none; margin:0; padding:10px;
 border:1px solid #d0dfe7; border-radius:22px;
 color:#123c55; background:linear-gradient(140deg,#fff,#f7fafbe8);
 box-shadow:0 23px 60px -34px #123f5b44,inset 0 1px white;
}
.bc-scroll-shell[data-scroll-ready=true] .bc-story[data-care-mode=scroll] { position:sticky; top:76px; }
.bc-scroll-shell .bc-story[data-care-mode=scroll] .bc-title {
 position:relative; display:flex; align-items:center; min-height:52px; padding:3px 9px 12px; margin:0;
 color:#204c64; font-size:15px; line-height:1.35;
}
.bc-scroll-shell[data-scroll-ready=true] .bc-title::after { content:''; position:absolute; bottom:0; left:9px; right:9px; height:2px; border-radius:2px; background:linear-gradient(90deg,#a276ae,#3a93aa); transform:scaleX(var(--bc-progress)); transform-origin:left; }
.bc-scroll-shell .bc-story[data-care-mode=scroll] .bc-title .motion-toggle { min-height:40px; padding:7px 11px; font-size:10px; color:#466c80; background:#f5f9fb; border-color:#d5e3eb; }
.bc-scroll-shell .bc-story[data-care-mode=scroll] .bc-visual { display:block; border:1px solid #d8e5ea; border-radius:15px; overflow:hidden; margin-top:10px; }
.bc-scroll-shell .bc-story[data-care-mode=scroll] .bc-stage { height:clamp(200px,31svh,305px); aspect-ratio:auto; border-radius:14px 14px 0 0; background:#f2f5f3; }
.bc-scroll-shell .bc-story[data-care-mode=scroll] .bc-setting { opacity:.82; }
.bc-scroll-shell .bc-story[data-care-mode=scroll] .bc-roles { inset:16px 22px auto; font-size:12px; color:#3f6276; }
.bc-scroll-shell .bc-story[data-care-mode=scroll] .bc-person { height:92%; max-width:40%; bottom:-2%; filter:drop-shadow(0 7px 6px #24435a12); }
.bc-scroll-shell .bc-story[data-care-mode=scroll] .bc-left { left:12%; }
.bc-scroll-shell .bc-story[data-care-mode=scroll] .bc-right { right:12%; }
.bc-scroll-shell .bc-story[data-care-mode=scroll] .bc-beacon { top:35%; padding:11px 14px; border-radius:14px; border-color:#fff; background:#fffffff0; box-shadow:0 0 0 7px #ffffff45,0 12px 28px #28546b18; font-size:12px; gap:8px; }
.bc-scroll-shell .bc-story[data-care-mode=scroll] .bc-beacon img { width:27px; height:27px; }
.bc-scroll-shell .bc-story[data-care-mode=scroll] .bc-route { stroke:#9ebfcf55; stroke-width:1.25; }
.bc-scroll-shell .bc-story[data-care-mode=scroll] .bc-route-lit { stroke:#498faa; stroke-dashoffset:calc(var(--bc-progress)*-130); opacity:.42; }
.bc-scroll-shell .bc-story[data-care-mode=scroll] .bc-output { min-height:100px; gap:18px; padding:13px 23px; background:linear-gradient(100deg,#fff,#f4f9fa); border-top:1px solid #dce7ee; border-radius:0; }
.bc-scroll-shell .bc-story[data-care-mode=scroll] .bc-output-icon { width:68px; height:68px; }
.bc-scroll-shell .bc-story[data-care-mode=scroll] .bc-output-copy>p { color:#204c65; font-size:17px; line-height:1.3; margin:0 0 10px; }
.bc-scroll-shell .bc-story[data-care-mode=scroll] .bc-output-items { gap:8px 11px; }
.bc-scroll-shell .bc-story[data-care-mode=scroll] .bc-output-items li { padding:5px 9px 5px 19px; border:1px solid #dae6eb; border-radius:6px; color:#526f81; font-size:11px; line-height:1.3; background:#f8fbfc; }
.bc-scroll-shell .bc-story[data-care-mode=scroll] .bc-output-items li::before { top:10px; left:8px; background:#b4cad5; box-shadow:none; }
.bc-scroll-shell .bc-story[data-care-mode=scroll] .bc-output-items li[data-captured=true] { color:#276a7b; background:#edf7f7; border-color:#bfdae2; }
.bc-scroll-shell .bc-story[data-care-mode=scroll] .bc-output-items li[data-captured=true]::before { background:#358aa0; }
.bc-scroll-shell .bc-story[data-care-mode=scroll] .bc-output-items li:last-child[data-captured=true] { color:#796236; background:#fbf7ee; border-color:#e4d8bf; }
.bc-scroll-shell .bc-story[data-care-mode=scroll] .bc-readout { padding:12px 9px 0; margin:0; }
.bc-scroll-shell .bc-story[data-care-mode=scroll] .bc-steps { gap:8px; }
.bc-scroll-shell .bc-story[data-care-mode=scroll] .bc-steps li { border:0; padding:0; }
.bc-scroll-shell .bc-story[data-care-mode=scroll] .bc-steps button { color:#507285; background:#f2f7fa; border:1px solid #dce7ed; min-height:44px; padding:8px 12px; font-size:12px; }
.bc-scroll-shell .bc-story[data-care-mode=scroll] .bc-steps button[aria-pressed=true] { color:#154d67; border-color:#9ac0cf; background:#eaf4f7; }
.bc-scroll-shell .bc-story[data-care-mode=scroll] .bc-steps p { color:#3e6177; font-size:14px; line-height:1.55; margin:0; }
.bc-scroll-shell[data-scroll-ready=true] .bc-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); grid-template-rows:44px minmax(42px,auto); gap:10px 12px; }
.bc-scroll-shell[data-scroll-ready=true] .bc-steps>li { display:contents; }
.bc-scroll-shell[data-scroll-ready=true] .bc-steps>li>button { grid-row:1; }
.bc-scroll-shell[data-scroll-ready=true] .bc-steps>li:nth-child(1)>button { grid-column:1; }
.bc-scroll-shell[data-scroll-ready=true] .bc-steps>li:nth-child(2)>button { grid-column:2; }
.bc-scroll-shell[data-scroll-ready=true] .bc-steps>li:nth-child(3)>button { grid-column:3; }
.bc-scroll-shell[data-scroll-ready=true] .bc-steps>li>p { display:none; grid-column:1/-1; grid-row:2; align-self:center; }
.bc-scroll-shell[data-scroll-ready=true] .bc-steps>li[data-current=true]>p { display:block; }
.bc-scroll-shell .bc-story[data-care-mode=scroll] .bc-disclosure { margin:10px 9px 2px; padding:0; color:#668294; font-size:10px; line-height:1.5; }
.bc-story[data-care-mode=scroll] *,.bc-story[data-care-mode=scroll] *::before,.bc-story[data-care-mode=scroll] *::after { animation:none!important; transition:none!important; }
.page-pricing.pricing-value .pv-value-grid { display:block; }
.page-pricing.pricing-value .pv-value-copy { max-width:780px; margin-bottom:35px; }
.page-pricing.pricing-value .pv-value-copy h2 { max-width:25ch; }
.page-pricing.pricing-value .pv-record { max-width:none; padding:0; border:0; background:transparent; box-shadow:none; }
.page-pricing.pricing-value .pv-record-foot { max-width:1020px; margin:18px auto 0; }
.bc-editorial:has(.bc-scroll-shell) { max-width:none; margin-block:35px; }
@media(max-width:760px) {
 .bc-scroll-section { padding:8px 0 40px; }
 .bc-scroll-shell[data-scroll-ready=true] { min-height:325vh; min-height:325svh; }
 .bc-scroll-shell .bc-story[data-care-mode=scroll] { padding:7px; border-radius:17px; }
 .bc-scroll-shell[data-scroll-ready=true] .bc-story[data-care-mode=scroll] { top:74px; }
 .bc-scroll-shell .bc-story[data-care-mode=scroll] .bc-title { font-size:12px; min-height:47px; padding:3px 5px 8px; gap:8px; }
 .bc-scroll-shell .bc-story[data-care-mode=scroll] .bc-title .motion-toggle { min-height:36px; padding:6px 8px; font-size:9px; }
 .bc-scroll-shell .bc-story[data-care-mode=scroll] .bc-visual { margin-top:7px; }
 .bc-scroll-shell .bc-story[data-care-mode=scroll] .bc-stage { height:clamp(170px,28svh,230px); }
 .bc-scroll-shell .bc-story[data-care-mode=scroll] .bc-roles { inset:12px 12px auto; font-size:9px; gap:25px; }
 .bc-scroll-shell .bc-story[data-care-mode=scroll] .bc-left { left:1%; }
 .bc-scroll-shell .bc-story[data-care-mode=scroll] .bc-right { right:1%; }
 .bc-scroll-shell .bc-story[data-care-mode=scroll] .bc-beacon { font-size:9px; gap:4px; padding:7px 8px; border-radius:10px; }
 .bc-scroll-shell .bc-story[data-care-mode=scroll] .bc-beacon img { width:20px; height:20px; }
 .bc-scroll-shell .bc-story[data-care-mode=scroll] .bc-output { gap:10px; min-height:96px; padding:12px; }
 .bc-scroll-shell .bc-story[data-care-mode=scroll] .bc-output-icon { height:49px; width:49px; }
 .bc-scroll-shell .bc-story[data-care-mode=scroll] .bc-output-copy>p { font-size:14px; margin-bottom:7px; }
 .bc-scroll-shell .bc-story[data-care-mode=scroll] .bc-output-items { gap:5px; }
 .bc-scroll-shell .bc-story[data-care-mode=scroll] .bc-output-items li { font-size:8.5px; padding:4px 5px 4px 12px; }
 .bc-scroll-shell .bc-story[data-care-mode=scroll] .bc-output-items li::before { left:5px; top:8px; width:3px; height:3px; }
 .bc-scroll-shell .bc-story[data-care-mode=scroll] .bc-readout { padding:10px 5px 0; }
 .bc-scroll-shell[data-scroll-ready=true] .bc-steps { grid-template-rows:44px 61px; gap:7px; }
 .bc-scroll-shell .bc-story[data-care-mode=scroll] .bc-steps button { font-size:10px; padding:7px; gap:5px; }
 .bc-scroll-shell .bc-story[data-care-mode=scroll] .bc-steps p { font-size:12px; line-height:1.5; }
 .bc-scroll-shell .bc-story[data-care-mode=scroll] .bc-disclosure { font-size:8.5px; margin:8px 5px 2px; }
}
@media(max-height:650px) {
 .bc-scroll-shell[data-scroll-ready=true] .bc-story[data-care-mode=scroll] { top:70px; }
 .bc-scroll-shell .bc-story[data-care-mode=scroll] .bc-stage { height:160px; }
 .bc-scroll-shell .bc-story[data-care-mode=scroll] .bc-title { min-height:43px; }
 .bc-scroll-shell .bc-story[data-care-mode=scroll] .bc-output { min-height:83px; padding-block:8px; }
 .bc-scroll-shell .bc-story[data-care-mode=scroll] .bc-output-icon { height:45px; width:45px; }
 .bc-scroll-shell .bc-story[data-care-mode=scroll] .bc-output-copy>p { font-size:13px; }
 .bc-scroll-shell .bc-story[data-care-mode=scroll] .bc-readout { padding-top:8px; }
 .bc-scroll-shell[data-scroll-ready=true] .bc-steps { grid-template-rows:44px 52px; gap:5px; }
 .bc-scroll-shell .bc-story[data-care-mode=scroll] .bc-disclosure { margin-top:5px; font-size:8px; }
}
@media(prefers-reduced-motion:reduce) {
 .bc-story[data-care-mode=scroll] .bc-packet,.bc-story[data-care-mode=scroll] canvas { opacity:0!important; }
 .bc-story[data-care-mode=scroll] .bc-person img { visibility:visible!important; }
}

/* If the complete pinned frame cannot fit, keep every chapter in ordinary page flow. */
.bc-scroll-shell[data-scroll-ready=false] .bc-steps { display:grid; grid-template-columns:1fr; gap:10px; }
.bc-scroll-shell[data-scroll-ready=false] .bc-steps>li { display:block; }
.bc-scroll-shell[data-scroll-ready=false] .bc-steps>li>button { display:none; }
.bc-scroll-shell[data-scroll-ready=false] .bc-steps>li>p { display:block; }