/* «¿Cuándo es mejor para…?» (js/mejor-momento.js), dentro de un plegable .sfold de la vista sencilla. Colores del tema. */
.mm-acts{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px;margin:2px 0 10px;min-width:0}
.mm-acts button{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:44px;padding:6px;border:1px solid var(--line);border-radius:8px;background:var(--field);color:var(--text);font:inherit;font-size:13px;line-height:1.2;text-align:center;cursor:pointer;overflow-wrap:anywhere}
.mm-acts button span{font-size:18px;line-height:1;flex:none}
.mm-acts button:hover{border-color:var(--line-strong);background:var(--hover)}
.mm-acts button[aria-pressed="true"]{border-color:var(--cyan);color:var(--cyan);font-weight:600;box-shadow:inset 0 0 0 1px var(--cyan)}
.mm-acts button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
.mm-res{min-width:0;overflow-wrap:anywhere}
.mm-res p{margin:6px 0}
.mm-best{font-size:15px}
.mm-best.t-ok{color:var(--green)}.mm-best.t-bad{color:var(--red)}.mm-best.t-warn{color:var(--amber)}.mm-best.t-info{color:var(--cyan)}
.mm-why,.mm-alt,.mm-note{font-size:13px;color:var(--text2)}
.mm-res[aria-busy="true"]{opacity:.55}
@media(max-width:720px){.mm-acts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:no-preference){.mm-acts button{transition:background .15s,border-color .15s}}