/* Страница «Правила посещения»: строгая читаемая вёрстка, тонкие разделители, сдержанный синий акцент.
   Цвета, шрифты, заголовки, фокус и reduced-motion — из common/site.css. */

.rules {
  --r-line: rgba(255,255,255,.22);
  --r-gap: clamp(40px, 5vw, 72px);
  max-width: 820px;
  margin: 0 auto;
}
.rules p, .rules li { overflow-wrap: break-word; }
.rules :focus-visible { outline: 2px solid var(--paper); outline-offset: 3px; }

/* == Шапка страницы == */

.rules-head { text-align: center; }
.rules-head__lead { max-width: 620px; margin: var(--page-title-gap) auto 0; font-size: clamp(16px, 1.5vw, 19px); line-height: 1.5; color: var(--muted); text-wrap: balance; }

/* == Разделы правил: тонкая линия сверху, короткий синий штрих под заголовком == */

.rules-item { margin-top: var(--r-gap); padding-top: clamp(28px, 3.5vw, 44px); border-top: 1px solid var(--r-line); }
.rules .rules-item__title { margin: 0; font-size: clamp(18px, 2.2vw, 24px); line-height: 1.1; }
.rules-item__title::after { content: ""; display: block; width: 44px; height: 2px; margin-top: 12px; background: var(--blue); }
.rules-item p { margin: clamp(16px, 2vw, 22px) 0 0; font-size: clamp(16px, 1.4vw, 18px); line-height: 1.6; }
.rules-item__list { margin: clamp(16px, 2vw, 22px) 0 0; padding: 0; list-style: none; }
.rules-item__list li { font-size: clamp(16px, 1.4vw, 18px); line-height: 1.6; }
.rules-item__list li + li { margin-top: 6px; }

/* == Ссылки в тексте: постоянное подчёркивание, синий при наведении == */

.rules a { text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; transition: color 160ms var(--ease-out), background-color 160ms var(--ease-out); }
.rules a:hover { color: var(--blue); }