.rules-page {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
/* Шапка как в oferta: метка даты справа */
.rules-card .card-header { padding: .75rem 1rem; }
.rules-card .badge { display: flex; align-items: center; gap:.5rem; }
.rules-card .badge span { margin-left: auto; color: var(--text-secondary); font-size: 12px; opacity: .8; }
.rules-title {
  text-align: center;
  font-weight: 900;
  letter-spacing: .5px;
  margin: .25rem 0 .5rem;
}
.rules-block summary {
  cursor: pointer;
  font-weight: 700;
  font-size: var(--font-size-m);
}
.rules-note { color: var(--warning); margin:.5rem 0; }
.rules-note-red { color: var(--danger); margin:.5rem 0; font-weight:700; }
.rules-content { overflow: auto; }
.rules-text { white-space: pre-wrap; font-family: inherit; font-size: var(--font-size-s); line-height: 1.5; }
.rules-list { margin: .25rem 0 1rem 1rem; }
.rules-list li { margin: .2rem 0; }
.rules-sanction { color: var(--danger); font-weight: 700; }
.rules-muted { opacity: .8; }

/* Используем сетку/отступы FAQ */
.acordeon-container .accordion { margin: .5rem 8rem; }
@media (max-width:768px){ .acordeon-container .accordion { margin: unset; } }

/* Полный стиль аккордеона как в FAQ */
.acordeon-container { padding: 0 1rem 1rem; }
.accordion { display: grid; grid-template-columns: minmax(0,1fr); gap: 4px; }
.accordion__content { display: grid; grid-template-rows: 0fr; transition: 0.3s ease; }
.accordion__content-body { overflow: hidden; background-color: var(--bg-tr-hover); border: 1px solid var(--transparent-5-w); border-radius: var(--br-12); padding: 0; opacity: 0; visibility: hidden; display: flex; flex-direction: column; gap: .5rem; position: relative; transition: .2s ease; }
.accordion__content-body:before { content: ''; position: absolute; inset: 0; background-image: linear-gradient(90deg, var(--button), var(--card)); pointer-events: none; }
.accordion__content-body p { line-height: 1.5; font-size: var(--font-size-m); color: var(--text-custom); -webkit-user-select: none; user-select: none; z-index: 1; margin-block: unset; }
/* Для контента правил: все элементы поверх градиента */
.accordion__content-body > * { position: relative; z-index: 1; color: var(--text-custom); }
.accordion__content-body li { color: var(--text-custom); }
.accordion__content-body h4 { color: var(--text-custom); margin: .5rem 0; }
/* Переопределяем инлайновые вставки с #000000 на белый */
.rules-content [style*="color:#bebebe"],
.accordion__content-body [style*="color:#bebebe"] {
  color: #bebebe !important;
}
/* Перекрасить встроенный красный (#c0392b) в #ef4444 */
.rules-content [style*="color:#c0392b"],
.accordion__content-body [style*="color:#c0392b"] {
  color: #ef4444 !important;
}
/* Включаем маркеры списков, т.к. базовые стили темы могли их обнулять */
.rules-content ul { list-style: disc; padding-left: 1.25rem; margin: .25rem 0 1rem; }
.rules-content ol { list-style: decimal; padding-left: 1.25rem; margin: .25rem 0 1rem; }
.accordion__content-body p:where(:not([class]):not(:last-child)) { margin-bottom: 1rem; }
.accordion__details { background-color: var(--input-form); padding: 0 1rem 0 1.5rem; border-radius: var(--br-12); border: 1px solid var(--transparent-2-w); font-size: var(--font-size-m); color: var(--text-default); transition: 0.3s ease; }
.accordion__details:hover { background-color: var(--toast-bg); color: var(--span); }
.accordion__details[open]+.accordion__content { grid-template-rows: 1fr; }
.accordion__summary { height: 60px; cursor: pointer; display: grid; grid-template-columns: minmax(0,1fr); grid-auto-flow: column; align-items: center; width: 100%; gap: .3rem; }
.accordion__summary span { font-weight: var(--font-weight-6); -webkit-user-select: none; user-select: none; color: var(--text-secondary); transition: var(--transition-duration); width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.accordion__summary-icon { display: flex; align-items: center; justify-content: center; height: 30px; aspect-ratio: 1; border-radius: 50%; background-color: var(--transparent-3-w); border: 1px solid var(--transparent-5-w); transition: background-color .2s linear; }
.accordion__summary svg { width: .8rem; height: .8rem; transition: rotate .2s linear; fill: currentColor; }
.accordion__details[open]>.accordion__summary>.accordion__summary-icon { background-color: var(--span); border: 1px solid transparent; }
.accordion__details[open]>.accordion__summary svg { rotate: 90deg; fill: var(--text-default); }
.accordion__details[open] { background-color: var(--transparent-5-w); color: var(--span); border: 1px solid var(--transparent-5-w); }
.accordion__details[open]+.accordion__content .accordion__content-body { padding: 1.5rem; opacity: 1; visibility: visible; }
.accordion__title { display: block; }
.accordion__buttons, summary, summary::-webkit-details-marker { all: unset; }

/* Ссылки внутри правил */
.rules-content a {
  color: #ef4444 !important;
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 1.5px;
  animation: rulesLinkPulse 2.4s ease-in-out infinite;
  transition: color .2s ease, text-shadow .2s ease;
}
.rules-content a:hover {
  text-shadow: 0 0 6px rgba(239, 68, 68, .55);
}
@keyframes rulesLinkPulse {
  0%, 100% { text-shadow: 0 0 0 rgba(239, 68, 68, 0); }
  50% { text-shadow: 0 0 6px rgba(239, 68, 68, .35); }
}