/* PageSpeed: dispositivo, «Medir ahora», ▲▼ y «Qué mejorar». Colores de los tokens del mando. */
.psi-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:14px}
.psi-seg{display:inline-flex;background:var(--papel);border-radius:12px;padding:3px;gap:3px}
.psi-seg button{min-height:44px;padding:0 14px;border:0;border-radius:10px;background:transparent;font:inherit;font-weight:600;font-size:.9375rem;color:var(--tinta-2);cursor:pointer}
.psi-seg button small{font-weight:500;font-size:.75rem;opacity:.8}
.psi-seg button[aria-pressed="true"]{background:var(--tarjeta);color:var(--tinta);box-shadow:0 1px 3px rgba(0,0,0,.12)}
.psi-run{display:flex;align-items:center;gap:8px}
.psi-run select{min-height:44px;border:1px solid var(--linea);border-radius:12px;background:var(--tarjeta);font:inherit;font-size:.9375rem;padding:0 10px}
.psi-run .ayuda-btn{margin:0 -8px 0 -6px}
.psi-msg{margin:10px 0 0;font-size:.9375rem;color:var(--tinta-2);min-height:1.2em}
.psi-msg:empty{display:none}
.gauge b .dl,.metric b .dl{font-family:inherit;font-size:.8125rem;font-weight:700;margin-left:6px;vertical-align:middle}
.dl.up{color:var(--ok)}.dl.down{color:var(--err)}.dl.eq{color:var(--neutro)}
.psi-mej-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
#psiTodo h4 small{font-family:inherit;font-weight:600;font-size:.8125rem;color:var(--tinta-2);margin-left:4px}
.mej-list{display:flex;flex-direction:column;gap:6px}
.mej{border-radius:12px;background:var(--papel);border-left:4px solid var(--warn)}
.mej.b{border-left-color:var(--err)}
.mej summary{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:10px 14px;cursor:pointer;list-style:none;font-size:.9375rem}
.mej summary::-webkit-details-marker{display:none}
.mej summary::after{content:"›";font-size:1.25rem;color:var(--tinta-2);transition:transform .15s}
.mej[open] summary::after{transform:rotate(90deg)}
.mej-t{flex:1;min-width:0}
.mej-t em{font-style:normal;color:var(--tinta-2);font-weight:600;margin-left:4px}
.mej-a{flex:none;font-size:.875rem;font-weight:700;color:var(--tinta);background:var(--tarjeta);border-radius:999px;padding:3px 10px;white-space:nowrap}
.mej-b{padding:0 14px 14px;font-size:.9375rem;line-height:1.5}
.mej-b p{margin:0 0 10px}
.mej-hacer{background:var(--tarjeta);border-radius:10px;padding:10px 12px}
.mej-d{color:var(--tinta-2)}
.mej-d a{color:inherit;text-decoration:underline}
.mej-b code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8125rem;background:var(--tarjeta);border-radius:6px;padding:1px 5px;overflow-wrap:anywhere}
.mej-eh{font-weight:700;font-size:.875rem;margin-top:4px}
.mej-els{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:6px}
.mej-els li{display:flex;flex-direction:column;gap:3px;background:var(--tarjeta);border-radius:10px;padding:8px 10px;font-size:.875rem;min-width:0}
.mej-els .u{overflow-wrap:anywhere;color:var(--tinta)}
.mej-els .l{color:var(--tinta-2);white-space:pre-line}
.mej-els em{font-style:normal;font-weight:600;color:var(--tinta-2)}
@media (max-width:560px){.psi-bar{flex-direction:column;align-items:stretch}.psi-seg{display:flex}.psi-seg button{flex:1}.psi-run select{flex:1}}