.tp-role-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}.tp-role-preview{position:sticky;top:18px}.tp-role-layout svg{width:100%;height:auto;max-width:none}.tp-role-preview h3{font-size:22px}.tp-journey{margin:32px 0;padding:26px;border:1px solid #d2dacf;border-radius:20px;background:#edf0e8}.tp-journey h2{font-family:Georgia,serif;font-size:28px;font-weight:400}.tp-journey p{font-size:14px}.tp-journey-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:18px 0}.tp-journey-steps button{padding:14px 12px;background:#fff;border:1px solid #c9d2c5;border-radius:12px;min-height:64px;text-align:left;line-height:1.4;font-size:13px;overflow-wrap:anywhere}.tp-journey-steps button[aria-pressed=true]{background:#193743;color:#fff;border-color:#193743}.tp-journey-steps small{display:block;color:inherit;margin-bottom:6px}.tp-graph-controls{display:flex;gap:12px;flex-wrap:wrap}.tp-graph-controls button{background:#193743;color:#fff;padding:12px 18px;min-height:44px;border-radius:10px;font-size:14px}.tp-graph-host{height:350px;max-width:100%;overflow:hidden;margin:18px 0;border-radius:16px;border:1px solid #ccd4c9}.tp-graph-host canvas{display:block;width:100%;height:100%;touch-action:pan-y}.tp-journey [role=status]{color:#344f49;margin:12px 0 0}.tp-journey [data-journey-explanation]{color:#193743;min-height:3em}.tp-journey button:focus-visible{outline:3px solid #a38148;outline-offset:4px}@media(max-width:640px){.tp-role-layout{grid-template-columns:1fr;gap:16px}.tp-role-preview{position:static}.tp-journey{padding:18px}.tp-journey-steps{grid-template-columns:1fr 1fr}.tp-graph-host{height:300px}.tp-journey h2{font-size:25px}}

.tp-role-preview{margin:0;border:1px solid #d2dacf;border-radius:18px;padding:18px;background:#f8f7f2;min-width:0}.tp-role-preview h3{margin:0 0 16px;color:#193743}.tp-role-preview p{font-size:13px;line-height:1.6;color:#344f49}.tp-journey-steps p{font-size:12px;line-height:1.6;color:#344f49}.tp-journey-steps button{width:100%;cursor:pointer}.tp-graph-controls button{border:1px solid #193743;cursor:pointer}.tp-graph-controls button:disabled{opacity:.7;cursor:wait}[hidden]{display:none!important}
.tp-journey .mp-eyebrow{color:#6f5c3e}