/* Madits Recherche — feuille de style du front. */

.mr-bloc { font-size: 15px; line-height: 1.55; }
.mr-bloc h3, .mr-bloc h4 { margin: 0 0 .6em; }

/* Formulaire */
.mr-formulaire { background: #f7f8fa; border: 1px solid #dfe3e8; border-left: 4px solid #1f3a5f; padding: 1em 1.2em; margin: 0 0 1.4em; }
.mr-grille { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: .8em 1em; }
.mr-champ { display: flex; flex-direction: column; }
.mr-champ.mr-large { grid-column: span 2; }
.mr-champ label { font-size: .82em; font-weight: 600; color: #44506180; color: #445061; margin-bottom: .25em; }
.mr-champ input, .mr-champ select, .mr-champ textarea { padding: .45em .55em; border: 1px solid #c6ccd4; border-radius: 3px; font: inherit; background: #fff; }
.mr-actions { margin-top: 1em; display: flex; gap: .6em; align-items: center; }
.mr-bouton { display: inline-block; background: #1f3a5f; color: #fff; border: 0; padding: .55em 1.3em; border-radius: 3px; cursor: pointer; font: inherit; text-decoration: none; }
.mr-bouton:hover { background: #16293f; color: #fff; }
.mr-bouton.mr-secondaire { background: #6b7480; }

/* Résultats */
.mr-entete-resultats { display: flex; flex-wrap: wrap; gap: .4em 1.2em; align-items: baseline; border-bottom: 2px solid #1f3a5f; padding-bottom: .5em; margin-bottom: 1em; }
.mr-compte { font-weight: 700; margin: 0; }
.mr-resume { margin: 0; color: #6b7480; font-size: .9em; }
.mr-liste { list-style: decimal; padding-left: 2.2em; }
.mr-fiche { margin: 0 0 1.4em; padding-left: .4em; border-left: 3px solid #dfe3e8; }
.mr-fiche.mr-nature-refus { border-left-color: #b58900; }
.mr-fiche.mr-nature-affirmative { border-left-color: #1e6b34; }
.mr-fiche.mr-nature-negative { border-left-color: #9b2c2c; }
.mr-fiche.mr-nature-informative { border-left-color: #2e5395; }
.mr-fiche-entete { display: flex; flex-wrap: wrap; gap: .5em; align-items: baseline; margin-bottom: .3em; }
.mr-date { font-variant-numeric: tabular-nums; font-weight: 700; color: #1f3a5f; }
.mr-intitule { font-style: italic; color: #445061; }
.mr-etiq { display: inline-block; font-size: .72em; text-transform: uppercase; letter-spacing: .06em; background: #e7ebf1; color: #445061; padding: .12em .5em; border-radius: 2px; }
.mr-question { margin: .2em 0; color: #445061; }
.mr-reponse { margin: .2em 0; }
.mr-reponse strong, .mr-question strong { display: inline-block; width: 1.2em; color: #1f3a5f; }
.mr-bloc mark { background: #ffe9a8; padding: 0 .1em; }

/* Pagination */
.mr-pagination { display: flex; gap: .3em; flex-wrap: wrap; margin: 1.4em 0; }
.mr-pagination a, .mr-pagination span { padding: .35em .7em; border: 1px solid #c6ccd4; text-decoration: none; border-radius: 3px; }
.mr-pagination .mr-courante { background: #1f3a5f; color: #fff; border-color: #1f3a5f; }

/* Comparaison */
.mr-colonnes { display: grid; grid-template-columns: 1fr 1fr; gap: 1.2em; }
.mr-colonnes.mr-trois { grid-template-columns: 1fr 1fr 1fr; }
.mr-colonne { min-width: 0; }
.mr-tableau { width: 100%; border-collapse: collapse; margin: 1em 0; }
.mr-tableau th, .mr-tableau td { border: 1px solid #dfe3e8; padding: .45em .7em; text-align: left; font-size: .92em; }
.mr-tableau th { background: #eef1f6; width: 12em; }
.mr-liste-compacte { list-style: none; padding: 0; margin: 0; max-height: 30em; overflow-y: auto; border: 1px solid #dfe3e8; }
.mr-liste-compacte li { padding: .5em .7em; border-bottom: 1px solid #eef1f6; font-size: .88em; }
.mr-extrait { color: #6b7480; }

/* Énigmes et indications */
.mr-onglets { display: flex; flex-wrap: wrap; gap: .3em; margin-bottom: 1.2em; }
.mr-onglet { padding: .35em .8em; border: 1px solid #c6ccd4; text-decoration: none; border-radius: 3px; font-variant-numeric: tabular-nums; }
.mr-onglet.mr-actif { background: #1f3a5f; color: #fff; border-color: #1f3a5f; }
.mr-enigme-fiche, .mr-is-fiche { border: 1px solid #dfe3e8; border-left: 4px solid #1f3a5f; padding: 1em 1.2em; margin-bottom: 1.4em; background: #fbfcfd; }
.mr-texte-enigme { white-space: pre-wrap; font-family: Georgia, serif; font-size: 1.02em; background: transparent; border: 0; padding: 0; margin: 0 0 .8em; }
.mr-texte-is { border-left: 3px solid #b58900; margin: .5em 0; padding: .4em 0 .4em 1em; font-family: Georgia, serif; }
.mr-commentaire { color: #6b7480; font-size: .9em; }

/* Divers */
.mr-avis { background: #fff8e5; border-left: 4px solid #b58900; padding: .7em 1em; }
.mr-erreur { background: #fdecea; border-left: 4px solid #9b2c2c; padding: .7em 1em; }
.mr-succes { background: #eaf5ec; border-left: 4px solid #1e6b34; padding: .7em 1em; }
.mr-porte { max-width: 32em; }
.mr-consentement label { font-weight: 400; font-size: .88em; line-height: 1.4; }

@media (max-width: 820px) {
  .mr-colonnes, .mr-colonnes.mr-trois { grid-template-columns: 1fr; }
  .mr-champ.mr-large { grid-column: span 1; }
}