/* Rubrique Conseils de Mama Rose : articles et page de rubrique */
.mra { --mra-choco:#745541; --mra-amour:#ba6c68; --mra-soft:#8d7b73; --mra-ecume:#f8edeb; --mra-line:#ecdcd6; --mra-ink:#5f4b45;
  color:var(--mra-ink); padding:14px 0 40px; }
.mra-wrap { max-width:760px; margin:0 auto; }
.mra-wrap--wide { max-width:1080px; }
.mra-crumbs { font-size:.8rem; color:var(--mra-soft); margin:0 0 14px; padding:0; list-style:none; display:flex; flex-wrap:wrap; gap:6px; }
.mra-crumbs li + li::before { content:"›"; margin-right:6px; color:#c9b6ae; }
.mra-crumbs a { color:var(--mra-amour); text-decoration:none; }
.mra-crumbs a:hover { text-decoration:underline; }
.mra-card { background:#fff; border:1px solid var(--mra-line); border-radius:20px; padding:28px 22px; box-shadow:0 8px 26px rgba(116,85,65,.07); }
@media (min-width:768px) { .mra-card { padding:42px 52px; } }
.mra-eyebrow { font-size:.68rem; letter-spacing:.24em; text-transform:uppercase; color:var(--mra-amour); margin:0 0 .5rem; }
.mra h1 { font-size:clamp(1.55rem,4vw,2.15rem); line-height:1.25; color:var(--mra-choco); margin:0 0 1.2rem; }
.mra h2 { font-size:clamp(1.2rem,2.8vw,1.45rem); line-height:1.3; color:var(--mra-choco); margin:2rem 0 .8rem; }
.mra p, .mra li { font-size:1rem; line-height:1.85; }
.mra p { margin:0 0 1rem; }
.mra-lead { font-size:1.06rem; }
.mra ul.mra-list { list-style:none; padding:0; margin:0 0 1.2rem; }
.mra ul.mra-list li { position:relative; padding-left:24px; margin:4px 0; }
.mra ul.mra-list li::before { content:""; position:absolute; left:4px; top:.78em; width:8px; height:8px; border-radius:50%; background:var(--mra-amour); opacity:.75; }
.mra-info { display:inline-block; background:var(--mra-ecume); color:var(--mra-choco); border-radius:999px; padding:6px 16px; font-size:.92rem; font-weight:600; margin:0 0 1rem; }
.mra-cta { display:flex; flex-wrap:wrap; gap:10px; margin:1.6rem 0 0; }
.mra-btn { display:inline-flex; align-items:center; gap:8px; border-radius:999px; padding:11px 22px; font-size:.95rem; text-decoration:none !important;
  border:1px solid var(--mra-choco); color:var(--mra-choco) !important; background:#fff; transition:background .2s ease, color .2s ease; }
.mra-btn:hover { background:var(--mra-ecume); }
.mra-btn--main { background:var(--mra-choco); color:var(--mra-ecume) !important; }
.mra-btn--main:hover { background:var(--mra-amour); border-color:var(--mra-amour); }
.mra-choices { display:grid; gap:10px; margin:0 0 1.2rem; }
.mra-choice { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px 16px; border:1px solid var(--mra-line); border-radius:14px; padding:12px 16px; }
.mra-choice span { font-size:.95rem; }
.mra-choice a { color:var(--mra-amour); font-weight:600; text-decoration:none; }
.mra-choice a:hover { text-decoration:underline; }
.mra-related { margin-top:28px; }
.mra-related h2 { margin-top:0; font-size:1.15rem; }
.mra-grid { display:grid; gap:14px; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); }
.mra-tile { display:flex; flex-direction:column; gap:6px; background:#fff; border:1px solid var(--mra-line); border-radius:16px; padding:18px 18px 16px;
  text-decoration:none !important; color:var(--mra-ink) !important; transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.mra-tile:hover { border-color:var(--mra-amour); box-shadow:0 8px 22px rgba(116,85,65,.10); transform:translateY(-2px); }
.mra-tile strong { color:var(--mra-choco); font-weight:400; font-size:1.08rem; line-height:1.35; }
.mra-tile small { font-size:.86rem; line-height:1.6; color:var(--mra-soft); }
.mra-tile em { font-style:normal; font-size:.8rem; color:var(--mra-amour); margin-top:auto; }
.mra-section { margin:0 0 34px; }
.mra-section > h2 { margin:0 0 14px; }
@media (prefers-reduced-motion: reduce) { .mra-tile { transition:none; } .mra-tile:hover { transform:none; } }