/*
 * Quote / testimonial markup for blog post content (.mageos-blog-quote).
 * Merchants wrap testimonials in:
 *   <blockquote class="mageos-blog-quote"><p>…</p><cite>…</cite></blockquote>
 * Accent follows Hyvä --color-primary (merchant theme may recolour).
 */

.mageos-blog-quote {
    margin: 1.5rem 0;
    padding: 1.25rem 1.5rem;
    border-left: 4px solid var(--color-primary);
    background: color-mix(in srgb, var(--color-primary) 12%, white);
    color: #1a1a1a;
    font-size: 1.05rem;
    line-height: 1.55;
}

.mageos-blog-quote p {
    margin: 0 0 0.75rem;
}

.mageos-blog-quote p:last-of-type {
    margin-bottom: 0;
}

.mageos-blog-quote cite {
    display: block;
    margin-top: 0.75rem;
    font-style: normal;
    font-size: 0.9rem;
    font-weight: 600;
    color: #555;
}

.mageos-blog-quote cite::before {
    content: "— ";
}