/* Экран настроек: строки сгруппированы в карточки (стиль iOS Settings).
   .rows/.row/.row__icon/.row__label/.row__value/.switch наследуются из home.css
   и downloads.css — здесь только групповая рамка и разделители. */

.setgroup { margin-bottom: 20px; }
.setgroup__label { font-size: 12px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: var(--t4); padding: 0 calc(var(--gutter) + 4px) 8px; }

.setgroup .rows {
  margin: 0 var(--gutter);
  padding: 0;
  gap: 0;
  background: var(--surface-1);
  border-radius: 14px;
  overflow: hidden;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), var(--shadow-1);
}
.setgroup .row {
  border-radius: 0;
  padding: 13px 14px;
  gap: 13px;
}
/* Волосяной разделитель между строками — не доходит до края слева (под текстом). */
.setgroup .row + .row::before {
  content: "";
  position: absolute;
  left: 47px; right: 0; top: 0;
  height: 1px;
  background: rgba(255, 255, 255, 0.06);
}
.setgroup .row { position: relative; }

/* Reduced-transparency / prefers-contrast: карточка плотнее, разделитель чётче
   (но без border на нав-зоне — это отдельная грабля prefers-contrast). */
@media (prefers-contrast: more) {
  .setgroup .rows { background: var(--surface-2); }
  .setgroup .row + .row::before { background: rgba(255, 255, 255, 0.14); }
}