/* ==========================================================================
   section · article — статья / разбор (SECTION-слой, без mob-).
   E-E-A-T byline: автор (Person) · даты публикации/обновления · «проверил».
   Каркас — core mob-page/mob-crumbs/mob-prose/mob-sechead/mob-list--content/mob-faq.
   Пустые author/reviewer НЕ рендерятся (guard :notempty на шаблоне). Обе темы.
   ========================================================================== */
.article-rubric{font-size:var(--text-kicker);letter-spacing:var(--track-kicker);text-transform:uppercase;color:var(--accent);font-weight:700}

.article-meta{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}
.article-author{flex:1;min-width:0;display:flex;align-items:center;gap:10px}
.article-author__avatar{flex:0 0 auto;width:40px;height:40px;border-radius:50%;background:var(--surface-hover);color:var(--accent);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:14px;font-weight:700}
.article-author__name{display:block;font-size:14px;font-weight:600;line-height:1.3;color:var(--text);text-decoration:none}
.article-author__name:hover{color:var(--accent)}
.article-author__role{font-size:12px;color:var(--muted)}
.article-dates{flex:0 0 auto;text-align:right;font-family:var(--font-mono);font-size:11px;line-height:1.6;color:var(--muted-2)}

.article-reviewer{font-size:13px;line-height:1.5;color:var(--muted)}
.article-reviewer a{color:var(--link);text-decoration:none}
.article-reviewer a:hover{color:var(--text)}

/* --- страница раздела «Отзывы клиентов» --- */
/* --- отзывы: карточка и нумерация страниц --- */
.otz-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(330px,100%),1fr));gap:16px;margin-top:20px}
.otz-i{margin:0;padding:20px;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-m);display:flex;flex-direction:column;gap:14px}
.otz-i__top{display:flex;align-items:center;gap:12px}
.otz-i__ava{flex:none;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;
  background:var(--bg-subtle);border:1px solid var(--hairline);color:var(--text);
  font:700 16px/1 var(--font-ui);text-transform:uppercase}
.otz-i__id{display:flex;flex-direction:column;gap:2px;min-width:0}
.otz-i__who{font:600 15px/1.3 var(--font-ui);color:var(--text)}
.otz-i__date{font:400 12px/1.3 var(--font-mono);color:var(--muted-2)}
.otz-i__q{flex:none;margin-left:auto;color:var(--muted-2);opacity:.45}
.otz-i__text{font-size:15px;line-height:1.65;color:var(--text)}
.otz-i__text p{margin:0 0 10px}
.otz-i__text p:last-child{margin-bottom:0}
.otz-pg{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:24px}
.otz-pg__i{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 10px;
  border:1px solid var(--hairline);border-radius:var(--radius-s);background:var(--surface);
  font:600 14px/1 var(--font-ui);color:var(--text);text-decoration:none}
.otz-pg__i:hover{background:var(--bg-subtle)}
.otz-pg__i.is-here{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}
.otz-pg__i--arw{padding:0}