/* Страницы входа и приглашения: узкая колонка и выбор цвета без инлайн-стилей — CSP
   `style-src 'self'` запрещает атрибут style, поэтому цвет кружка задаёт класс person-N.
   Значения — только токены из tokens.css. */

@layer components {
  .auth { max-inline-size: var(--sheet-w); margin-inline: auto; padding-block-start: var(--sp-6); display: grid; gap: var(--sp-5); }
  .auth .form { max-inline-size: none; }
  .auth-h { display: grid; gap: var(--sp-2); }
  .auth .lead { color: var(--ink-2); line-height: 1.5; }
  .auth .lead b { color: var(--ink); font-weight: 600; }
  .auth fieldset { border: 0; padding: 0; margin: 0; min-inline-size: 0; }
  .auth legend { padding: 0; margin-block-end: 6px; }

}