/**
 * Mobile-specific refinements — loaded after app.css.
 * Ensures one-handed usability on small screens (360–430px targets).
 */
@media (max-width: 480px) {
	.ts-topnav__brand a { font-size: 1.1rem; }
	.ts-card { padding: 12px; }
	.ts-card__title { font-size: 1rem; }
	.ts-vote-btn { width: 36px; height: 36px; } /* larger tap target on touch */
	.ts-btn { padding: 10px 14px; } /* larger tap target on touch */
	.ts-single__title { font-size: 1.25rem; }
	.ts-create-tab { font-size: 0.85rem; padding: 12px 6px; }
}

/* Respect safe-area insets on notch devices for the fixed bottom nav */
.ts-bottom-nav {
	padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px));
}