/* Телефон и режим приложения с экрана «Домой». Компьютерная версия не меняется. */
html { -webkit-text-size-adjust: 100%; }
@media (max-width: 820px) {
  body { padding-top: env(safe-area-inset-top, 0px); padding-bottom: calc(92px + env(safe-area-inset-bottom, 0px)); overscroll-behavior-y: none; }
  header.top { position: relative; gap: 8px; }
  header.top > * { position: static !important; float: none !important; }
  header.top h1 { font-size: 1.4rem; }
  input, textarea, select { font-size: 16px !important; }
  .fab { right: 14px; bottom: calc(14px + env(safe-area-inset-bottom, 0px)); }
  button, .back { touch-action: manipulation; }
  .back, .plink { min-height: 34px; padding: 4px 9px; font-size: .76rem; display: inline-flex; align-items: center; }
  .sub { font-size: .74rem; }
  header.top { margin-bottom: 4px; }
  #goals { font-size: .84em; }

  /* Обзор: проекты листаются вбок, а не длинной лентой вниз */
  .board.overview {
    display: flex; gap: 10px; overflow-x: auto; overflow-y: hidden;
    scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch;
    margin-inline: -16px; padding-inline: 16px; scrollbar-width: none; align-items: flex-start;
  }
  .board.overview::-webkit-scrollbar { display: none; }
  .board.overview > .col {
    flex: 0 0 88%; scroll-snap-align: center;
    max-height: calc(100dvh - 215px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));
    overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain;
  }
  .board.overview > .addproj { flex-basis: 60%; min-height: 160px; align-self: center; }

  /* Проект: сначала то, что в работе */
  .board.project > .col:nth-child(2) { order: -1; }
}