/* ============================================================
   Журнал — сетка рядов (JGRID)
   Карточка, размещённая грамматикой ряда, получает row-класс
   ВМЕСТО span-класса. Причина: у span-классов брейкпоинты не знают
   про ряд, и на планшете ряд ломается в «одну статью на строку»
   (.span-8 -> span 12). Row-классы деградируют рядом целиком.

   Высоты карточек выравнивает .feed > .story (height:100%; stretch) —
   здесь это НЕ трогаем.
   ============================================================ */

.r-duo     { grid-column: span 6; }
.r-split-a { grid-column: span 7; }
.r-split-b { grid-column: span 5; }
.r-trio    { grid-column: span 4; }
.r-lead-a  { grid-column: span 8; }
.r-lead-b  { grid-column: span 4; }
.r-quartet { grid-column: span 3; }

/* Планшет: ряд сохраняется, меняются пропорции.
   lead 8+4 -> 7+5 (а не 12+12 — это была бы одна статья на ряд).
   split уже 7+5. trio остаётся 4+4+4. quartet складывается в две пары. */
@media (max-width: 900px) {
  .r-lead-a  { grid-column: span 7; }
  .r-lead-b  { grid-column: span 5; }
  .r-quartet { grid-column: span 6; }
}

/* Мобильный — единственное место, где одна карточка на строку легальна:
   ряда как такового нет. Правило .feed > .story уже даёт span 12,
   дублируем явно для не-.story поточных блоков (реклама в ячейке ряда). */
@media (max-width: 600px) {
  .r-duo, .r-split-a, .r-split-b, .r-trio,
  .r-lead-a, .r-lead-b, .r-quartet { grid-column: span 12; }
}

/* Календарь: «ещё +N» — когда в дне больше событий, чем потолок в дне. */
.cal__more {
  display: block; width: 100%; margin-top: 0.25rem;
  padding: 0.2rem 0.3rem; min-height: 28px;
  font: 500 0.68rem/1.2 var(--mono, "JetBrains Mono", monospace);
  letter-spacing: 0.02em; color: var(--accent);
  background: transparent; border: 1px dashed var(--line);
  border-radius: 2px; cursor: pointer; text-align: center;
}
.cal__more:hover { background: var(--paper-2, transparent); border-style: solid; }
/* Мобильный: «ещё +N» — полноценный тач-таргет. */
@media (max-width: 600px) { .cal__more { min-height: 44px; } }