/* The home page's look 8.6, a trial (owner, 2026-10-28: «на пк давай третью колонку попробуем. Чуть расширим если нужно
   сайт. А игру тоже как бы повиднее. На пк слева вверху игра недели, сразу внизу календарь. На телефоне… рядом с бургер
   меню»): on a wide screen three columns — the game of the week and the calendar at the left, the feed in the middle,
   «Главное» at the right — and the site a little wider; where three do not fit, the game and the calendar stand under
   «Главное», as in 8.5; on a phone a game's mark beside the menu. */

.home-t86 { --wrap: 90rem; }
@media (min-width: 80rem) {
  .home-t86 .t3-cols { grid-template-columns: 17rem minmax(0, 1fr) 20.5rem; gap: 0 clamp(1.75rem, 2.6vw, 2.75rem); }
  .t3-left { position: sticky; top: .5rem; min-width: 0; }
  .t3-left .side-game { margin-top: .15rem; }
  .t3-left .side-soon { margin-top: 1.5rem; }
  .side-under.is-twin { display: none; }
}
@media (max-width: 79.99rem) {
  .t3-left { display: none; }
}

/* 8.6.1, 8.6 turned round (owner, 2026-10-28: «новости слева потом главное потом колонка календарь а под ним игра»):
   the feed at the left, «Главное» next, the calendar at the right and the game under it. */
@media (min-width: 80rem) {
  .home-t861 .t3-cols { grid-template-columns: minmax(0, 1fr) 20.5rem 17rem; }
  .home-t861 .t3-feed { grid-column: 1; grid-row: 1; }
  .home-t861 .t3-side { grid-column: 2; grid-row: 1; }
  .home-t861 .t3-left { grid-column: 3; grid-row: 1; display: flex; flex-direction: column; }
  .home-t861 .t3-left .side-soon { order: -1; }
  /* The column's blocks head as the feed and «Главное» do — the heading on their line, a thin rule under it — not with
     the bold rule over them that parts them from «Главное» in 8.5 (owner: «почему у блока полоса сверху?», «да,
     переделай»). */
  .home-t861 .t3-left :is(.side-soon, .side-game) { margin-top: 0; padding-top: 0; border-top: 0; }
  .home-t861 .t3-left .side-game { margin-top: 1.5rem; }
  .home-t861 .t3-left .side-head { padding-block: .9rem .7rem; margin-bottom: .45rem; border-bottom: 1px solid var(--ink); }
  .home-t861 .t3-left .side-head h2 { font-size: 1.0625rem; font-weight: 600; letter-spacing: -.01em; }
}

/* The game's mark beside the menu, on a phone only: on a wide screen the game has its place in the column. */
.tb-game { display: none; }
@media (max-width: 62rem) {
  .tb-game { display: inline-grid; place-items: center; width: 2.5rem; height: 2.5rem; color: var(--ink); }
  .tb-game svg { width: 1.5rem; height: 1.5rem; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
  .tb-game circle { fill: currentColor; stroke: none; }
}