/* What every theme starts from. Sites don't load Tailwind: its component classes (.btn, .card)
   would fight a theme's, and a phone on a public page shouldn't download the admin's styles. */
*, ::before, ::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body.site { margin: 0; }
img, svg, iframe { display: block; max-width: 100%; }
input, button, textarea, select { font: inherit; }
@media (max-width: 640px) { input, select, textarea { font-size: 16px; } }
.demo-banner { margin: 0; padding: 8px 16px; background: var(--tint); color: var(--ink); text-align: center; font-size: 14px; }