.journey-readable{--jr-ink:#18324a;--jr-muted:#50677a;--jr-line:#91a9b8;--jr-paper:#f7fbfd;--jr-stable:#e6f4ed;--jr-acute:#ffe8e5;--jr-recovery:#e9efff;--jr-outcome:#f4eafa;max-width:100%;margin:1.5rem 0;padding:clamp(1rem,3vw,2rem);overflow:hidden;color:var(--jr-ink);font-size:16px;background:linear-gradient(145deg,#fff 0%,var(--jr-paper) 100%);border:1px solid #d7e4ea;border-radius:1.5rem;box-shadow:0 18px 50px #203c5014}
.journey-readable *{box-sizing:border-box}.journey-readable .thai{font-size:16px;line-height:1.45}.journey-readable__header{display:block}.journey-readable__header h2,.journey-readable__research h3{margin:.25rem 0 0;color:var(--jr-ink)}.journey-readable__research>div>p{margin:0;color:var(--jr-muted);font-size:16px;line-height:1.6}.journey-readable__eyebrow{margin:0;color:#3b6680;font-size:14px;font-weight:800;letter-spacing:.11em}
.journey-readable__key{display:flex;flex-wrap:wrap;gap:.55rem 1rem;margin:.85rem 0;padding:.65rem .8rem;background:#edf5f8;border-radius:.8rem;font-size:14px;color:var(--jr-muted)}.journey-readable__key span{display:inline-flex;align-items:center;gap:.42rem;min-height:1.5rem}.journey-readable__key i{width:.8rem;height:.8rem;border-radius:.25rem;background:#fff;border:2px solid #7092a6}.journey-readable__key .key-condition{border-style:dashed}.journey-readable__key .key-outcome{background:var(--jr-outcome);border-color:#9b78aa}.journey-readable__key .key-arrow b{font-size:18px;color:#3d8063}
.journey-readable__entry-rule{margin:.75rem 0 1rem;padding:.7rem .9rem;color:#304f62;font-size:16px;background:#eef7fb;border-left:4px solid #4d91ae;border-radius:.4rem .8rem .8rem .4rem;line-height:1.5}.journey-readable__swipe-hint{display:none;margin:.25rem 0;color:#3c6277;font-size:14px;font-weight:750}.journey-readable__lanes{display:grid;min-width:0;gap:1rem}.journey-readable__lane{min-width:0;padding:1rem;border:1px solid #c8ddd4;border-radius:1.1rem;background:var(--jr-stable);overflow:hidden}.journey-readable__lane--acute{border-color:#efc2bc;background:var(--jr-acute)}.journey-readable__lane>header{display:flex;gap:.75rem;align-items:center;margin-bottom:.8rem}.journey-readable__lane>header h3{margin:0;font-size:18px}.journey-readable__lane-icon{display:grid;flex:0 0 2rem;height:2rem;place-items:center;color:#176a4b;background:#fff;border:2px solid #74b79b;border-radius:50%;font-size:16px;font-weight:900}.journey-readable__lane--acute .journey-readable__lane-icon{color:#a4382e;border-color:#e9857c}.journey-readable__track{display:flex;width:100%;min-width:0;align-items:center;gap:.55rem;overflow-x:auto;overscroll-behavior-inline:contain;padding:.25rem .15rem .75rem;scroll-snap-type:x proximity}.journey-readable__track .journey-readable__stage{flex:0 0 clamp(11rem,18vw,14rem);scroll-snap-align:start}.journey-readable__track-arrow{display:grid;flex:0 0 3.4rem;justify-items:center;color:#3d8063;text-align:center}.journey-readable__track--acute .journey-readable__track-arrow{color:#bd4f44}.journey-readable__track-arrow b{font-size:26px;line-height:1}.journey-readable__track-arrow small{font-size:14px}.journey-readable__direct-entry{display:grid;flex:0 0 clamp(11rem,18vw,14rem);gap:.35rem;padding:.75rem;background:#fff9f8;border:1px dashed #dd928a;border-radius:.8rem}.journey-readable__direct-entry strong{font-size:14px;color:#8c433c}.journey-readable__direct-entry a{color:#365b70;font-size:16px}.journey-readable__returns{display:flex;flex-wrap:wrap;gap:.5rem}.journey-readable__returns span{padding:.5rem .7rem;color:#4c6373;background:#edf3f7;border-radius:2rem;font-size:14px}
.journey-readable__stage{display:flex;min-height:7.8rem;flex-direction:column;justify-content:center;gap:.35rem;padding:.9rem;text-decoration:none;color:var(--jr-ink);background:#fff;border:2px solid #b7cad5;border-radius:.9rem;box-shadow:0 5px 14px #193d5010;transition:border-color .15s,transform .15s,box-shadow .15s}.journey-readable__stage:hover{transform:translateY(-2px);border-color:#517e98;box-shadow:0 9px 20px #193d5018}.journey-readable__stage:focus-visible{outline:3px solid #087ea4;outline-offset:3px}.journey-readable__stage.is-selected{border-color:#087ea4;box-shadow:0 0 0 4px #aee8f555}.journey-readable__stage.is-outside-overlay{filter:saturate(.25);border-style:dashed}.journey-readable__stage strong{font-size:16px;line-height:1.3}.journey-readable__stage small{color:var(--jr-muted);font-size:16px;line-height:1.4}.journey-readable__stage-type{font-size:14px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#59758a}.journey-readable__stage--unknown{background:#f0f4f7}.journey-readable__stage--risk{background:#fff4cf;border-color:#dfbd55}.journey-readable__stage--diagnosed{background:#ffe5dc;border-color:#e59679}.journey-readable__stage--planned{background:#e4f5e9;border-color:#7fbe91}.journey-readable__stage--emergency{background:#ffe1e5;border-color:#e78391}.journey-readable__stage--recovery{background:var(--jr-recovery);border-color:#8eacd9}.journey-readable__stage--outcomes{background:var(--jr-outcome);border-color:#bca9c8}
.journey-readable__touchpoints{min-width:0;margin-top:1.2rem}.journey-readable__touchpoints h3,.journey-readable__touchpoints>p{margin:.2rem 0}.journey-readable__touchpoints h3{font-size:18px}.journey-readable__touchpoints>p{color:var(--jr-muted);font-size:16px}.journey-readable__touchpoints nav{display:grid;grid-template-columns:repeat(7,minmax(8.5rem,1fr));gap:.4rem;margin-top:.7rem;overflow-x:auto;overscroll-behavior-inline:contain}.journey-readable__touchpoints a{display:grid;min-width:8.5rem;justify-items:center;gap:.3rem;padding:.75rem .5rem;color:var(--jr-ink);text-align:center;text-decoration:none;background:#fff;border:1px solid #d8e4ea;border-radius:.75rem}.journey-readable__touchpoints a[aria-current=step]{border-color:#087ea4;box-shadow:inset 0 0 0 1px #087ea4}.journey-readable__touchpoints i{display:grid;width:2rem;height:2rem;place-items:center;color:#fff;background:#4e88a3;border-radius:50%;font-size:16px;font-style:normal;font-weight:900}.journey-readable__touchpoints strong{font-size:16px;line-height:1.3}.journey-readable__touchpoints small{color:var(--jr-muted);font-size:14px}
.journey-readable__research{display:grid;grid-template-columns:minmax(14rem,.7fr) minmax(20rem,1.3fr);gap:1rem;margin-top:1.35rem;padding:1.1rem;background:#fff8df;border:1px solid #ead997;border-radius:1.1rem}.journey-readable__questions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.journey-readable__questions article{padding:.8rem;background:#fff;border:1px solid #eadfb8;border-radius:.8rem}.journey-readable__questions p{margin:0 0 .65rem;font-size:16px;line-height:1.45}.journey-readable__questions nav{display:flex;flex-wrap:wrap;gap:.35rem}.journey-readable__questions a{padding:.3rem .5rem;color:#315d76;background:#edf6fa;border-radius:.4rem;font-size:14px;font-weight:700;text-decoration:none}
.journey-readable__all-links{margin-top:1rem;padding:1rem;background:#fff;border:1px solid #d7e4ea;border-radius:1rem}.journey-readable__all-links summary{cursor:pointer;font-size:16px;font-weight:800}.journey-readable__all-links>p{color:var(--jr-muted);font-size:16px}.journey-readable__all-links ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin:1rem 0 0;padding:0;list-style:none}.journey-readable__all-links li{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:.45rem;align-items:center;padding:.7rem;background:#f5f9fb;border-radius:.7rem}.journey-readable__all-links li small{grid-column:1/-1;color:var(--jr-muted);font-size:14px}.journey-readable__all-links a{color:#285b76;font-size:16px;font-weight:700}
@media(max-width:900px){.journey-readable__swipe-hint{display:block}.journey-readable__questions{grid-template-columns:1fr}.journey-readable__research{grid-template-columns:1fr}.journey-readable__all-links ul{grid-template-columns:1fr}.journey-readable__touchpoints nav{grid-template-columns:repeat(7,8.5rem)}}
@media(max-width:620px){.journey-readable{padding:1rem;border-radius:1rem}.journey-readable__header{grid-template-columns:1fr;gap:.75rem}.journey-readable__lane{margin-inline:-.25rem;padding:.8rem}.journey-readable__stage{min-height:6.4rem}.journey-readable__key{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.journey-readable__stage{transition:none}}

/* CAD pilot: 19 sourced states in three distinct, horizontally readable lanes. */
.cad-journey{--cad-ink:#18324a;--cad-muted:#50677a;margin:1.5rem 0;padding:clamp(1rem,3vw,2rem);color:var(--cad-ink);background:linear-gradient(145deg,#fff,#f4f9fb);border:1px solid #d7e4ea;border-radius:1.5rem;box-shadow:0 18px 50px #203c5014;overflow:hidden;font-size:16px}.cad-journey *{box-sizing:border-box}.cad-journey .thai{font-size:16px;line-height:1.45;color:#536b7c}.cad-journey__header{display:flex;justify-content:space-between;align-items:start;gap:1rem}.cad-journey__header h2{margin:.25rem 0 .7rem;color:var(--cad-ink);font-size:clamp(1.6rem,3vw,2.4rem)}.cad-journey__header p{max-width:58rem;color:var(--cad-muted);font-size:16px}.cad-journey__header .button{flex:0 0 auto;color:#174e6c;background:#edf7fa;border-color:#9cc4d2}
.cad-journey__emergency{display:flex;justify-content:space-between;gap:1rem;margin:1rem 0;padding:1rem 1.15rem;color:#772d2b;background:#fff0ee;border:2px solid #df7168;border-radius:1rem}.cad-journey__emergency strong,.cad-journey__emergency span{display:block}.cad-journey__emergency .thai{color:#8f4542}.cad-journey__legend{display:flex;max-width:100%;flex-wrap:wrap;gap:.55rem 1rem;margin:.8rem 0;font-size:14px;color:var(--cad-muted)}.cad-journey__legend-item{display:inline-flex;min-width:0;align-items:center;gap:.42rem;white-space:normal;overflow-wrap:anywhere}.cad-journey__legend-item i{width:1.8rem;flex:0 0 1.8rem;border-top:3px solid #3b7f97}.cad-journey__legend-item--conditional i{border-top-style:dashed}.cad-journey__legend-item--emergency-jump i,.cad-journey__legend-item--recurrence i{border-color:#cb4e49}.cad-journey__legend-item--alternate i{border-color:#8a9298}.cad-journey__legend-item--reassessment i{border-style:double}
.cad-journey__lanes{display:grid;gap:1rem}.cad-journey__lane{padding:1rem;border:1px solid #d2dce2;border-radius:1.1rem;background:#f2f6f8;overflow:hidden}.cad-journey__lane--1{background:#fff8dd;border-color:#ead68e}.cad-journey__lane--2{background:#eaf5fa;border-color:#afd2df}.cad-journey__lane--3{background:#fff0ee;border-color:#efc1bd}.cad-journey__lane>header{display:flex;align-items:center;gap:.7rem;margin-bottom:.8rem}.cad-journey__lane>header>span{display:grid;place-items:center;flex:0 0 2rem;height:2rem;color:#fff;background:#316f8b;border-radius:50%;font-weight:900}.cad-journey__lane--1>header>span{background:#a67712}.cad-journey__lane--3>header>span{background:#b74640}.cad-journey__lane h3{margin:0;color:var(--cad-ink);font-size:18px}.cad-journey__track{display:flex;align-items:center;gap:.5rem;overflow-x:auto;padding:.25rem .15rem .75rem;overscroll-behavior-inline:contain;scroll-snap-type:x proximity}.cad-journey__node{display:flex;flex:0 0 clamp(11.5rem,18vw,14rem);min-height:7.3rem;flex-direction:column;gap:.42rem;padding:.85rem;color:var(--cad-ink);text-decoration:none;background:#fff;border:2px solid #b7cad5;border-radius:.9rem;scroll-snap-align:start}.cad-journey__node:hover{text-decoration:none;border-color:#447b97}.cad-journey__node.is-selected{border-color:#087ea4;box-shadow:0 0 0 4px #aee8f555}.cad-journey__node--conditional-action{border-color:#dc983c;background:#fff7e9}.cad-journey__node--alternate-outcome{border-color:#9aa4aa;background:#f2f3f3}.cad-journey__node--emergency-entry{border-color:#d64a45;background:#fff1ef}.cad-journey__node-id{align-self:start;padding:.15rem .38rem;color:#fff;background:#476e83;border-radius:.3rem;font-size:14px;font-weight:900}.cad-journey__node strong{font-size:16px;line-height:1.35}.cad-journey__connector{display:grid;flex:0 0 4rem;justify-items:center;text-align:center;color:#3a6c80}.cad-journey__connector b{font-size:24px}.cad-journey__connector small{font-size:12px;line-height:1.2}.cad-journey__connector--conditional b{border-bottom:2px dashed #c0802a}.cad-journey__connector--alternate{color:#747f86}
.cad-journey__shortcut{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem;margin-top:1rem;padding:1rem;background:#fff5f3;border-left:5px solid #c84a44;border-radius:.8rem}.cad-journey__shortcut p{margin:.25rem 0;color:var(--cad-muted);font-size:16px}.cad-journey__origin-list{display:flex;max-width:24rem;flex-wrap:wrap;gap:.35rem;align-items:center}.cad-journey__origin-list a{display:grid;min-width:2.6rem;height:2.6rem;place-items:center;color:#315e73;background:#fff;border:1px solid #afc5d0;border-radius:.45rem;font-weight:800}.cad-journey__origin-list a.is-emergency{color:#fff;background:#b8433f;border-color:#b8433f}.cad-journey__connections{margin-top:1rem;padding:1rem;background:#fff;border:1px solid #d7e4ea;border-radius:1rem}.cad-journey__connections summary{min-height:44px;cursor:pointer;font-weight:800}.cad-journey__connections>p{color:var(--cad-muted)}.cad-journey__connections ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;padding:0;list-style:none}.cad-journey__connections li{display:grid;grid-template-columns:auto auto auto 1fr;gap:.45rem;align-items:center;padding:.7rem;background:#f5f9fb;border-left:4px solid #3b7f97;border-radius:.55rem}.cad-journey__connections li.edge-conditional{border-left-style:dashed;border-left-color:#c0802a}.cad-journey__connections li.edge-alternate{border-left-color:#8a9298}.cad-journey__connections li.edge-recurrence{border-left-color:#cb4e49}.cad-journey__connections li small{grid-column:1/-1;color:var(--cad-muted);font-size:14px}.cad-journey__connections li strong{font-size:14px}.cad-journey__connections a{font-weight:800}
.cad-journey__branch-map{margin-top:1rem;padding:1rem;background:#eef5f8;border:1px solid #c7dbe4;border-radius:1.1rem}.cad-journey__branch-map>div:first-child>p:last-child{max-width:68rem;color:var(--cad-muted)}.cad-journey__branch-map h3{margin:.2rem 0;color:var(--cad-ink)}.cad-journey__branch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.cad-journey__branch-card{padding:.9rem;background:#fff;border:2px solid transparent;border-radius:.8rem}.cad-journey__branch-card.is-active{border-color:#087ea4;box-shadow:0 0 0 3px #aee8f544}.cad-journey__branch-card h4{margin:0 0 .65rem;color:var(--cad-ink);font-size:16px}.cad-journey__branch-route{padding:.55rem 0;border-top:1px solid #dce6eb}.cad-journey__branch-route>p{margin:0 0 .4rem;color:var(--cad-muted);font-size:14px;font-weight:700}.cad-journey__branch-route>div{display:flex;align-items:center;gap:.35rem;overflow-x:auto;padding:.15rem}.cad-journey__branch-node{display:flex;flex:0 0 min(10.5rem,42vw);min-height:3.4rem;align-items:flex-start;gap:.45rem;padding:.5rem;color:var(--cad-ink);background:#f8fbfc;border:1px solid #b8ccd6;border-radius:.55rem;text-decoration:none}.cad-journey__branch-node:hover{text-decoration:none;border-color:#447b97}.cad-journey__branch-node.is-selected{border-color:#087ea4;background:#e7f7fb}.cad-journey__branch-node>strong{display:grid;flex:0 0 2rem;height:2rem;place-items:center;color:#fff;background:#476e83;border-radius:.3rem}.cad-journey__branch-node>span{font-size:12px;font-weight:700;line-height:1.25}.cad-journey__branch-node .thai{margin-top:.2rem;color:var(--cad-muted);font-size:12px}.cad-journey__branch-arrow{display:grid;flex:0 0 4.4rem;justify-items:center;text-align:center;color:#3a6c80}.cad-journey__branch-arrow b{font-size:22px;line-height:1}.cad-journey__branch-arrow small{font-size:11px;line-height:1.15}.cad-journey__branch-arrow--conditional{color:#a36c20}.cad-journey__branch-arrow--alternate{color:#6f777c}.cad-journey__branch-arrow--reassessment,.cad-journey__branch-arrow--recurrence{color:#ad403b}
@media(max-width:900px){.cad-journey__header{display:block}.cad-journey__header .button{margin-bottom:.75rem}.cad-journey__emergency{display:block}.cad-journey__emergency span{margin-top:.4rem}.cad-journey__shortcut{grid-template-columns:1fr}.cad-journey__branch-grid,.cad-journey__connections ul{grid-template-columns:1fr}}
@media(max-width:620px){.cad-journey{padding:1rem;border-radius:1rem}.cad-journey__lane{margin-inline:-.25rem;padding:.8rem}.cad-journey__node{min-height:6.8rem}.cad-journey__legend{display:grid;grid-template-columns:minmax(0,1fr)}.cad-journey__origin-list{max-width:100%}.cad-journey__branch-map{margin-inline:-.25rem;padding:.8rem}.cad-journey__branch-grid{display:flex;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory}.cad-journey__branch-card{flex:0 0 min(82vw,20rem);scroll-snap-align:start}.cad-journey__branch-node{flex-basis:9rem}}
