/* Vexillum - explications du simulateur. Neutre, comme vexillum.css :
   les couleurs du gabarit du site passent au travers. */
.vex-aide { font-size: .95rem; }
.vex-aide-courant { padding: .8rem .9rem; border-radius: .6rem; background: rgba(127, 127, 127, .10);
	border-left: 4px solid #3987e5; margin-bottom: .8rem; }
.vex-aide-ou { margin: 0 0 .3rem; font-size: .78rem; opacity: .65; text-transform: uppercase; letter-spacing: .04em; }
.vex-aide-titre { margin: 0 0 .4rem; font-size: 1.05rem; }
.vex-aide-texte { margin: 0 0 .6rem; line-height: 1.5; }
.vex-aide-lecture { display: flex; flex-wrap: wrap; gap: .4rem; }
.vex-aide button { padding: .35rem .8rem; border-radius: .4rem; border: 0; cursor: pointer; font: inherit;
	font-size: .88rem; font-weight: 600; background: rgba(127, 127, 127, .22); color: inherit; }
.vex-aide button:hover { background: rgba(127, 127, 127, .34); }
.vex-aide button.vex-aide-lire::before { content: "\25B6"; margin-right: .4em; font-size: .8em; }
.vex-aide-courant button.vex-aide-lire { background: #3987e5; color: #fff; }
.vex-aide-reglages { display: grid; gap: .45rem; margin: 0 0 .8rem; font-size: .88rem; }
.vex-aide-reglages label { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem; }
.vex-aide-reglages select { max-width: 100%; flex: 1 1 10rem; }
.vex-aide-reglages input[type="range"] { flex: 1 1 6rem; }
.vex-aide-note { opacity: .75; font-size: .88rem; }
.vex-aide-tout > summary { cursor: pointer; font-weight: 600; margin-bottom: .4rem; }
.vex-aide-tout h4 { margin: .9rem 0 .3rem; font-size: .92rem; opacity: .8; }
.vex-aide-entree { border-bottom: 1px solid rgba(127, 127, 127, .2); padding: .3rem 0; }
.vex-aide-entree > summary { cursor: pointer; }
.vex-aide-entree p { margin: .35rem 0; line-height: 1.45; }
.vex-aide-entree.vex-aide-actuelle > summary { font-weight: 700; color: #3987e5; }
.vex-aide-reglages label:has(input[type="checkbox"]) { flex-wrap: nowrap; align-items: flex-start; }
.vex-aide-reglages input[type="checkbox"] { flex: none; margin-top: .2em; }