/* Настройки: оглавление группами в духе iOS */
.st { gap: 22px; }
.st-group { display: grid; gap: 8px; }
.st-list { display: grid; border-radius: var(--sp-r-l); background: var(--sp-panel); box-shadow: var(--sp-shadow); overflow: hidden; }
.st-row { display: flex; align-items: center; gap: 14px; width: 100%; padding: 12px 16px; text-align: left; transition: background var(--sp-t-fast); }
.st-row + .st-row { box-shadow: inset 0 1px 0 var(--sp-line); }
.st-row:active { background: var(--sp-panel2); }
.st-row b { display: block; font-weight: 600; font-size: 15.5px; } .st-row small { display: block; margin-top: 1px; font-size: 13px; color: var(--sp-dust); }
.st-row > .sp-ico:last-child { color: var(--sp-faint); }
.st-head { display: flex; align-items: center; gap: 12px; margin-bottom: 6px; }
section.st-list { padding: 4px 0; }
.sp-set > .sp-ava { flex: none; }
.pf-menu { margin-top: 2px; }