/* ===== Blog Ember Read ===== */
.blog-main{max-width:820px;margin:0 auto;padding:24px 16px 60px}
.blog-wide{max-width:1040px}

/* fil d'Ariane */
.er-fil{font-size:.82rem;color:var(--text-secondary,#8a6d6f);margin:8px 0 10px}
.er-fil a{color:var(--primary,#A0565B);text-decoration:none}
.er-fil a:hover{text-decoration:underline}

/* en-tête article */
.blog-article h1{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:clamp(1.9rem,4.5vw,2.5rem);line-height:1.14;margin:4px 0 8px;color:var(--text,#1a1a2e)}
.er-meta{display:flex;gap:14px;flex-wrap:wrap;font-size:.84rem;color:var(--text-secondary,#8a6d6f);margin-bottom:6px}

/* en bref (phrase-réponse) */
.er-bref{background:#fff;border-left:4px solid var(--gold,#C2787E);border-radius:8px;padding:14px 18px;margin:18px 0;line-height:1.6;font-size:1rem}
.er-bref b{color:var(--primary,#A0565B)}

/* sommaire */
.er-som{background:rgba(194,120,126,.08);border-radius:8px;padding:10px 16px;font-size:.92rem;margin:0 0 20px}
.er-som b{font-family:'Cormorant Garamond',serif;font-size:1.1rem}
.er-som ol{margin:6px 0 0 18px;line-height:1.75}
.er-som a{color:var(--primary,#A0565B);text-decoration:none}
.er-som a:hover{text-decoration:underline}

/* corps */
.er-article h2{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:1.55rem;margin:28px 0 8px;color:var(--text,#1a1a2e);scroll-margin-top:84px}
.er-article p,.er-article li{line-height:1.65;font-size:1rem;color:var(--text,#1a1a2e)}
.er-article ol{margin:8px 0 8px 22px}
.er-article ul{list-style:none;margin:8px 0;padding-left:2px}
.er-article ul li{position:relative;padding-left:20px;margin:4px 0}
.er-article ul li::before{content:"";position:absolute;left:4px;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--gold,#C2787E)}
.er-article a{color:var(--primary,#A0565B)}
.er-forces{background:rgba(255,255,255,.65);border-radius:8px;padding:10px 14px}

/* tableau comparatif */
.er-compare{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;font-size:.94rem;margin:12px 0;box-shadow:0 2px 10px rgba(160,86,91,.06)}
.er-compare th,.er-compare td{padding:10px 12px;border-bottom:1px solid #eee;text-align:left;vertical-align:top}
.er-compare th{background:var(--bg-deep,#F6DCDC);font-weight:700}
.er-compare td:last-child{background:#fbf3f3;font-weight:600}

/* CTA */
.er-cta{background:linear-gradient(135deg,var(--bg-deep,#F6DCDC),#fff);border-radius:12px;padding:16px 18px;display:flex;justify-content:space-between;align-items:center;gap:14px;margin:22px 0;flex-wrap:wrap}
.er-cta p{margin:0}
.er-cta a{background:var(--primary,#A0565B);color:#fff;padding:10px 18px;border-radius:20px;text-decoration:none;font-weight:600;font-size:.92rem;white-space:nowrap}

/* pour qui */
.er-pourqui{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.er-pourqui div{background:#fff;border-radius:8px;padding:12px 15px;font-size:.95rem;border:1px solid var(--border,rgba(212,145,142,.18))}

/* FAQ */
.er-faq details{background:#fff;border:1px solid var(--border,rgba(212,145,142,.2));border-radius:10px;padding:4px 16px;margin:8px 0}
.er-faq summary{font-weight:600;cursor:pointer;padding:10px 0;list-style:none}
.er-faq summary::-webkit-details-marker{display:none}
.er-faq summary::before{content:'+';color:var(--gold,#C2787E);font-weight:700;margin-right:.6rem}
.er-faq details[open] summary::before{content:'\2212'}
.er-faq details p{margin:0 0 12px;color:var(--text-secondary,#6f6469);line-height:1.55}

/* sources */
.er-sources{font-size:.8rem;color:var(--text-secondary,#8a6d6f);margin-top:22px;border-top:1px solid var(--border,#ddd);padding-top:12px}

/* à lire aussi */
.er-lies-wrap{margin-top:26px}
.er-lies-wrap h2{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:1.5rem;margin-bottom:10px}
.er-lies{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.er-lies a{background:#fff;border:1px solid var(--border,rgba(212,145,142,.18));border-radius:10px;padding:12px 14px;font-size:.9rem;color:var(--text,#1a1a2e);text-decoration:none;line-height:1.35;transition:box-shadow .15s}
.er-lies a:hover{box-shadow:0 6px 16px rgba(160,86,91,.12)}

/* ===== Index /blog/ ===== */
.blog-hero{text-align:center;padding:10px 0 18px}
.blog-hero .ad-eyebrow{font-size:.8rem;font-weight:600;color:var(--gold,#C2787E);text-transform:uppercase;letter-spacing:.14em}
.blog-hero h1{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:clamp(2rem,5vw,2.8rem);margin:8px 0}
.blog-hero p{color:var(--text-secondary,#8a6d6f);max-width:620px;margin:0 auto}
.blog-rubriques{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:16px 0 26px}
.blog-rubriques a{background:#fff;border:1px solid var(--border,rgba(212,145,142,.2));border-radius:999px;padding:7px 15px;font-size:.9rem;color:var(--primary,#A0565B);text-decoration:none;font-weight:600}
.blog-rubriques a:hover,.blog-rubriques a.active{background:var(--primary,#A0565B);color:#fff}
.blog-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.blog-card{background:#fff;border:1px solid var(--border,rgba(212,145,142,.18));border-radius:14px;padding:18px 20px;text-decoration:none;color:var(--text,#1a1a2e);transition:box-shadow .15s}
.blog-card:hover{box-shadow:0 10px 26px rgba(160,86,91,.12)}
.blog-card .rub{font-size:.72rem;font-weight:700;color:var(--gold,#C2787E);text-transform:uppercase;letter-spacing:.1em}
.blog-card h2{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:1.3rem;margin:6px 0 6px;line-height:1.2}
.blog-card p{font-size:.92rem;color:var(--text-secondary,#8a6d6f);line-height:1.5;margin:0}
.blog-card .date{font-size:.78rem;color:var(--text-secondary,#9a8f92);margin-top:10px}
.blog-empty{text-align:center;color:var(--text-secondary,#8a6d6f);padding:40px 0}
.blog-reco{display:block;background:linear-gradient(135deg,#fff 0%,#FBEFEF 100%);border:1px solid var(--border,rgba(212,145,142,.3));border-left:4px solid var(--primary,#A0565B);border-radius:14px;padding:20px 22px;margin:0 0 22px;text-decoration:none;color:var(--text,#1a1a2e);transition:box-shadow .15s}
.blog-reco:hover{box-shadow:0 10px 26px rgba(160,86,91,.14)}
.blog-reco .rub{font-size:.72rem;font-weight:700;color:var(--gold,#C2787E);text-transform:uppercase;letter-spacing:.1em}
.blog-reco h2{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:1.55rem;margin:6px 0}
.blog-reco p{font-size:.95rem;color:var(--text-secondary,#8a6d6f);line-height:1.5;margin:0}
.blog-reco-cta{display:inline-block;margin-top:12px;font-weight:600;font-size:.92rem;color:var(--primary,#A0565B)}

@media(max-width:680px){.er-pourqui,.er-lies{grid-template-columns:1fr}}