/* Small additions to the app's own styles for the web page. */
h1.nav-tab { margin: 0; font-size: 11px; line-height: normal; cursor: default; }
.app { height: 100dvh; }
body.oc-busy .oc-results .sec.grow { opacity: .55; transition: opacity .15s; }

/* Phones: one column, the page scrolls. */
@media (max-width: 760px) {
  html, body { height: auto; overflow: auto; }
  .app { height: auto; overflow: visible; }
  .cols, .cols-hvr { display: flex; flex-direction: column; overflow: visible; }
  .col, .col-mid { overflow: visible; }
  .cards-panel { flex: none; height: 520px; }
  .sec.grow { overflow: visible; }
}