/* Mobile test only. Desktop art and story order remain unchanged. */
.mobile-menu-toggle,.mobile-hero-actions{display:none}dialog:not([open]){display:none}picture{display:block;width:100%}
.route-motion .route-scroll.route-flow{height:auto!important}.route-motion .route-scroll.route-flow .route-hold{position:relative!important;top:0!important}
.media-unavailable{min-height:100px;border:1px solid var(--line);padding:16px}.media-unavailable img{min-height:80px}
@media(max-width:700px){
 :root{--mobile-top:calc(68px + env(safe-area-inset-top,0px))}
 html{scroll-padding-top:calc(var(--mobile-top) + 12px)}
 .menu-ready .site-header,.menu-ready .onboarding>header{height:var(--mobile-top);min-height:var(--mobile-top);display:flex;flex-wrap:nowrap;gap:12px;padding:calc(8px + env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) 8px max(16px,env(safe-area-inset-left,0px));position:sticky;top:0;z-index:50;background:#fff}
 .menu-ready header>.languages,.menu-ready .site-header>nav{display:none}
 header .brand{font-size:24px;min-height:44px}header .brand img{width:38px!important;height:38px!important}
 .menu-ready .mobile-menu-toggle{display:grid;place-items:center;margin-left:auto;width:48px;height:48px;border:1px solid #d8d5ca;border-radius:8px;background:#fff;color:var(--ink);font-size:25px}
 #mobile-menu{position:fixed;inset:0 0 auto auto;width:min(100%,420px);max-width:100%;max-height:100dvh;margin:0;border:0;padding:calc(20px + env(safe-area-inset-top,0px)) max(22px,env(safe-area-inset-right,0px)) calc(24px + env(safe-area-inset-bottom,0px));background:var(--paper);color:var(--ink);overflow:auto;border-radius:0 0 0 18px}
 #mobile-menu::backdrop{background:#25262280}.menu-top{display:flex;align-items:center;gap:16px}.menu-top h2{font-size:26px;margin:0;flex:1}.menu-close{width:48px;height:48px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:21px}
 #mobile-menu nav{display:flex;flex-direction:column;align-items:stretch;margin:24px 0;gap:8px}#mobile-menu nav a,.menu-languages a{display:flex!important;align-items:center;padding:12px;min-height:48px;font-size:16px;line-height:1.5}#mobile-menu nav a:not(.button){border-bottom:1px solid var(--line)}.menu-languages{display:flex;gap:20px}.menu-open{overflow:hidden}
 .pilot{padding:10px max(18px,env(safe-area-inset-left,0px));display:block;line-height:1.5;font-size:12px}.pilot strong{display:block;font-size:10px;letter-spacing:.035em;margin-bottom:4px}.pilot span{display:block}
 .chapter.hero{display:grid!important;grid-template-columns:1fr!important;gap:16px!important;padding:20px 18px 28px!important}.hero .copy{display:contents!important}.hero .eyebrow,.hero .lead,.hero .actions,.hero .screen-link{display:none!important}
 .chapter.hero h1{grid-row:1;margin:0!important;font-size:clamp(36px,10.2vw,45px);line-height:1.06;max-width:15ch;transform:none!important}.chapter.hero .visual{grid-row:2;width:100%!important;margin:0!important;transform:none!important}.hero .art{width:100%;height:clamp(178px,30svh,290px);aspect-ratio:auto;object-fit:cover;object-position:68% center}
 .mobile-hero-actions{grid-row:3;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.mobile-hero-actions .button{min-height:48px;flex:1;padding:11px 16px;white-space:nowrap}.mobile-scroll-cue{font-size:13px;min-height:44px;display:flex;align-items:center;font-weight:700;text-decoration:none}
 .chapter:not(.hero){padding-left:max(18px,env(safe-area-inset-left,0px));padding-right:max(18px,env(safe-area-inset-right,0px))}.chapter:is(.packing,.handoff) .visual{width:100%!important}.chapter:is(.packing,.handoff) .art{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
 .route-motion .route-scroll .route-hold{top:var(--mobile-top)!important;gap:12px!important;padding-top:12px!important;padding-bottom:24px!important}.route-scroll .route-hold>.copy h2{font-size:clamp(30px,8.5vw,37px)!important;line-height:1.08!important;margin:8px 0 10px!important}.route-scroll .route-hold>.copy .lead{font-size:16px!important;line-height:1.45;margin:6px 0!important}.route-scroll .screen-link{min-height:44px;display:inline-flex!important;align-items:center;font-size:13px!important}.route-scroll .tracking-art{aspect-ratio:390/525}
 .section{padding:44px max(18px,env(safe-area-inset-left,0px))}.role-choice{gap:20px;margin-top:26px}.role-choice-card{padding:16px}.role-choice-card .role-image{height:220px}.role-choice-card h3{font-size:26px;margin:18px 0 12px}.role-choice-card p{font-size:16px;line-height:1.5;margin:0 0 18px}.role-choice-card .button{width:100%;min-height:52px;padding:12px;font-size:15px}.role-choice-card .note{font-size:12px}.role-image .signup-worker-art{height:100%}
 .site-footer{padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}.application-page{padding:24px max(18px,env(safe-area-inset-left,0px)) calc(36px + env(safe-area-inset-bottom,0px))}.application-page a{display:inline-flex;align-items:center;min-height:44px}.application-page input,.application-page select{font-size:16px;min-height:48px}
 .role-choice-card.provider .role-image{height:auto;aspect-ratio:390/525}.role-choice-card.provider .signup-worker-art{width:100%;height:100%}
 .site-footer .footer-inner{grid-template-columns:1fr 1fr;gap:24px 20px}.site-footer .footer-brand{padding-bottom:22px;border-bottom:1px solid var(--line)}.footer-signoff{font-size:24px;margin:16px 0 10px}.site-footer .footer-brand .note{margin-bottom:0}.site-footer .footer-group:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:4px 20px;padding-top:16px;border-top:1px solid var(--line)}.site-footer .footer-group:last-child h3{grid-column:1/-1}.site-footer .footer-group a{font-size:14px;line-height:1.5;min-height:44px}.site-footer .footer-bottom{margin-top:22px;justify-content:space-between;align-items:center}
}
@media(max-width:700px) and (max-height:650px){.hero .art{height:180px}.chapter.hero{gap:12px!important}.route-motion .route-scroll .route-hold{position:relative!important;top:0!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.route-motion .route-scroll .route-hold{position:relative!important;top:0!important}.chapter *{animation:none!important}.chapter .copy>*,.chapter .visual{transform:none!important}}
/* Safari-safe baseline: real screens are baked into ordinary JPEG images. */
.tracking-art{position:relative;isolation:isolate}.tracking-art picture,.tracking-art .route-poster{display:block;width:100%;height:auto}.tracking-art .route-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.role-choice-card.provider .role-image picture{display:block;width:100%;height:100%}.role-choice-card.provider .role-image img.signup-worker-art{position:static;display:block;width:100%;height:100%;object-fit:contain}
.menu-close{display:grid;place-items:center}.button{gap:10px;border-radius:8px;line-height:1.4}.button[href]:not([href^="#"]):not([download])::after,.screen-link[href]:not([href^="#"])::after{content:"";display:inline-block;width:6px;height:6px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg);flex-shrink:0}.screen-link[href]:not([href^="#"])::after{margin-left:10px}.button.attention-once{animation:none!important}
@media(max-width:700px){
 .tracking-art .route-overlay{display:none!important}.route-scroll .tracking-art{aspect-ratio:390/525}.tracking-art .route-poster{aspect-ratio:390/525;object-fit:contain}
 .route-motion .chapter.route-scroll{height:auto!important}.route-motion .route-scroll .route-hold,.route-scroll .route-hold{position:relative!important;top:0!important;height:auto!important;min-height:0!important}
 .role-choice-card.provider .role-image picture{aspect-ratio:390/525;height:auto}.role-choice-card.provider .role-image img.signup-worker-art{height:auto;aspect-ratio:390/525}
}