/* CHG-20261029-USER-TOUCH: user-only layout; shared sync/admin assets stay intact. */
@import url("/ss2/operator.css");

:root { font-size: 16px; }
nav { max-width: 900px; margin: auto; padding: 16px 20px 0; }
main { max-width: 900px; }
#login { align-items: end; gap: 12px; }
#login label { display: flex; flex-direction: column; gap: 6px; min-width: 0; flex: 1 1 220px; }
input, button { min-height: 44px; font: inherit; font-size: 16px; }
#login input { width: 100%; min-width: 0; }
h1, p, section { overflow-wrap: anywhere; }
@media (max-width: 640px) {
  #login { display: flex; flex-direction: column; align-items: stretch; }
  #login label { flex: 0 0 auto; }
  #login button { width: 100%; }
}
@media (pointer: coarse) {
  nav a { display: inline-flex; align-items: center; min-height: 44px; }
}