/*!
 * About page (/about) — Spectre-theme styling.
 * Color values mirror themes.canvasThemes.Spectre / site-overrides.css.
 */

.about-container {
    max-width: 860px;
}

/* Testimonials: raised Command cards with an accent quote edge
   (was #f8f9fa — a light panel whose inherited light text was unreadable) */
.testimonial {
    padding: 1rem;
    margin-bottom: 1rem;
    background-color: var(--bs-secondary-bg);
    border: 1px solid rgba(var(--site-border-rgb), 0.14);
    border-inline-start: 4px solid var(--bs-primary);
    border-radius: .4rem;
    break-inside: avoid; /* keep a quote whole — no mid-card column splits */
}

.testimonial-container {
    column-count: 1;
}

@media (min-width: 768px) {
    .testimonial-container {
        column-count: 2;
        column-gap: 2rem;
    }
}

@media (min-width: 992px) {
    .testimonial-container {
        column-count: 3;
    }
}