/* Public-page adaptation of the playbook's problem → modules → benefits → journey. */
.story-problem,.story-benefits{background:#fff}
.story-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:11px;background:#eaf0ff;color:#315dd1;flex:none}
.story-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.problem-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.problem-card{padding:27px;border:1px solid #e0e6f0;border-radius:13px;background:#fafbfd;min-width:0}
.problem-card h3{font-size:1.18rem;margin:20px 0 12px;line-height:1.25}
.problem-card p{font-size:.84rem;line-height:1.75;color:var(--muted)}
.problem-consequence{margin-top:28px;padding-top:22px;border-top:1px solid var(--border);color:#3459ad;font-size:.86rem;font-weight:550}
.story-module-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:28px}
.story-module-card{display:flex;flex-direction:column;padding:24px 20px;background:white;border:1px solid #d8e1ee;border-radius:12px;text-decoration:none;color:var(--ink);min-width:0}
.module-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px;color:#617294;font-size:.71rem;font-weight:650}
.story-module-card>strong{font-family:Syne,sans-serif;font-size:1.2rem;line-height:1.25;letter-spacing:-.025em;margin-bottom:13px}
.module-card-description{display:block;font-size:.79rem;line-height:1.7;color:#5d6b80;margin-bottom:21px}
.module-card-action{font-size:.72rem;font-weight:650;color:#3159b0;display:flex;justify-content:space-between;gap:12px;margin-top:auto}
.story-module-card[aria-selected=true]{border:2px solid #315dcb;padding:23px 19px;background:#edf3ff;box-shadow:0 6px 20px #315dcb0d}
.story-module-card[aria-selected=true] .module-card-action{color:#24499f}
.story-module-card:hover{border-color:#7c9cdb}
.story-module-card:focus-visible{outline:3px solid #dc962d;outline-offset:3px}
.module-explorer [hidden]{display:none!important}
.story-module-panel{margin-top:30px;scroll-margin-top:100px}
.story-module-panel:focus-visible{outline:3px solid #dc962d;outline-offset:7px;border-radius:10px}
.is-enhanced .story-module-panel{margin-top:0}
.story-module-panel .care-demo{margin-bottom:0}
.story-module-panel .demo-workflow{margin-top:0}
.story-module-panel .demo-heading{max-width:760px}
.story-cockpit{background:#172237;color:#edf3ff;border:1px solid #314461;border-radius:15px;overflow:hidden}
.cockpit-body{padding:26px}
.cockpit-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:26px}
.cockpit-kpis>div{border:1px solid #3d506f;background:#20324c;padding:17px;border-radius:8px}
.cockpit-kpis span{font-size:.71rem;color:#b7c8e1;display:block}
.cockpit-kpis strong{font-size:1.6rem;color:#d6e5ff;letter-spacing:-.035em;line-height:1.3;display:block;margin-top:7px}
.cockpit-column-head,.cockpit-resident-row{display:grid;grid-template-columns:1.2fr .7fr 1fr 1.2fr;gap:16px;align-items:center}
.cockpit-column-head{font-size:.66rem;color:#a4b8d5;padding:0 12px 10px}
.cockpit-resident-row{border-top:1px solid #3c4c65;padding:18px 12px;font-size:.8rem}
.cockpit-resident-row:first-of-type{background:#243851}
.cockpit-resident-row>div:first-child>span{display:block;color:#aebed7;font-size:.69rem;margin-top:5px}
.cockpit-resident-row a{color:#bcd2ff;font-weight:550}
.cockpit-state{padding:5px 10px;font-size:.68rem;border-radius:10px;width:fit-content;max-width:100%;line-height:1.5}
.cockpit-state.is-open{background:#4c3d2b;color:#ffd69f}
.cockpit-state.is-matched{background:#25483e;color:#b7e4d2}
.cockpit-mobile-label{display:none}
.cockpit-context{font-size:.75rem;color:#c5d3e7;padding:15px;background:#22344d;border:1px solid #456084;border-radius:7px;margin-top:14px}
.dunning-example{display:grid;grid-template-columns:1.2fr 1fr;gap:36px;padding:32px;background:#fff;border:1px solid #d9e2ef;border-radius:15px}
.dunning-timeline{list-style:none}
.dunning-timeline li{display:flex;gap:18px;padding:0 0 25px 0;position:relative}
.dunning-timeline li:last-child{padding-bottom:0}
.dunning-timeline li:not(:last-child)::before{content:'';position:absolute;left:15px;top:35px;bottom:4px;width:1px;background:#c1d0e8}
.dunning-timeline li>span{display:flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;border-radius:50%;background:#eaf0fd;color:#3158a8;font-size:.72rem;font-weight:650}
.dunning-timeline h4{font-size:1.05rem;line-height:1.35;margin:3px 0 9px}
.dunning-timeline p{font-size:.8rem;color:#5c6b82;line-height:1.8}
.dunning-case{background:#f1f5fc;border:1px solid #d4dfef;border-radius:10px;padding:25px;align-self:start}
.dunning-case h4{font-size:1.55rem;margin:15px 0;color:#234786}
.dunning-case>p:not(.mini-label){font-size:.79rem;color:#586b88;line-height:1.8}
.dunning-hold{background:#fff4e1;border:1px solid #edd7b1;padding:13px 15px;border-radius:7px;margin:20px 0;color:#705121;font-size:.76rem}
.dunning-hold strong,.dunning-hold span{display:block}
.dunning-hold span{margin-top:5px}
.dunning-case a{font-size:.8rem;font-weight:650}
.dunning-case .dunning-note{font-size:.7rem!important;margin-top:15px}
.story-integration{margin-top:65px;padding-top:50px;border-top:1px solid #cfd8e7;scroll-margin-top:100px}
.story-integration .section-intro h3{font-size:clamp(1.8rem,3vw,2.45rem);line-height:1.2}
.integration-map{display:grid;grid-template-columns:1fr 35px .8fr 35px 1.1fr;gap:14px;align-items:stretch}
.integration-node{min-width:0;background:#fff;border:1px solid #d8e2ef;border-radius:12px;padding:23px;display:flex;flex-direction:column}
.integration-label{font-size:.65rem;letter-spacing:.07em;text-transform:uppercase;color:#60738f;font-weight:650;margin-bottom:10px}
.integration-node h4{font-size:1.1rem;line-height:1.3}
.system-logos{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:center;justify-items:start;margin:16px 0 22px}
.system-logos img{max-width:95px;max-height:28px;width:auto;height:auto;object-fit:contain}
.payer-logos{gap:22px 15px;margin:23px 0}
.payer-logos img{max-width:83px;max-height:27px}
.integration-node>p:not(.integration-label):not(.integration-team){font-size:.78rem;line-height:1.75;color:#5a6a80;margin-bottom:16px}
.integration-data{font-size:.66rem;line-height:1.7;color:#617694;border-top:1px solid #dce4ef;padding-top:13px;margin-top:auto}
.system-category{font-size:.65rem;font-weight:650;color:#60738f;margin-top:17px}
.integration-arrow{display:flex;align-items:center;justify-content:center;color:#7799d7;font-size:1.6rem}
.integration-carenos{background:#eaf1ff;border-color:#bfd0ec;text-align:center;align-items:center;justify-content:center}
.integration-brand{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:9px;background:#142b50;color:#fff;padding:13px 16px;font-family:Syne,sans-serif;font-size:1.3rem;font-weight:700;width:100%}
.integration-brand img{width:26px;height:26px;object-fit:contain}
.integration-team{display:flex;align-items:center;flex-direction:column;margin:26px 0;color:#5f7292;font-size:.77rem;line-height:1.8}
.integration-team svg{width:34px;height:34px;fill:none;stroke:#3159a9;stroke-width:1.4;margin-bottom:10px}
.integration-team strong{color:#1b345b;font-size:.88rem}
.integration-carenos>p:last-child{font-size:.65rem!important;margin:0!important;text-transform:uppercase;letter-spacing:.04em}
.integration-note{font-size:.72rem;line-height:1.75;color:#61738c;margin:19px 0 0}
.story-benefit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.story-benefit-grid article{border-top:3px solid #315ecc;padding-top:22px}
.story-benefit-symbol{font-size:1.65rem;line-height:1;color:#315ecc;display:block;margin-bottom:17px;font-weight:500}
.story-benefit-grid h3{font-size:1.18rem;line-height:1.3;margin-bottom:12px}
.story-benefit-grid p{font-size:.83rem;line-height:1.8;color:var(--muted)}
.benefit-outcomes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;padding:24px 26px;background:#f1f4fa;border-radius:11px;margin-top:37px;color:#31558f;font-size:.75rem;font-weight:600}
.story-journey{background:#142037;color:#fff}
.story-journey .eyebrow{color:#9fb8ff}
.story-journey .section-intro>p:last-child{color:#bbc9de}
.journey-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;align-items:end;margin:46px 0 0}
.journey-step{padding:26px;border:1px solid #4b5d78;border-radius:12px;min-width:0}
.journey-stage{display:block;font-size:.65rem;letter-spacing:.05em;text-transform:uppercase;color:#c2d0e7;margin-bottom:21px}
.journey-step .story-icon{margin-bottom:19px;background:#ffffff10;color:#b6caff}
.journey-step h3{font-size:1.2rem;line-height:1.3;margin-bottom:13px}
.journey-step p{font-size:.84rem;line-height:1.85;color:#c0cee4}
.journey-today{background:#ffffff06;min-height:270px}
.journey-start{background:#24447470;min-height:310px}
.journey-routine{background:#2858bd;border-color:#5f83cd;min-height:355px}
.journey-routine p,.journey-routine .journey-stage{color:#e1ebff}
.journey-routine .story-icon{background:#ffffff20;color:#fff}
.journey-business-case{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;margin-top:65px;padding-top:50px;border-top:1px solid #ffffff26;scroll-margin-top:100px}
.journey-case-copy h3{font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.2}
.journey-case-copy>p:not(.eyebrow):not(.case-note){font-size:.89rem;line-height:1.9;color:#c0cce0;margin:23px 0}
.journey-case-copy .hero-cta{font-size:.79rem;padding:14px 20px}
.journey-case-copy .case-note{font-size:.72rem;color:#a9b9d2;line-height:1.8;margin-top:14px}
.journey-case-factors article{display:flex;align-items:flex-start;gap:20px;border-top:1px solid #ffffff25;padding:23px 0}
.journey-case-factors article>span{font-size:.7rem;color:#9fb8ff;padding-top:4px}
.journey-case-factors h4{font-size:1.12rem;margin-bottom:9px}
.journey-case-factors p{font-size:.83rem;line-height:1.8;color:#bac7da}
@media(max-width:1100px){.story-module-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.module-card-description{margin-bottom:15px}.integration-map{grid-template-columns:1fr 24px .8fr 24px 1.1fr;gap:8px}.integration-node{padding:18px}.system-logos img{max-width:75px;max-height:24px}.integration-brand{font-size:1rem;padding:12px 8px}.integration-brand img{width:23px;height:23px}.journey-business-case{gap:38px}.story-benefit-grid{gap:22px}}
@media(max-width:800px){.problem-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.story-benefit-grid,.benefit-outcomes{grid-template-columns:repeat(2,minmax(0,1fr))}.integration-map{grid-template-columns:1fr;gap:12px}.integration-arrow{height:28px;transform:rotate(90deg)}.system-logos{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.system-logos img{max-width:100%;max-height:30px}.payer-logos{grid-template-columns:repeat(3,minmax(0,1fr))}.integration-node{padding:25px}.integration-brand{width:auto;padding:14px 24px;font-size:1.4rem}.integration-team{margin:22px 0}.journey-track{grid-template-columns:1fr;gap:16px;margin-top:30px}.journey-step{min-height:0}.journey-stage{margin-bottom:15px}.journey-step .story-icon{margin-bottom:14px}.journey-business-case{grid-template-columns:1fr;gap:32px;margin-top:40px;padding-top:38px}.cockpit-column-head{display:none}.cockpit-resident-row{grid-template-columns:1fr 1fr;gap:13px}.cockpit-resident-row>div:nth-child(2){text-align:right}.cockpit-resident-row>div:last-child{text-align:right}.cockpit-mobile-label{display:block;font-size:.65rem;color:#aebed7;margin-bottom:4px}.dunning-example{grid-template-columns:1fr;gap:28px}}
@media(max-width:600px){.problem-grid{grid-template-columns:1fr;gap:14px}.problem-card{padding:23px}.problem-card h3{margin-top:15px}.problem-card p{font-size:.86rem}.problem-consequence{font-size:.82rem}.story-module-nav{gap:10px}.story-module-card{padding:17px 13px}.story-module-card[aria-selected=true]{padding:16px 12px}.module-card-top{margin-bottom:13px;gap:8px}.module-card-top .story-icon{width:32px;height:32px;border-radius:8px}.module-card-top .story-icon svg{width:20px;height:20px}.story-module-card>strong{font-size:1.02rem;overflow-wrap:anywhere}.module-card-description{font-size:.73rem;line-height:1.7}.module-card-action{font-size:.67rem;gap:5px}.story-module-panel .demo-workflow{padding:23px 17px}.cockpit-body{padding:17px}.cockpit-kpis{grid-template-columns:1fr;gap:9px}.cockpit-kpis>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px}.cockpit-kpis strong{font-size:1.12rem;margin:0}.cockpit-kpis span{font-size:.7rem}.cockpit-resident-row{grid-template-columns:1fr;gap:9px;padding:17px 5px}.cockpit-resident-row>div:nth-child(2),.cockpit-resident-row>div:last-child{text-align:left}.cockpit-resident-row>div:nth-child(2){display:flex;justify-content:space-between;align-items:baseline}.cockpit-context{font-size:.74rem;padding:13px}.dunning-example{padding:23px 18px}.dunning-case{padding:21px}.dunning-timeline li{gap:12px}.dunning-timeline h4{font-size:1rem}.story-integration{margin-top:42px;padding-top:35px}.story-integration .section-intro h3{font-size:1.8rem}.integration-node{padding:22px}.system-logos{grid-template-columns:1fr 1fr}.system-logos img{max-width:95px}.payer-logos{grid-template-columns:1fr 1fr}.story-benefit-grid{grid-template-columns:1fr;gap:27px}.story-benefit-grid article{padding-top:18px}.story-benefit-symbol{font-size:1.4rem;margin-bottom:12px}.story-benefit-grid p{font-size:.86rem}.benefit-outcomes{gap:16px;padding:20px;margin-top:27px;font-size:.72rem}.journey-step{padding:23px}.journey-case-copy .hero-cta{font-size:.74rem}.journey-case-factors article{gap:14px}.journey-case-copy>p:not(.eyebrow):not(.case-note){font-size:.86rem}}
@media(max-width:360px){.story-module-nav{grid-template-columns:1fr}.story-module-card{padding:19px}.story-module-card[aria-selected=true]{padding:18px}.module-card-top{margin-bottom:11px}.story-module-card>strong{font-size:1.2rem}.module-card-description{font-size:.81rem}.module-card-action{font-size:.75rem}}