/* About uses open sections; career details retain their chronological grouping. */
.about-page .about-open { padding: 0; background: none; border: 0; }
.about-page .what-i-do-grid { display: block; }
.about-page .what-i-do-grid p + p { margin-top: 1.25rem; }
.about-page .ai-activator-note { border: 0; padding: 0; margin-top: 1.25rem; }
.about-page main h2 { color: var(--c-on-surface-variant); font-size: .875rem; font-weight: 500; letter-spacing: 0; text-transform: none; }
.about-page .what-i-do-heading, .about-personal h2 { margin-bottom: 1.5rem; }
.about-page .what-i-do-grid p, .about-page .ai-activator-note, .about-personal p { font-size: 1rem; line-height: 1.75; color: var(--c-on-surface-variant); }
.about-personal p + p { margin-top: 1.25rem; }
.about-page main > section + section { border-top: 1px solid var(--c-sidebar-border); padding-top: 2rem; }
.about-page main > section > .flex > .h-px { display: none; }
.about-page .about-open > .flex.items-start, .about-page .about-open > div > .flex.items-start { flex-direction: column; gap: .5rem; }
.about-page .about-open .flex.flex-wrap { column-gap: 1rem; }
@media (max-width: 767px) {
 .about-page main .grid.gap-8 { gap: 1.5rem; }
}