/* Rentabilité par activité : tout est préfixé par .o-rentabilite. Propriétés logiques : l'arabe se lit de droite à gauche. */
.o-rentabilite .ren { display: grid; gap: 16px; margin-block: 18px; }
.o-rentabilite .ren__bloc { display: grid; gap: 6px; }
.o-rentabilite .ren__titre { font-size: 1.7rem; margin: 0 0 4px; }
.o-rentabilite .ren__aide { color: var(--gris); font-size: .95rem; margin: 0 0 8px; }
.o-rentabilite .ren__duo { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 140px), 1fr)); gap: 0 12px; }
.o-rentabilite .ren__erreur { color: var(--corail); font-weight: 750; margin: 0 0 10px; }
.o-rentabilite .ren__meilleure { display: grid; gap: 6px; }
.o-rentabilite .ren__meilleure-nom { margin: 0; font-family: var(--titre); font-weight: 900; font-size: clamp(1.5rem, 6vw, 2.1rem); line-height: 1.1; color: var(--orange); overflow-wrap: anywhere; }
.o-rentabilite .ren__chiffre { display: flex; align-items: flex-end; gap: 8px; direction: ltr; }
.o-rentabilite .ren__unite { font-family: var(--titre); font-weight: 900; font-size: 1.8rem; line-height: 1; color: var(--peche); }
.o-rentabilite .ren__meilleure-detail { margin: 0; color: var(--gris); font-size: .95rem; }
.o-rentabilite .ren__vide { color: var(--gris); }
.o-rentabilite .ren__vide[hidden] { display: none; }
.o-rentabilite .ren__liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.o-rentabilite .ren__groupe { display: grid; gap: 6px; padding: 10px 12px; background: var(--bitume); border-radius: 10px; }
.o-rentabilite .ren__ouvrir { display: flex; align-items: center; gap: 10px; min-block-size: 44px; padding: 0; border: 0; background: none; color: var(--papier); text-align: start; cursor: pointer; font: inherit; }
.o-rentabilite .ren__groupe-nom { display: flex; flex-wrap: wrap; gap: 4px 10px; align-items: center; font-weight: 800; overflow-wrap: anywhere; }
.o-rentabilite .ren__chiffres { margin-inline-start: auto; color: var(--gris); font-size: .92rem; font-weight: 700; text-align: end; }
.o-rentabilite .ren__detail { display: grid; gap: 8px; padding-block-start: 8px; border-block-start: 1px dashed var(--gravier); color: var(--gris); }
.o-rentabilite .ren__detail[hidden] { display: none; }
.o-rentabilite .ren__detail p { margin: 0; }
.o-rentabilite .ren__sous-titre { font-size: 1.15rem; margin: 6px 0 0; color: var(--papier); }
.o-rentabilite .ren__sessions { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.o-rentabilite .ren__session { display: grid; gap: 6px; padding: 8px 10px; background: var(--nuit); border-radius: 8px; }
.o-rentabilite .ren__note { font-size: .92rem; font-style: italic; }
.o-rentabilite .ren__exemple { display: grid; gap: 8px; padding: 12px; border: 2px dashed var(--orange); border-radius: var(--rayon); }
.o-rentabilite .ren__exemple[hidden] { display: none; }
.o-rentabilite .ren__etiquette { display: inline-block; margin: 0; padding: 1px 10px; border-radius: 6px; background: var(--orange); color: var(--encre); font-family: var(--titre); font-weight: 800; justify-self: start; }
.o-rentabilite .ren__etat { margin: 0; color: var(--gris); font-weight: 450; }
.o-rentabilite .ren__etat[hidden] { display: none; }
.o-rentabilite .ren__comment { margin-block: 24px; }
.o-rentabilite .ren__direct { margin: 0; font-family: var(--titre); font-weight: 900; font-size: clamp(2.8rem, 15vw, 4.4rem); line-height: 1; color: var(--orange); font-variant-numeric: tabular-nums; }