/* Mobile + touch fixes. Leo's page was already a phone-width layout; this only brings tap targets
   and small text up to size and respects notches. Scoped to small/touch screens. */
html { -webkit-text-size-adjust:100%; text-size-adjust:100%; }
.sound { right:max(10px, env(safe-area-inset-right)); }
.screen { padding:max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left)); }
main { padding-left:max(16px, env(safe-area-inset-left)); padding-right:max(16px, env(safe-area-inset-right)); padding-bottom:calc(40px + env(safe-area-inset-bottom)); }
@media (max-width:640px), (pointer:coarse) {
  .sound { min-height:44px; padding:10px 16px; font-size:14px; }
  .chip { min-height:44px; touch-action:manipulation; }
  .sub { font-size:14px; }
  .small { font-size:.9rem; }
  .btn.ghost { min-height:44px; }
}