.about__content { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; max-width: 1070px; }
.about__more { font-weight: 700; color: var(--color-accent); text-decoration: none; border: 0; padding: 0; background: transparent; text-align: left; }
.about__primary, .about__extra { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; }
.about__primary > *, .about__extra > * { margin-block: 0; }
.about__extra[hidden] { display: none; }
.about__more:hover { color: var(--color-accent-dark); }