/* ==========================================================================
   Отзывы. Десктопный кит, лист `reviews.html`.

   Пустое состояние (`.ac-empty`) взято из `kit.css`: оно одно на весь сайт -
   знак, заголовок, строка, два входа.
   ========================================================================== */

/* `align-items:start` - карточки выровнены по верху колонки, а не растянуты:
   короткий отзыв не должен выглядеть недописанным. */
.ac-revs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--ac-col);align-items:start;padding-top:var(--ac-s6)}

.ac-rev{display:grid;gap:var(--ac-s4);padding:var(--ac-s6);border-radius:var(--ac-r-card);background:var(--ac-surface);box-shadow:var(--ac-elev-card)}
.ac-rev__ph{aspect-ratio:16/10;overflow:hidden;border-radius:var(--ac-r-photo);background:var(--ac-photo-bg)}
.ac-rev__ph img{width:100%;height:100%;object-fit:cover}
.ac-rev p{font-size:var(--ac-size-body);line-height:var(--ac-lh-body);text-wrap:pretty}
.ac-rev footer{display:flex;align-items:baseline;gap:var(--ac-s3);padding-top:var(--ac-s4);border-top:1px solid var(--ac-line);font-size:var(--ac-size-sm);color:var(--ac-ink-mute)}
.ac-rev footer b{font-weight:var(--ac-w-med);color:var(--ac-ink)}
/* Дата моноширинным и мелко: свежесть проверяют, но не читают. */
.ac-rev footer time{margin-left:auto;font-family:var(--ac-font-mono);font-size:var(--ac-size-xs)}

.ac-write{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--ac-s16);padding:var(--ac-s10);border-radius:var(--ac-r-card);background:var(--ac-surface);box-shadow:var(--ac-elev-card)}
.ac-write__t{display:grid;gap:var(--ac-s3)}