/* Отличия компьютера: основа в main.css и components.css — телефон. С 1080px шапки разворачиваются,
   меню — строкой, каталог — колонкой рядом с серединой. Блоки обычного вида — в journal.css. */

@media (min-width: 1080px) {
  /* шапка газеты: полоса не прилипает, меню — под названием, кнопки меню нет */
  .topbar { position: static; box-shadow: none; }
  .topbar__motto { display: block; }
  .topbar__switch { display: var(--paper-flex); }
  .masthead__nav { display: flex; }
  .masthead__rule { display: none; }
  .masthead__switch { display: none; }
  .menu-button { display: none; }
  .menu-button--paper { display: none; }

  /* поиск открывается полосой под шапкой; на телефоне он в меню */
  .search-panel.is-open { display: block; }

  /* две колонки: середина и каталог (в газете — справа за линейкой, в обычном виде — слева) */
  .layout { grid-template-columns: var(--layout-cols); }
  .layout--reading { grid-template-columns: var(--reading-cols); }
  .layout--single { grid-template-columns: minmax(0, 1fr); }
  .layout__main { padding: var(--content-pad-top) var(--main-pad-right) var(--content-pad-bottom) 0; }
  .layout__aside { order: var(--aside-order); padding: var(--content-pad-top) 0 var(--content-pad-bottom) var(--aside-pad); border-left: var(--aside-border); }

  /* каталог всегда открыт, с заголовком вместо кнопки */
  .sidebar-catalog__heading { display: flex; }
  .sidebar-catalog__toggle { display: none; }
  .sidebar-catalog__panel { display: flex; }

  /* шарж на «Обо мне» — справа, треть колонки текста */
  .article__portrait { float: right; width: 33%; max-width: 300px; margin: 6px 0 16px 36px; }
}