/* Barre de symboles mathématiques */
.mk-zone { display: block; margin-top: .5em; }
.mk-zone [hidden] { display: none !important; }
.mk-bouton {
	font: inherit; cursor: pointer; -webkit-appearance: none; appearance: none; text-shadow: none; width: auto !important; white-space: nowrap;
	border: 2px solid #5cc79a; color: #16855a !important; background: #fff !important; padding: .4em 1em; border-radius: 2em; font-size: .85em; letter-spacing: 0; text-transform: none; line-height: 1.4em; height: auto; transition: background .15s, color .15s;
}
.mk-bouton span { font-weight: 700; margin-right: .3em; }
.mk-bouton:hover, .mk-bouton.on { background: #16855a !important; color: #fff !important; border-color: #16855a; }
.mk-panneau { display: block; margin-top: .7em; padding: .8em; border: 2px dashed #5cc79a; border-radius: 1em; background: #f6fcf9; text-align: left; max-width: 100%; }
.mk-onglets { display: flex; flex-wrap: wrap; gap: .35em; margin-bottom: .6em; }
.mk-onglet {
	font: inherit; cursor: pointer; -webkit-appearance: none; appearance: none; text-shadow: none; width: auto !important; border: 2px solid #d4ece0; color: #16855a !important; background: #fff !important;
	padding: .2em .8em; border-radius: 2em; font-size: .8em; letter-spacing: 0; text-transform: none; line-height: 1.4em; height: auto;
}
.mk-onglet.on { background: #16855a !important; color: #fff !important; border-color: #16855a; }
.mk-grille { display: flex; flex-wrap: wrap; gap: .3em; }
.mk-sym {
	font: inherit; cursor: pointer; -webkit-appearance: none; appearance: none; text-shadow: none; width: 2.3em !important; height: 2.2em; padding: 0 !important; border-radius: .5em; border: 2px solid #d4ece0;
	background: #fff !important; color: #2d3a35 !important; font-size: 1.1em; letter-spacing: 0; text-transform: none; line-height: 1; display: inline-flex; align-items: center; justify-content: center; box-shadow: none;
}
.mk-sym:hover { background: #16855a !important; color: #fff !important; border-color: #16855a; }
.mk-sym.mk-large { width: auto !important; padding: 0 .9em !important; font-size: .95em; border-color: #5cc79a; color: #16855a !important; }
.mk-sym.mk-large:hover { color: #fff !important; }
.mk-aide { margin: .7em 0 0 0; font-size: .8em; color: #666; line-height: 1.5em; }
.mk-aide.alerte { color: #c0392b; }

/* Boutons de formules (onglet Formules des cartes mentales) */
.mk-sym.mk-formule { min-width: 4.2em; padding: .3em .6em; }
.mk-sym.mk-formule .katex { font-size: 1em; }
