/* The About John Teoh page only (tools/build_about.py), on top of style.css. */
.about-intro p { max-width: 62ch; }
.about-steps .feature-strip { margin-top: var(--space-4); row-gap: var(--space-5); }
.about-steps .feature-icon { display: flex; align-items: center; justify-content: center; }
.about-steps .feature-icon text { fill: #fff; stroke: none; font: 600 12px var(--font-heading); }
.about-steps .feature-item p { max-width: 34ch; margin: 0 auto; }
.about-areas .listing-chips { gap: 8px; margin: var(--space-3) 0 var(--space-4); }
.about-areas .listing-chips li { font-size: 0.85rem; padding: 6px 13px; }
.about-areas .btn-outline { border-color: #fff; color: #fff; }
.about-areas .btn-outline:hover { background: #fff; color: var(--color-navy-deep); }
.about-who .showcase-checklist { margin: var(--space-3) 0 var(--space-4); }