/* Mobile-only spacing; the original field renderer and desktop composition stay intact. */
@media(max-width:650px){
 .site-nav.site-nav{gap:6px}.site-nav.site-nav button:not(.page-close){min-width:44px}
 body[data-demo-page=home] #stage .study{top:104px;left:19px;font-size:9px;letter-spacing:.08em;max-width:calc(100% - 38px)}
 body[data-demo-page=home] #stage .subtitle{top:123px;left:19px;font-size:8.5px}
 body[data-demo-page=home] #stage .control{min-height:44px;bottom:43px}
 .home-touch-trace{position:absolute;left:0;top:0;z-index:1;width:72px;height:72px;border:1px solid #95815a26;border-radius:50%;background:radial-gradient(circle,#9a835a09,transparent 70%);opacity:0;pointer-events:none;transition:opacity .65s ease;will-change:transform}
 .home-touch-trace.is-active{opacity:1;transition:opacity .15s ease}.home-touch-trace::before,.home-touch-trace::after{content:'';position:absolute;left:50%;top:50%;background:#89755170}.home-touch-trace::before{width:8px;height:1px;transform:translate(-50%,-50%)}.home-touch-trace::after{width:1px;height:8px;transform:translate(-50%,-50%)}
 body:not([data-demo-page=home]) .home-touch-trace{display:none}
}
@media(min-width:651px){.home-touch-trace{display:none}}
@media(prefers-reduced-motion:reduce){.home-touch-trace,.home-touch-trace.is-active{transition:none}}

@media(max-width:650px){
 .site-nav.site-nav{top:76px;right:max(28px,env(safe-area-inset-right));gap:14px}
 body[data-demo-page=home] #stage .study{top:140px;left:28px;max-width:calc(100% - 56px)}
 body[data-demo-page=home] #stage .subtitle{top:159px;left:28px}
}
@media(max-width:360px){.site-nav.site-nav{right:24px;gap:10px}}