/* «Кто вы?» (kto.html, 02.11.2026): крупные строки-ссылки вместо мелких
   переключателей — по одной на роль, с подписью, что за ней. */
.kto-list { list-style: none; margin: var(--s4, 16px) 0 0; padding: 0; display: grid; gap: 10px; }
.kto-role { display: block; padding: 14px 16px; border: 1px solid var(--line, #e4e0d8); border-radius: 12px;
  background: var(--surface, #fff); color: inherit; text-decoration: none; min-height: 44px; }
.kto-role b { display: block; font-size: 1.0625rem; }
.kto-role small { display: block; margin-top: 2px; color: var(--muted, #6b6760); font-size: .875rem; line-height: 1.35; }
.kto-role.is-last { border-color: var(--accent, #2f5bea); }
@media (hover: hover) { .kto-role:hover { border-color: var(--accent, #2f5bea); } }
.kto-role:focus-visible { outline: 2px solid var(--accent, #2f5bea); outline-offset: 2px; }
.kto-change { margin-top: 6px; }