.regulamin-main {position:relative;}

.progress-bar {
  position:fixed;
  top:0;
  left:0;
  height:4px;
  background:var(--color-accent-primary);
  width:0%;
  z-index:999;
}

.regulamin-header-block {
  max-width:720px;
  margin-inline:auto;
  text-align:center;
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
}

.regulamin-lead {
  text-align:left;
}

.regulamin-meta {
  font-variant:all-small-caps;
  letter-spacing:0.05em;
}

.regulamin-toc-grid {
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:var(--space-4);
  max-width:900px;
}

.regulamin-toc-grid ul li a {
  display:block;
  padding:var(--space-2) 0;
  border-bottom:1px solid var(--color-border-subtle);
}

.regulamin-toc-grid ul li a:hover {
  text-decoration:underline;
}

.regulamin-text-col {
  max-width:720px;
}

.regulamin-rules {
  max-width:800px;
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
}

.regulamin-box {
  background:var(--color-surface-contrast);
  padding:var(--space-4);
  border:1px solid var(--color-border-subtle);
  border-radius:var(--radius-sm);
}

.regulamin-highlight {
  color:var(--color-accent-tertiary);
}

@media (max-width:768px) {
  .regulamin-toc-grid {
    grid-template-columns:1fr;
  }
}