/*========================= Sections Styles =========================*/
.section-normal {
}

.section-list {
}

.section-capsule {
}

.section-normal,
.section-list,
.section-capsule {
   display: flex;
   gap: 1rem;
   flex-direction: column;
   color: var(--secondary-color);
}

.section-normal a,
.section-list a,
.section-capsule a {
   font-weight: 500;
   text-decoration: none;
   color: var(--color-info);
}

.section-normal h3,
.section-list h3,
.section-capsule h3 {
   font-size: 1.3rem;
   font-weight: 600;
   color: var(--color-base-content);
}

.section-normal ul,
.section-list ul {
   display: flex;
   flex-direction: column;
   gap: 0.6rem;
   padding: 0 0 0 0.8rem;
}

.section-capsule ul {
   font-size: 0.94rem;
   display: flex;
   flex-wrap: wrap;
   gap: 8px;
   padding: 0;
}

.section-list ul li {
   list-style: disc inside none;
}

.section-capsule ul li {
   width: fit-content;
   padding: 0.2rem 0.6rem;
   background-color: var(--element-bg-color);
   color: var(--color-base-content);
   border-radius: 1rem;
}