/* ==========================================================================
   العاصمة — what the CMS adds to the prototype's stylesheet
   asima.css is the design; this file only covers the states real data
   brings and the prototype never had to draw. Loaded after asima.css and
   built from its tokens, so it follows the day and the night editions.
   ========================================================================== */

/* The dock lays out as many equal cells as it has items: «مباشر» is only
   there while a coverage is on the air, and a missing cell would leave a
   gap at the row's end. The prototype's five stay the default. */
@media (max-width: 860px) {
  .dock { grid-template-columns: repeat(var(--dock-n, 5), minmax(0, 1fr)); }
}

/* The search dialog while the reader types: one quiet line for «جار البحث»,
   «لا اقتراحات» or a failed request, in the dialog's own meta voice. */
.search__state { margin: 0; font-size: var(--fs-meta); color: var(--ink-3); line-height: var(--lh-meta); }
.search__group a .end { font-size: var(--fs-meta); color: var(--ink-3); }

/* ── The front page: states the dashboard can produce that the prototype never drew ── */

/* The lead with no sash beneath it (nothing else published yet): no room kept for one. */
@media (min-width: 901px) {
  .lead:not(:has(.sash)) .lead__body { padding-bottom: var(--s-5); }
  .lead:not(:has(.sash)) .lead__figure { bottom: 18px; }
}

/* «أيضا في الأولى» with its most-viewed column off, or nothing viewed yet: the two stories share the room. */
@media (min-width: 1101px) {
  .also__grid.also__grid--two { grid-template-columns: minmax(0, 6fr) minmax(0, 6fr); }
}

/* Half bands: one with no partner takes the row; two of a kind share it evenly;
   a column placed before the voices keeps the wider side. */
.voices__grid.voices__grid--one { grid-template-columns: minmax(0, 1fr); }
@media (min-width: 1101px) {
  .voices__grid.voices__grid--even { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .voices__grid.voices__grid--flip { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); }
}
