.container[data-v-7232bd61] {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
}
.heading[data-v-7232bd61] {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
}
.heading-text h1[data-v-7232bd61] {
font-size: 1.8rem;
font-weight: bold;
margin: 0;
}
.heading-text p[data-v-7232bd61] {
font-size: 0.9rem;
color: #666;
margin: 5px 0 0 0;
}
.heading-actions button[data-v-7232bd61] {
padding: 8px 15px;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 5px;
background-color: #fff;
font-size: 0.9rem;
cursor: pointer;
}
.heading-actions .active[data-v-7232bd61] {
background-color: rgb(1, 22, 39);
color: #fff;
}
.changelog[data-v-7232bd61] {
display: flex;
flex-direction: column;
gap: 20px;
}
.changelog-section[data-v-7232bd61] {
border-bottom: 1px solid #eee;
padding-bottom: 20px;
}
.changelog-section header h2[data-v-7232bd61] {
font-size: 1.2rem;
font-weight: bold;
margin: 0;
}
.changelog-section p[data-v-7232bd61] {
font-size: 1rem;
color: #333;
margin-top: 10px;
}
.changelog-section ul[data-v-7232bd61] {
margin: 10px 0 0 20px;
padding: 0;
}
.changelog-section ul li[data-v-7232bd61] {
font-size: 0.9rem;
color: #555;
}
@media (max-width: 768px) {
.heading[data-v-7232bd61] {
  flex-direction: column;
  align-items: flex-start;
}
.heading-actions[data-v-7232bd61] {
  margin-top: 10px;
}
}