/* Bounded mobile repair, shared by the two process components. */
#tehing-site #tehing-process .flow-rotate-hint[hidden]{display:none!important}
#tehing-site #tehing-process .flow-rotate-hint{display:none}
@media(max-width:1023px) and (orientation:portrait){
 #tehing-site #tehing-process .flow-rotate-hint:not([hidden]){position:absolute;inset:0 0 auto;z-index:2;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:auto;min-height:min(484px,60svh);padding:24px;background:rgba(0,13,16,.84);color:#fff;font:400 1.125rem/1.5 'Red Hat Text',sans-serif;text-align:center;pointer-events:none}
 #tehing-site #tehing-process .flow-rotate-hint .rotate-phone{flex:none;animation:tehing-mobile-phone-turn 1.6s ease-in-out 1 both}
 #tehing-site #tehing-process .flow-hint-close{pointer-events:auto;cursor:pointer;min-height:44px;min-width:88px;max-width:100%;padding:10px 24px;border:1px solid #d8e6f0;border-radius:1000px;background:#d8e6f0;color:#000d10;font:inherit;line-height:1.4;white-space:normal}
 #tehing-site #tehing-process .flow-hint-close:focus-visible{outline:3px solid #fff;outline-offset:4px}
}
@media(prefers-reduced-motion:reduce){#tehing-site #tehing-process .flow-rotate-hint .rotate-phone{animation:none;transform:rotate(-90deg)}}
/* Preserve the two approved thoughts, font sizes and emergency large-text wrapping. */
#tehing-hero-lab #hl-site #hl-title>span,#tehing-hero-lab #hl-site #hl-title h1>span{display:block;hyphens:none;overflow-wrap:anywhere}

@keyframes tehing-mobile-phone-turn{0%,20%{transform:rotate(0deg)}75%,100%{transform:rotate(-90deg)}}
