/* Shared phone and tablet layout. */
@media(max-width:1023px){
 body>header>div{padding-left:20px!important;padding-right:20px!important}
 body>header>div>div{display:flex!important;justify-content:space-between;gap:12px;height:76px!important}
 body>header>div>div>a{display:flex!important;flex-shrink:0}
 body>header>div>div>a img{width:112px!important;height:auto!important;max-height:44px;object-fit:contain}
 body>header nav{display:none!important}
 body>header>div>div>div{display:flex!important;align-items:center;gap:10px!important}
 body>header>div>div>div>a[href*="login"],body>header>div>div>div>a[href*="book-demo"]:first-of-type{display:none!important}
 body>header>div>div>div>a[href*="book-demo"]{display:none!important}
 body>header>div>div>div>a[href*="book-demo"]:nth-last-of-type(1){display:inline-flex!important;align-items:center;white-space:nowrap;font-size:12px!important;padding:10px 12px!important;min-height:40px;height:auto!important}
 body>header>div>div>div>div{display:block!important}
 body>header button[aria-label*="menu"]{display:flex!important;align-items:center;justify-content:center;min-width:44px;min-height:44px}
 body>header button[aria-label*="menu"] svg{width:24px;height:24px}
 .about-mobile-nav{position:fixed;inset:76px 0 0;z-index:100;background:#fff;overflow-y:auto;padding:20px 24px}
 .about-mobile-nav[hidden]{display:none}
 .about-mobile-nav a{display:block;min-height:48px;padding:15px 0;border-bottom:1px solid #dedfd9;color:#14271e;font-size:18px}
}
@media(max-width:760px){
 .agents-journey .agents-scenes,.agents-journey .agent-scenes{padding:0 16px}
 .agents-journey .agent-section{scroll-margin-top:84px}
 .agents-journey #pre-visit-history{padding:48px 8px 48px 24px;gap:32px}
 .agents-journey #pre-visit-history .agent-heading h2,.agents-journey #anesthesia-preop .agent-heading h2{font-size:clamp(32px,8.5vw,42px)}
 .agents-journey .agent-description{font-size:16px;line-height:1.65}
 .agents-journey #procedure-prep.agent-product-design .concept-section,.agents-journey #post-op.agent-product-design .concept-section{padding:48px 8px 48px 24px}
 .agents-journey .agent-product-design .concept-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;min-height:0}
 .agents-journey .agent-product-design .concept-copy{position:static;min-width:0}
 .agents-journey .agent-product-design .concept-copy h2{font-size:clamp(32px,8.5vw,42px)}
 .agents-journey .agent-product-design .concept-copy>p{font-size:16px;line-height:1.65}
 .agents-journey .agent-product-design .photo-product{padding-bottom:0;margin:0;min-width:0}
 .agents-journey .agent-product-design .photo-product>img{height:260px;display:block;border-radius:14px}
 .agents-journey .agent-product-design .photo-overlay{margin:-36px 8px 0;padding:20px 16px;min-height:0}
 .agents-journey .agent-product-design .card-label{font-size:10px;letter-spacing:.08em}
 .agents-journey .agent-product-design .product-card h3{font-size:23px}
 .agents-journey .agent-product-design .prep-row{flex-wrap:wrap;gap:8px;font-size:13px}
 .agents-journey .agent-product-design .prep-row small{width:calc(100% - 30px);margin-left:30px;font-size:11px}
 .agents-journey .agent-product-design .tracker-footer{font-size:12px}
 .agents-journey .agent-product-design .text-button{min-height:44px;min-width:44px;font-size:12px!important}
 .agents-journey .agent-product-design .recovery-days button{min-width:52px;min-height:44px;font-size:13px}
 .agents-journey #anesthesia-preop{padding:48px 8px 48px 24px}
 .agents-journey #anesthesia-preop .anesthesia-value{grid-template-columns:90px minmax(0,1fr);gap:12px}
 .agents-journey #anesthesia-preop .anesthesia-value-stat{font-size:38px}
 .agents-journey #anesthesia-preop .anesthesia-value h3{font-size:17px}
 .agents-journey .previsit-live-demo{padding:0}
 .agents-journey .previsit-live-demo>div{width:100%;max-width:320px;margin-inline:auto}
}
@media(max-width:600px){
 .problem-flow .procedure-map .procedure-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px;padding:12px 16px 28px}
 .problem-flow .procedure-map .procedure-node{width:96px;height:96px;font-size:12px;line-height:1.3;padding:8px}
 .problem-flow .procedure-map .procedure-step-name{font-size:13px;line-height:1.4;max-width:130px}
 .problem-flow .procedure-map[data-mode=today] .procedure-step[data-step="5"] .procedure-node{font-size:10px;padding:8px 3px}
 .specialty-item{overflow-wrap:anywhere}
 input,select,textarea{font-size:16px}
}

/* A connected, swipeable journey with a glimpse of the next step. */
.procedure-swipe-hint{display:none}
@media(max-width:850px){
 .procedure-swipe-hint{display:block;margin:0 22px 14px;color:#6c706b;font-size:12px}
 .problem-flow .procedure-map .procedure-track{display:flex;flex-direction:row;gap:0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:16px;padding:8px 16px 24px;scrollbar-width:thin;scrollbar-color:#a6ada5 #f6f5f2;margin-bottom:20px}
 .problem-flow .procedure-map .procedure-track::before{display:none}
 .problem-flow .procedure-map .procedure-step{display:flex;flex-direction:column;align-items:center;flex:0 0 42%;min-width:112px;max-width:160px;gap:0;padding:36px 6px 0;text-align:center;isolation:isolate;scroll-snap-align:start}
 .problem-flow .procedure-map .procedure-step[hidden]{display:none}
 .problem-flow .procedure-map .procedure-step::before{content:attr(data-phase);position:absolute;top:0;left:0;right:0;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#6c706b;line-height:1.4}
 .problem-flow .procedure-map .procedure-step:not(:last-child)::after{content:'';position:absolute;left:50%;top:84px;width:100%;height:2px;background:#d6dfd3;z-index:-1;pointer-events:none}
 .problem-flow .procedure-map .procedure-node{width:96px;height:96px;flex-shrink:0;font-size:12px}
 .problem-flow .procedure-map .procedure-step-name{margin:14px 0 0;max-width:140px;font-size:13px;line-height:1.4}
 .problem-flow .procedure-map .procedure-detail{min-height:0;margin:0 16px 20px;padding:18px;gap:12px}
}
/* Give each anesthesia outcome its own readable block on phones. */
@media(max-width:760px){
 .agents-journey #anesthesia-preop .anesthesia-values{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;border:0;margin-top:32px}
 .agents-journey #anesthesia-preop .anesthesia-value,
 .agents-journey #anesthesia-preop .anesthesia-value:first-child,
 .agents-journey #anesthesia-preop .anesthesia-value:last-child{display:block;padding:24px;margin:0;border:1px solid #dedfd9;border-radius:16px;background:#fff}
 .agents-journey #anesthesia-preop .anesthesia-value-stat{font-size:46px;line-height:1;margin-bottom:14px}
 .agents-journey #anesthesia-preop .anesthesia-value:first-child{background:#14271e;border-color:#14271e}
 .agents-journey #anesthesia-preop .anesthesia-value:first-child .anesthesia-value-stat{font-size:76px;color:#f6f5f2}
 .agents-journey #anesthesia-preop .anesthesia-value:first-child h3{color:#f6f5f2}
 .agents-journey #anesthesia-preop .anesthesia-value:first-child p{color:#c4c6c2}
 .agents-journey #anesthesia-preop .anesthesia-value h3{font-size:19px;line-height:1.35;margin-bottom:10px}
 .agents-journey #anesthesia-preop .anesthesia-value p{font-size:15px;line-height:1.65}
}

/* Always-visible mobile scroll position, including on overlay-scrollbar devices. */
.journey-scroll-indicator{display:none}
@media(max-width:850px){
 .problem-flow .procedure-map .procedure-track{scrollbar-width:none;margin-bottom:0}
 .problem-flow .procedure-map .procedure-track::-webkit-scrollbar{display:none}
 .journey-scroll-indicator{display:block;position:relative;height:5px;margin:0 22px 24px;background:#e4e7e1;border-radius:99px;overflow:hidden}
 .journey-scroll-indicator>span{display:block;position:absolute;top:0;bottom:0;width:24%;left:calc(clamp(0,var(--journey-scroll,0),1) * 76%);border-radius:99px;background:#557060}
}