/* Shared detail fixes; the original yellow/lavender design stays in each page. */
.nav .lang-toggle{width:44px;min-width:44px;height:44px;padding:0;flex:0 0 44px;display:inline-flex;align-items:center;justify-content:center}
.nav .hamburger{min-width:44px;min-height:44px;flex-shrink:0}
.nav .btn-ghost{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.nav-actions{flex-shrink:0}
.mobile-menu{max-height:calc(100dvh - 72px);overflow-y:auto;overscroll-behavior:contain}
.nav a:focus-visible,.nav button:focus-visible,footer a:focus-visible,a.btn-hero:focus-visible,a.btn-cta:focus-visible,a.btn-appstore:focus-visible{outline:2px solid var(--p-text,#6B5FAA);outline-offset:4px}
.footer-social{flex-wrap:wrap}
.priv-meta a,.footer-copy a{overflow-wrap:anywhere}
@media(max-width:480px){
 .footer-social{gap:10px}
 .footer-social .social-btn{width:44px;height:44px;flex:0 0 44px}
 .nav .nav-actions{gap:4px}
 .nav .nav-inner{padding-left:16px;padding-right:16px;gap:6px}
 .nav .logo-img,.nav .logo img{max-width:120px;height:auto;max-height:36px;object-fit:contain}
 .nav .btn-ghost{padding-left:10px;padding-right:10px;font-size:13px;white-space:nowrap}
}
@media(max-width:360px){
 .nav-inner{padding-left:16px;padding-right:16px}
 .nav .logo-img,.nav .logo img{max-width:90px;height:auto;max-height:36px;object-fit:contain}
 .nav .btn-ghost{padding-left:10px;padding-right:10px;font-size:13px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .hero-kicker,.hero-h1,.hero-p,.hero-chips,.hero-cta,.hero-right,.app-card,.stat-mini,.live-pip{animation:none;transform:none;opacity:1}
 .click-doodle{display:none}
 .btn-hero,.btn-cta,.btn-ghost,.social-btn,.hamburger span{transition:none}
}

/* Keep the decorative profile glow within its tablet column. */
.profile-phone-halo{left:50%;max-width:100%;transform:translate(-50%,-50%)}
@media(min-width:768px) and (max-width:1023px){.questions-section-glow{right:8%}.questions-section-glow--alt{left:5%;right:auto}}
