/* Installable phone site. Keeps the website's look and stops tabs and the keyboard from hiding the page. */
html { height: 100%; }
body {
  min-height: 100dvh;
  padding-bottom: var(--kb, 0px);
}
.mast {
  padding-top: max(15px, env(safe-area-inset-top));
  padding-left: max(15px, env(safe-area-inset-left));
  padding-right: max(15px, env(safe-area-inset-right));
}
.shell { padding-bottom: max(50px, calc(var(--kb, 0px) + env(safe-area-inset-bottom))); }
.tabs { flex-wrap: wrap; overflow: visible; white-space: normal; }
.tab { white-space: normal; }
input, textarea, select { font-size: 16px; }
.install-hint { margin-top: 8px; }
html.layout-expanded .split {
  display: grid;
  grid-template-columns: minmax(260px, 0.9fr) minmax(280px, 1.1fr);
  gap: 12px;
  align-items: start;
}
html.layout-expanded .split-detail { position: sticky; top: 8px; }
html.layout-expanded .shell, html.layout-expanded .topline { max-width: 1200px; }
@media (horizontal-viewport-segments: 2) {
  html.layout-expanded .split {
    column-gap: calc(env(viewport-segment-left 1 0) - env(viewport-segment-left 0 0) - env(viewport-segment-width 0 0));
  }
}