/* Keep mobile form text readable without browser focus zoom. Pinch zoom stays available. */
@media (max-width: 1024px), (pointer: coarse) {
  input:is(:not([type]), [type="text"], [type="search"], [type="tel"], [type="email"],
    [type="url"], [type="password"], [type="number"], [type="date"], [type="time"],
    [type="datetime-local"], [type="month"], [type="week"]):not([data-auth-code-digit]),
  select,
  textarea {
    font-size: 16px !important;
  }
}

@media (max-width: 760px) {
  .m-sidebar nav {
    width: 100%;
    min-width: 0;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, 1fr);
    grid-template-columns: none;
  }
  .m-sidebar nav a {
    min-width: 0;
    max-width: 100%;
    padding-inline: 2px;
    overflow-wrap: anywhere;
    text-align: center;
  }
}

@media (max-width: 360px) {
  .m-sidebar { height: 114px; }
  .m-sidebar nav {
    height: 114px;
    grid-auto-flow: row;
    grid-auto-columns: auto;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: repeat(2, 57px);
  }
}