/* ===========================
   Page pilier /reformers/ : top 3, comparatif, test, guide, FAQ
   =========================== */
.rf-hero h1 { max-width: 880px; margin-left: auto; margin-right: auto; }
.rf-hero__meta { font-size: 0.82rem !important; opacity: 0.8 !important; margin-top: 1rem !important; }
.rf-wrap { max-width: 980px; padding-top: 2.5rem; padding-bottom: 4rem; }
.rf-wrap h2 { color: var(--sage-dark); margin-bottom: 1rem; scroll-margin-top: 90px; }
.rf-wrap h3 { color: var(--dark); font-size: 1.15rem; margin: 1.6rem 0 0.5rem; }
.rf-wrap p { color: #4a4a4a; margin-bottom: 1.1rem; line-height: 1.85; }
.rf-wrap a:not(.btn) { color: var(--sage-dark); text-decoration: underline; }
.rf-wrap ul { list-style: disc; padding-left: 1.4rem; margin-bottom: 1.2rem; color: #4a4a4a; }
.rf-wrap li { margin-bottom: 0.45rem; line-height: 1.7; }

.rf-summary { background: #eef5ef; border-left: 4px solid var(--sage); border-radius: 0 12px 12px 0; padding: 1.4rem 1.6rem; margin-bottom: 2rem; }
.rf-summary__title { font-weight: 700; color: var(--sage-dark) !important; margin-bottom: 0.6rem !important; }
.rf-summary ol { list-style: decimal; padding-left: 1.3rem; margin-bottom: 0.8rem; }
.rf-summary li { margin-bottom: 0.4rem; }
.rf-summary li a { text-decoration: none !important; color: var(--dark) !important; }
.rf-summary li a:hover strong { color: var(--sage); }
.rf-summary li strong { color: var(--sage-dark); }
.rf-summary__note { font-size: 0.9rem; margin-bottom: 0 !important; }
.rf-lead { margin-bottom: 1rem; }

.rf-pick { background: var(--white); border: 1px solid var(--light-gray); border-radius: 16px; padding: 2rem; margin: 2.5rem 0; box-shadow: var(--shadow); }
.rf-pick h2 { display: flex; align-items: center; gap: 0.8rem; font-size: 1.45rem; }
.rf-pick__rank { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 2.4rem; height: 2.4rem; border-radius: 50%; background: var(--gold); color: var(--dark); font-size: 1.15rem; }
.rf-pick__grid { display: grid; grid-template-columns: 260px 1fr; gap: 1.8rem; align-items: start; margin-bottom: 1.4rem; }
.rf-pick__media { background: #fff; border: 1px solid var(--light-gray); border-radius: 12px; aspect-ratio: 1; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.rf-pick__media img { width: 100%; height: 100%; object-fit: contain; padding: 0.8rem; }
.rf-pick__noimg { font-weight: 700; color: var(--sage-dark); text-align: center; padding: 1rem; }
.rf-pick__short { font-size: 1.05rem; font-weight: 600; color: var(--dark) !important; }
.rf-specs { width: 100%; border-collapse: collapse; font-size: 0.9rem; }
.rf-specs th, .rf-specs td { padding: 0.45rem 0.6rem; border-bottom: 1px solid var(--light-gray); text-align: left; }
.rf-specs th { color: var(--gray); font-weight: 600; width: 40%; }
.rf-proscons { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin: 1.4rem 0; }
.rf-pros, .rf-cons { border-radius: 10px; padding: 1rem 1.2rem; }
.rf-pros { background: #eef5ef; }
.rf-cons { background: #faf5ea; }
.rf-pc__title { font-weight: 700; margin-bottom: 0.4rem !important; color: var(--dark) !important; }
.rf-pros ul, .rf-cons ul { margin: 0; font-size: 0.92rem; }
.rf-pick__cta { margin: 0 !important; }
.rf-pick__cta .btn--amazon { width: auto; display: inline-block; padding: 0.85rem 1.6rem; }

.rf-section { margin-top: 3.5rem; }
.rf-table-wrap { overflow-x: auto; border: 1px solid var(--light-gray); border-radius: 12px; background: var(--white); }
.rf-table { width: 100%; border-collapse: collapse; font-size: 0.88rem; min-width: 760px; }
.rf-table th { background: var(--sage); color: var(--white); text-align: left; padding: 0.7rem; font-weight: 600; }
.rf-table td { padding: 0.65rem 0.7rem; border-bottom: 1px solid var(--light-gray); }
.rf-table tr.is-top td { background: #f4f8f4; }
.rf-table tr:last-child td { border-bottom: none; }
.rf-note { font-size: 0.78rem !important; color: #999 !important; margin-top: 0.8rem; }

.rf-quiz { background: linear-gradient(135deg, #f2f6f3, #e8f0e9); border-radius: 16px; padding: 2rem; }
.rf-quiz__form { display: grid; gap: 1.2rem; }
.rf-quiz fieldset { border: none; background: var(--white); border-radius: 12px; padding: 1rem 1.2rem; display: grid; gap: 0.5rem; }
.rf-quiz legend { font-weight: 700; color: var(--sage-dark); padding: 0; margin-bottom: 0.4rem; float: left; width: 100%; }
.rf-quiz label { display: flex; align-items: center; gap: 0.6rem; font-size: 0.95rem; cursor: pointer; }
.rf-quiz input { accent-color: var(--sage); width: 1.05rem; height: 1.05rem; }
.rf-quiz button { justify-self: start; }
.rf-quiz .btn--primary:hover { color: var(--sage-dark); border-color: var(--sage-dark); }
.rf-quiz__result { margin-top: 1.4rem; background: var(--white); border: 2px solid var(--sage); border-radius: 12px; padding: 1.3rem 1.5rem; }
.rf-quiz__label { font-size: 0.75rem !important; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; color: var(--sage) !important; margin-bottom: 0.2rem !important; }
.rf-quiz__name { font-family: 'Playfair Display', serif; font-size: 1.35rem; color: var(--dark) !important; margin-bottom: 0.4rem !important; }

.rf-faq { display: grid; gap: 0.7rem; }
.rf-faq details { background: var(--white); border: 1px solid var(--light-gray); border-radius: 10px; padding: 1rem 1.2rem; }
.rf-faq summary { cursor: pointer; font-weight: 600; list-style: none; color: var(--dark); }
.rf-faq summary::-webkit-details-marker { display: none; }
.rf-faq summary::after { content: "+"; float: right; color: var(--sage); font-weight: 700; font-size: 1.3rem; line-height: 1; }
.rf-faq details[open] summary::after { content: "–"; }
.rf-faq details p { margin: 0.7rem 0 0; font-size: 0.95rem; }

@media (max-width: 760px) {
  .rf-pick { padding: 1.3rem; }
  .rf-pick h2 { font-size: 1.2rem; }
  .rf-pick__grid { grid-template-columns: 1fr; }
  .rf-pick__media { max-width: 260px; }
  .rf-proscons { grid-template-columns: 1fr; }
  .rf-quiz { padding: 1.3rem; }
}