/* Compact illustrations: each interaction keeps its place in the page. */
#follow-through,#immediate-care,#playbook{padding-block:62px}
#follow-through .two-column,#immediate-care .v5-two,#playbook .v5-two{align-items:start}
#follow-through .follow-scene{padding-top:48px}
#follow-through .evening-bg{height:205px;inset:0 -15px auto 0}
#follow-through .follow-content{padding:22px 24px;min-height:286px}
#follow-through .follow-content>.large-quote{font-size:24px;line-height:1.3;margin-bottom:14px}
#follow-through .follow-content>p:not(.large-quote){font-size:15px;line-height:1.55}
#follow-through .follow-content>.eyebrow{font-size:10px;margin-bottom:13px}
#follow-through .follow-stages{gap:12px;padding-bottom:18px}
#follow-through .follow-stages .icon-halo{width:46px;height:46px}
#follow-through .follow-stages b{font-size:13px}
#follow-through .follow-stages small{font-size:10px}
#follow-through .outcome-line{font-size:13px;line-height:1.5;margin-top:17px;padding-top:15px}
#follow-through .art-controls{margin-top:12px}
#follow-through .art-controls button{min-height:44px;font-size:14px}
#follow-through .art-caption{font-size:11px}

#immediate-care .response-original{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:stretch;gap:14px;padding-top:0}
#immediate-care .incoming-device{display:none}
#immediate-care .response-thread{height:352px;min-height:0;padding:20px 16px;overflow-y:auto;scrollbar-color:#328cc3 #061427;scrollbar-width:thin}
#immediate-care .response-thread .device-head{margin-bottom:16px}
#immediate-care .response-thread .device-head>div{font-size:17px}
#immediate-care .response-thread .device-head small{font-size:11px}
#immediate-care .response-thread .chat-bubble{font-size:14px;line-height:1.5;padding:11px 12px;margin:0 0 12px;min-height:0;max-width:100%}
#immediate-care .response-thread .chat-bubble.human{margin-left:12px;border-radius:12px 12px 3px 12px}
#immediate-care .response-thread .chat-bubble.circuit{margin-right:8px;border-radius:12px 12px 12px 3px}
#immediate-care .response-thread .typing{display:none}
#immediate-care .response-appointment{height:352px;min-height:0;margin:0;padding:17px 15px;align-self:stretch;display:flex;flex-direction:column}
#immediate-care .response-appointment .status-pill{font-size:11px;padding:7px}
#immediate-care .response-tech-photo{height:86px;min-height:86px;margin-top:12px}
#immediate-care .response-appointment h3{font-size:19px;line-height:1.2;margin:15px 0 9px}
#immediate-care .response-appointment>p{font-size:14px;line-height:1.5;min-height:0}
#immediate-care .response-appointment .mini-date{font-size:12px;line-height:1.4;margin-top:auto;padding-top:12px}
#immediate-care .response-step-controls{margin:0;gap:7px}
#immediate-care .response-step-controls button{font-size:13px;min-height:44px;padding:10px 5px}
#immediate-care .zero-staff{padding:13px 18px;margin:0;gap:16px}
#immediate-care .zero-staff strong{font-size:44px}
#immediate-care .zero-staff b{font-size:15px}
#immediate-care .zero-staff span{font-size:13px;line-height:1.45}
#immediate-care .response-original>.example-note{font-size:11px;margin:0}

#playbook .v5-two{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px}
#playbook .playbook-v5{height:520px;min-height:520px;width:100%;max-width:none;display:grid;grid-template-rows:48px 44px minmax(0,1fr) 176px 18px;gap:8px;padding:16px 18px;overflow:hidden;box-sizing:border-box}
#playbook .flow-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}
#playbook .playbook-heading{display:flex;justify-content:start;gap:9px;margin:0;min-width:0}
#playbook .playbook-heading img{width:32px;height:32px;flex-shrink:0}
#playbook .playbook-heading h3{font-size:16px;line-height:1.2;margin:0}
#playbook .playbook-heading p{font-size:12px;line-height:1.3;color:#9edaff;margin:5px 0 0}
#playbook .flow-navigation{display:flex;gap:6px;flex-shrink:0}
#playbook .flow-navigation button{font:inherit;font-size:13px;padding:8px 10px;min-height:38px;color:#cceaff;border:1px solid #356c94;border-radius:7px;background:#081d32;cursor:pointer}
#playbook button:disabled{opacity:.45;cursor:default}
#playbook .flow-history{display:flex;align-items:center;gap:7px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#328cc3 #061427;padding-bottom:5px;min-width:0;white-space:nowrap}
#playbook .flow-history p{font-size:12px;line-height:1.45;color:#a9bfd3;margin:0;white-space:normal}
#playbook .flow-history button{display:flex;align-items:center;gap:6px;flex-shrink:0;font:inherit;font-size:12px;line-height:1.4;padding:7px 8px;min-height:32px;background:#102b44;border:1px solid #30648b;border-radius:6px;color:#d4eaff;cursor:pointer}
#playbook .flow-history button[aria-current]{border-color:#83d6ff;background:#17456c}
#playbook .flow-history button span:first-child{color:#7bcef7}
#playbook .flow-current{overflow-y:auto;overflow-x:hidden;min-height:0;scrollbar-width:thin;scrollbar-color:#328cc3 #061427;padding:3px 4px 6px;outline-offset:-2px;overscroll-behavior:contain}
#playbook .flow-layers:before{display:none}
#playbook .flow-layer{padding:0}
#playbook .flow-question{font-size:16px;font-weight:600;line-height:1.35;text-align:left;border:0;box-shadow:none;background:none;color:#e4f5ff;margin:0 0 11px;padding:0}
#playbook .flow-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
#playbook .flow-options>button{font-size:14px;line-height:1.3;min-height:42px;padding:9px 11px;white-space:normal;text-align:left}
#playbook .flow-explanations{display:block;padding:0;margin:10px 0 0;font-size:12px;line-height:1.45;color:#aec6db}
#playbook .flow-ready{display:grid;grid-template-columns:30px 1fr;gap:6px 10px;align-items:start;padding:7px 0}
#playbook .flow-ready>span{display:grid;place-items:center;width:28px;height:28px;border:1px solid #64cfc1;border-radius:50%;color:#8be0cf;grid-row:span 2}
#playbook .flow-ready h4{font-size:17px;line-height:1.4;margin:0}
#playbook .flow-ready p{font-size:14px;line-height:1.5;color:#bfd2e3;margin:0}
#playbook .flow-response{margin:0;padding:13px 15px;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#328cc3 #061427;display:grid;grid-template-rows:14px minmax(0,1fr) 42px;gap:7px}
#playbook .flow-response>.micro{font-size:10px;line-height:1.4}
#playbook .flow-response>p,#playbook .flow-response>.finish-response{font-size:14px;line-height:1.45;min-height:0;margin:0;padding:0;border:0;color:#ddf1ff;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#328cc3 #061427}
#playbook .flow-response>p[hidden]{display:none}
#playbook .flow-finish{display:flex;flex-wrap:nowrap;align-items:stretch;gap:9px;margin:0}
#playbook .flow-finish .button,#playbook .flow-finish .text-button{font-size:13px;line-height:1.3;min-height:42px;padding:8px 10px;justify-content:center;white-space:normal}
#playbook .flow-finish .button{flex:1}
#playbook .flow-finish .text-button{flex:1}
#playbook .playbook-v5>.example-note{font-size:11px;line-height:1.4;margin:0}

@media(max-width:1100px) and (min-width:851px){
 #playbook .v5-two{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:28px}
 #playbook .playbook-v5{padding-inline:13px}
 #playbook .playbook-heading h3{font-size:15px}
 #playbook .playbook-heading img{display:none}
 #immediate-care .response-original{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:10px}
 #immediate-care .response-thread,#immediate-care .response-appointment{height:382px;padding-inline:12px}
 #immediate-care .response-appointment h3{font-size:17px}
}
@media(max-width:850px){
 #playbook .v5-two{grid-template-columns:1fr;gap:30px}
 #playbook .playbook-v5{max-width:650px;margin:auto}
 #follow-through .follow-scene{padding-top:35px}
}
@media(max-width:700px){
 #follow-through,#immediate-care,#playbook{padding-block:48px}
 #follow-through .follow-content{padding:21px;min-height:318px}
 #follow-through .follow-content>.large-quote{font-size:24px}
 #follow-through .follow-stages b{font-size:12px}
 #follow-through .art-caption{font-size:10px;max-width:120px}
 #immediate-care .response-original{grid-template-columns:1fr;gap:13px;max-width:500px;margin:auto}
 #immediate-care .response-thread{height:347px;max-width:100%;padding:22px}
 #immediate-care .response-thread .chat-bubble{font-size:16px;line-height:1.5;padding:12px 14px;margin-bottom:13px}
 #immediate-care .response-appointment{height:192px;max-width:100%;padding:17px 20px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto 1fr;gap:8px 10px}
 #immediate-care .response-tech-photo{display:none}
 #immediate-care .response-appointment .status-pill{font-size:12px;grid-column:1/-1;justify-self:start}
 #immediate-care .response-appointment h3{font-size:20px;margin:0;grid-column:1/-1}
 #immediate-care .response-appointment>p{font-size:14px;grid-column:1/-1;line-height:1.45;margin:0}
 #immediate-care .response-appointment .mini-date{font-size:12px;grid-column:1/-1;margin:0;padding:0}
 #immediate-care .response-step-controls button{font-size:13px;min-height:44px}
 #immediate-care .zero-staff span{font-size:13px}
 #playbook .playbook-v5{height:600px;min-height:600px;padding:16px 14px;grid-template-rows:48px 48px minmax(0,1fr) 202px 30px}
 #playbook .playbook-heading img{display:none}
 #playbook .playbook-heading h3{font-size:16px}
 #playbook .playbook-heading p{font-size:11px}
 #playbook .flow-navigation button{font-size:13px;padding:7px 9px;min-height:40px}
 #playbook .flow-question{font-size:17px}
 #playbook .flow-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 #playbook .flow-options>button{font-size:14px;min-height:46px;padding:10px}
 #playbook .flow-explanations{font-size:13px}
 #playbook .flow-response{padding:13px;grid-template-rows:15px minmax(0,1fr) 46px}
 #playbook .flow-response>p,#playbook .flow-response>.finish-response{font-size:15px;line-height:1.5}
 #playbook .flow-finish{display:flex;flex-direction:row;gap:7px}
 #playbook .flow-finish .button,#playbook .flow-finish .text-button{font-size:13px;min-height:46px;padding:8px}
 #playbook .playbook-v5>.example-note{font-size:12px}
}