/* Pages de conversion (gabarit commun) */
.familles a, .ariane a, .liens-paires a, main p a { color: #1d4ed8; text-decoration: underline; }
.ariane ol { display: flex; flex-wrap: wrap; gap: .25rem; list-style: none; padding: 0; margin: 0; }
.ariane li + li::before { content: "›"; margin-right: .25rem; color: #6b7280; }
.reponse { background: #f0fdf4; border: 2px solid #86efac; border-radius: .5rem; padding: 1rem 1.25rem; margin-bottom: 1.5rem; }
.reponse p { margin: .35rem 0; }
.reponse-principale { font-size: 1.5rem; color: #14532d; }
.reponse .source { font-size: .875rem; color: #4b5563; }
.convertisseur { border: 1px solid #e5e7eb; border-radius: .5rem; padding: 1rem; background: #f9fafb; }
.tableau-conversion { border-collapse: collapse; margin: .5rem 0; min-width: 18rem; }
.tableau-conversion th, .tableau-conversion td { border: 1px solid #d1d5db; padding: .35rem .75rem; text-align: right; }
.tableau-conversion th { background: #f3f4f6; }
.tableau-conversion td:first-child, .tableau-conversion th:first-child { text-align: left; }
.tableau-conversion caption { text-align: left; font-size: .875rem; padding-bottom: .35rem; }
.liens-paires { columns: 2 16rem; padding-left: 1.25rem; list-style: disc; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.pub { min-height: 280px; margin: 1.5rem 0; }
main h2 { scroll-margin-top: 1rem; }

/* Bandeau du haut */
.custom-gradient { background: linear-gradient(90deg, #11998e 0%, #38ef7d 100%); }