/* Широкие экраны: страницы кабинета растягиваются шире, сетки сами добавляют колонки.
   На ноутбуке и телефоне ничего не меняется. */
@media (min-width: 1500px) {
  .topbar,
  .profile-card,
  .works-section,
  .my-works,
  .home-page { width: min(1360px, calc(100% - 64px)); }
  .title-shelf-big { grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); }
}
@media (min-width: 1900px) {
  .topbar,
  .profile-card,
  .works-section,
  .my-works,
  .home-page { width: min(1600px, calc(100% - 96px)); }
}