/* android.css — страница «dictor для Android». Своих цветов и шрифтов не заводит,
   всё из style.css: та же сетка карточек, что и в остальных разделах сайта. Здесь
   только разметка, которой не было на других страницах (сетка из четырёх функций
   и заметка про телефоны без ИК-порта). */

.section.android-top > .container > h1,
.section.android-top > .container > .hero-actions,
.section.android-top > .container > .fine-print {
  text-align: center;
  margin-inline: auto;
}

/* Сетка функций — четыре карточки, тот же визуальный вес, что у карточек шагов
   на главной (.step), но без нумерации: это не последовательность действий. */
.feature-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--sp-5);
  margin-top: var(--sp-6);
  list-style: none;
  padding: 0;
}

.feature-card {
  padding: var(--sp-5);
  border-radius: var(--radius-lg);
  background: var(--card);
  box-shadow: var(--card-shadow);
}

.feature-card h3 { margin-bottom: var(--sp-2); }

.feature-card p { margin: 0; color: var(--muted); }

.feature-card .fine-print { margin-top: var(--sp-3); }

@media (max-width: 780px) {
  .feature-grid { grid-template-columns: 1fr; }
}

/* Режимы одного экрана «пульт» — список определений внутри карточки, не отдельные
   карточки: это один экран с переключателем, а не четыре разных продукта.
   dt/dd вместо .example: там dd моноширинный (под примеры словаря), здесь — обычный
   связный текст. */
.mode-list {
  margin: var(--sp-4) 0 0;
  padding: var(--sp-4);
  border-radius: var(--radius-sm);
  background: var(--bg);
}

.mode-list dt { font-weight: 600; }

.mode-list dd { margin: 2px 0 var(--sp-3); color: var(--muted); font-size: var(--fs-sm); }

.mode-list dd:last-child { margin-bottom: 0; }

/* Заметка «нужен ИК-порт» — тон нейтральный, не предупреждение: это честная
   информация о технической границе, а не проблема, которую надо решать. Обычный
   .card-block ниже сетки функций, без отдельной рамки-разделителя внутри. */
.ir-note {
  margin-top: var(--sp-6);
  color: var(--muted);
  font-size: var(--fs-sm);
}

.ir-note p { margin: 0; }