/*
 * Users' stories (partials/testimonials.php): the summaries on mynestor.php (#temoignages)
 * and the full stories on testimonials.php share the card look.
 */
.story-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 28px; }
.story-card {
    display: flex;
    flex-direction: column;
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 32px;
}
.story-name { font-size: 1.2rem; font-weight: 800; color: var(--dark); }
.story-setting { font-size: 0.9rem; font-weight: 600; color: var(--primary); margin-bottom: 16px; }
.story-card p { color: var(--muted); line-height: 1.75; }
.story-note { text-align: center; color: var(--muted); font-size: 0.9rem; margin-top: 28px; }
.story-more { text-align: center; margin-top: 36px; }
.story-more a {
    display: inline-block;
    padding: 12px 26px;
    border: 2px solid var(--primary);
    border-radius: 50px;
    color: var(--primary);
    font-weight: 600;
    transition: background .2s;
}
.story-more a:hover { background: var(--primary-light); }

/* testimonials.php */
.stories-body { max-width: 1000px; margin: 0 auto; padding: 56px 24px 80px; }
.stories-body .story-grid { grid-template-columns: 1fr; gap: 24px; }
.stories-body .story-card p { font-size: 1.05rem; }