/* Shared narrow-screen refinements for the public Ura website. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media(max-width:760px){
 body{min-width:0!important}
 :is(.hub-main,.product-main,.rl-section,.rl-prose,.feature-copy,.story-content,.hub-card,.rl-cat-body){min-width:0}
 :is(.hub-main,.rl-prose,.story-content,.legal-section) :is(p,li,a){overflow-wrap:break-word}
 :is(.hub-footer-col,.rl-footer-col) a{display:flex;align-items:center;min-height:44px}
 .ura-landing-polished .footer-col a{display:flex;align-items:center;min-height:44px}
 :is(.hub-footer-bottom,.rl-footer-bottom){flex-wrap:wrap;gap:16px}
 :is(.hub-cta,.hub-cta--download) h2{margin-inline:auto!important;text-align:center}
 :is(.hub-actions,.hub-cta-store-actions){flex-wrap:wrap}
 :is(.hub-actions,.hub-cta-store-actions)>a{max-width:100%;white-space:normal;text-align:center}
 :is(.rl-prose,.hub-main,.legal-section) table{max-width:100%}
 :is(.rl-search,.hub-form,.plan-builder) input,:is(.hub-form,.plan-builder) textarea{font-size:17px}
 .feature-story .mascot-side{width:120px;left:-96px}
 .feature-story .mascot-point{width:132px;right:-56px}
 .feature-story .mascot-companion{width:130px;left:-57px}
 .feature-story .mascot-progress{width:130px;right:-55px}
 .feature-story .feature-row--ai .ai-preview-switch{max-width:100%;box-sizing:border-box}
 .ura-landing-polished .story-actions{flex-wrap:wrap;gap:12px}
 .ura-landing-polished .story-actions>button{max-width:100%;white-space:normal}
}
@media(max-width:380px){
 #ura-site-header.ura-header{padding-inline:16px}
 .feature-story{padding-inline:20px}
 .feature-story .feature-row--ai .ai-preview-switch button{padding-inline:10px}
 .feature-story .mascot-side{width:106px;left:-85px}
 .feature-story .mascot-point{width:118px;right:-44px}
 .feature-story .mascot-companion{width:114px;left:-44px}
 .feature-story .mascot-progress{width:114px;right:-43px}
 .ura-product-page .product-mascot--point{right:-34px}
}

/* Mobile copy is centred consistently across marketing, guides and policies. */
@media(max-width:760px){
 body :is(h1,h2,h3,h4,h5,h6,p,blockquote,figcaption,dt,dd,
   .section-body,.hero-copy,.feature-copy,.product-copy,.story-content,.story-expand-text,
   .hub-card,.hub-feature-copy,.hub-note,.rl-cat-body,.legal-section,
   .footer-col-heading,.hub-footer-heading,.rl-footer-heading){text-align:center!important}
 body :is(h1,h2,h3,h4,h5,h6,p,blockquote,figcaption){margin-inline:auto!important}
 body :is(.hero-copy,.feature-copy,.product-copy,.hub-hero-copy){margin-inline:auto}
 body :is(.hub-actions,.hub-cta-store-actions,.story-actions,.hero-cta-group,.store-badges,.store-links){justify-content:center!important}
 body :is(.feature-link,.product-text-link,.hub-card-link,.post-read-more){align-self:center}
 body :is(.hub-footer-brand,.hub-footer-col,.footer-brand,.footer-col,.rl-footer-brand,.rl-footer-col){text-align:center!important;align-items:center!important}
 body :is(.hub-footer-col,.footer-col,.rl-footer-col) a{justify-content:center}
 body :is(.hub-footer-brand,.footer-brand,.rl-footer-brand)>img{margin-inline:auto}

 /* Centre the phone and its right-hand background choices as one composition. */
 .feature-story .panic-preview-layout{align-self:center;margin-inline:auto}
 /* Reserve space for the peeking face while keeping its hand against the bezel. */
 .feature-story .feature-row--ai .ai-device{translate:18px 0}

 body :is(.ai-feature-list dt,.product-point h3,.hub-card h2,.hub-card h3,
   .rl-cat-card h3,.post-card h3,.partner-card h3,.value-card h3){font-size:17px!important;line-height:1.35!important}
 .ai-feature-list dt{justify-content:center;gap:10px}
 .ai-feature-list dt img{width:30px;height:30px}
}