.regulamin-page{}

.reg-hero-inner{
  display:flex;
  justify-content:center;
}

.reg-hero-text{
  max-width:700px;
  text-align:center;
}

.reg-body{}

.reg-layout{
  display:grid;
  grid-template-columns: minmax(0, 280px) minmax(0, 1fr);
  gap:var(--space-5);
}

.reg-toc{
  position:sticky;
  top:100px;
  padding:var(--space-4);
  height:max-content;
}

.reg-toc ul{
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
}

.reg-toc a{
  color:var(--color-text-secondary);
  font-size:var(--fs-400);
  letter-spacing:0.05em;
}

.reg-toc a.active{
  color:var(--color-accent-primary);
}

.reg-content{
  max-width:700px;
}

.reg-section{
  margin-bottom:var(--space-5);
}

.reg-section.surface-secondary{
  padding:var(--space-4);
  border-radius:var(--radius-md);
}

.reg-list{
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
}

@media (max-width: 900px){
  .reg-layout{
    grid-template-columns:1fr;
  }

  .reg-toc{
    position:relative;
    top:auto;
  }

  .reg-content{
    max-width:100%;
  }
}