/* Shared by Pediatric and Guidebook interactive flows. */
.ped-flow-workspace { margin-top:14px; }
.ped-flow-controls { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-bottom:14px; }
.ped-flow-controls .ped-count { margin-left:auto; }
.ped-flow-trail { display:grid; gap:16px; }
.ped-flow-step,.ped-flow-map-node { --flow-accent:var(--blue); --flow-tint:var(--blue-soft); border:1px solid var(--border); border-left:3px solid var(--flow-accent); border-radius:12px; padding:16px; background:var(--surface-soft); min-width:0; scroll-margin-top:20px; }
.ped-flow-step[data-tone="green"],.ped-flow-map-node[data-tone="green"] { --flow-accent:light-dark(#24724c,#86d7a5); --flow-tint:light-dark(#e9f6ef,#253f32); }
.ped-flow-step[data-tone="amber"],.ped-flow-map-node[data-tone="amber"] { --flow-accent:light-dark(#956000,#ffd08a); --flow-tint:light-dark(#fff4dc,#443622); }
.ped-flow-step[data-tone="red"],.ped-flow-map-node[data-tone="red"] { --flow-accent:light-dark(#b12f43,#ff9eab); --flow-tint:light-dark(#fff0f3,#422b34); }
.ped-flow-step-heading { display:flex; align-items:flex-start; gap:10px; margin-bottom:9px; }
.ped-flow-step-number { display:grid; place-items:center; flex-shrink:0; width:25px; height:25px; border-radius:8px; color:var(--flow-accent); background:var(--flow-tint); font-size:calc(11px * var(--pelison-type-scale, 1)); font-weight:700; }
.ped-flow-step h2 { font-size:calc(15px * var(--pelison-type-scale, 1)); font-weight:600; margin:2px 0 0; line-height:1.45; }
.ped-flow-step-text,.ped-flow-map-node p { margin:0; white-space:pre-line; line-height:1.6; font-size:calc(13px * var(--pelison-type-scale, 1)); }
.ped-flow-choices { display:flex; gap:8px; flex-wrap:wrap; margin-top:13px; }
.ped-flow-choice { min-height:36px; display:inline-flex; align-items:center; justify-content:space-between; gap:10px; padding:8px 12px; margin:0; border:1px solid var(--border); border-radius:9px; background:var(--surface); color:var(--text); font-family:inherit; font-size:calc(12px * var(--pelison-type-scale, 1)); line-height:1.4; text-align:left; white-space:normal; }
.ped-flow-choice .icon { width:14px; height:14px; color:var(--muted); flex-shrink:0; }
.ped-flow-choice:hover { border-color:var(--blue); }
.ped-flow-choice[aria-pressed="true"] { border-color:var(--blue); background:var(--blue-soft); color:var(--blue); }
.ped-flow-choice[aria-pressed="true"] .icon { color:var(--blue); }
.ped-flow-end { display:inline-block; font-size:calc(11px * var(--pelison-type-scale, 1)); font-weight:600; color:var(--flow-accent); background:var(--flow-tint); border-radius:6px; padding:4px 7px; margin-top:12px; }
.ped-flow-tools { display:flex; flex-wrap:wrap; gap:8px 14px; margin-top:12px; }
.ped-flow-tool { font-size:calc(12px * var(--pelison-type-scale, 1)); text-decoration:none; font-weight:500; }
.ped-flow-tool:hover { text-decoration:underline; }
.ped-flow-overview { margin-top:18px; border-top:1px solid var(--border); padding-top:12px; }
.ped-flow-overview > summary { cursor:pointer; color:var(--muted); font-size:calc(12px * var(--pelison-type-scale, 1)); }
.ped-flow-map { display:grid; gap:12px; margin-top:12px; }
.ped-flow-map-node h3 { margin:0 0 7px; font-size:calc(13px * var(--pelison-type-scale, 1)); }
.ped-flow-connections { display:grid; gap:5px; color:var(--blue); font-size:calc(11px * var(--pelison-type-scale, 1)); margin-top:10px; }
.ped-flow-step:focus-visible { outline:2px solid var(--blue); outline-offset:3px; }
@media(max-width:520px) { .ped-flow-step,.ped-flow-map-node { padding:13px; } .ped-flow-choices { display:grid; } .ped-flow-choice { width:100%; } .ped-flow-controls .ped-count { width:100%; margin:0; } }
.ped-flow-step>.content-markdown,.ped-flow-map-node>.content-markdown{margin-top:12px;}