.mb-pre {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 24px;
  padding: 20px;
}

@media (min-width: 640px) {
  .mb-pre { padding: 28px; }
}

.mb-pre > * + * { margin-top: 14px; }

.mb-pre-fil {
  font-size: 12px;
  color: #64748b;
}

.mb-pre-fil a { color: inherit; text-decoration: none; }
.mb-pre-fil a:hover { text-decoration: underline; }

.mb-pre h1 {
  font-family: 'Outfit', system-ui, sans-serif;
  font-weight: 900;
  font-size: 24px;
  line-height: 1.2;
  color: #0f172a;
  margin: 0;
}

@media (min-width: 640px) {
  .mb-pre h1 { font-size: 30px; }
}

.mb-pre p { margin: 0; font-size: 14px; line-height: 1.65; color: #334155; }

.mb-pre-best {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 10px;
}

.mb-pre-best > span:first-child {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: #64748b;
  font-weight: 700;
  flex-basis: 100%;
}

.mb-pre-prix {
  font-family: 'Outfit', system-ui, sans-serif;
  font-weight: 900;
  font-size: 26px;
  color: var(--coral, #ff3366);
  vertical-align: middle;
}

.mb-pre table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}

.mb-pre table { display: block; overflow-x: auto; }

.mb-pre th,
.mb-pre td {
  text-align: left;
  padding: 8px 12px 8px 0;
  border-top: 1px solid #f1f5f9;
  white-space: nowrap;
}

.mb-pre thead th {
  border-top: 0;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: #64748b;
  font-weight: 700;
}

.mb-pre tbody th { font-weight: 600; color: #1e293b; }
.mb-pre tbody td:first-of-type { font-weight: 700; color: #0f172a; }
.mb-pre tbody a { color: inherit; }

.mb-pre-note { font-size: 11px; color: #64748b; }

.mb-pre caption {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}

.rp-pre { font-size: 12px; color: #64748b; margin-bottom: 12px; }
.rp-pre a { color: inherit; text-decoration: none; }
.rp-pre a:hover { text-decoration: underline; }

.rp-pre-list { margin-top: 20px; }
.rp-pre-list h2 {
  font-family: 'Outfit', system-ui, sans-serif;
  font-weight: 800;
  font-size: 17px;
  color: #0f172a;
  margin: 0 0 10px;
}
.rp-pre-list ol { margin: 0; padding-left: 20px; }
.rp-pre-list li { font-size: 14px; line-height: 1.7; color: #334155; }
.rp-pre-list li a { color: #0f172a; font-weight: 600; }
.rp-pre-list li span { color: #64748b; }
.rp-pre-list li em { color: #64748b; font-style: normal; font-size: 12px; }
.rp-pre-list p { font-size: 12px; color: #64748b; margin: 12px 0 0; }