body { font: 16px/1.45 system-ui, sans-serif; margin: 0; background: #111; color: #eee; }
main { max-width: 640px; margin: 0 auto; padding: 16px; }
h1 { font-size: 1.3rem; }
dt { margin-top: 12px; font-weight: 600; color: #aaa; }
dd { margin: 4px 0 0; white-space: pre-wrap; overflow-wrap: anywhere; }
pre { background: #1c1c1c; padding: 10px; border-radius: 6px; overflow-x: auto; white-space: pre-wrap; overflow-wrap: anywhere; font-size: .85rem; }
.estado { padding: 8px; border-radius: 6px; background: #222; }
.estado.mal { background: #4a1010; }
.estado.bien { background: #0f3a1a; }
.riesgo.alto { color: #ff7b7b; font-weight: 700; }
.riesgo.medio { color: #ffcf6b; }
.botones { display: flex; gap: 12px; margin: 20px 0; }
button { flex: 1; font-size: 1.05rem; padding: 14px; border: 0; border-radius: 8px; }
button.si { background: #2e7d32; color: #fff; }
button.no { background: #555; color: #fff; }
button:disabled { opacity: .4; }
.alerta { color: #ff7b7b; font-size: 1.05rem; }
button.cerrar { display: block; width: 100%; background: #b71c1c; color: #fff; font-size: 1.2rem; font-weight: 700; margin: 12px 0; }
#pasos li { margin: 10px 0; }
#pasos .cab { color: #aaa; font-size: .85rem; }
pre.cmd { background: #2a1010; border: 1px solid #6b2020; font-size: .95rem; color: #fff; }
code.grande { font-size: 1.4rem; letter-spacing: .08em; }