*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#1a1a1a;background:#faf9f7;line-height:1.7;padding:2rem 1rem}
.container{max-width:700px;margin:0 auto}
h1{font-size:1.5rem;margin-bottom:1.5rem;color:#8b0000}
h2{font-size:1.15rem;margin:1.8rem 0 0.6rem;color:#333}
p{margin-bottom:0.8rem;font-size:0.95rem}
a{color:#8b0000;text-decoration:none}
a:hover{text-decoration:underline}
.back{display:inline-block;margin-top:2rem;font-size:0.9rem}
hr{border:none;border-top:1px solid #ddd;margin:1.5rem 0}
/* Skip-link accesibilidad (misma estética que styles.css) */
.skip-link{position:absolute;top:-60px;left:0;background:#111;color:#fff;padding:.8rem 1.4rem;z-index:9999;font-size:.8rem;transition:top .2s;text-decoration:none}
.skip-link:focus{top:0}
.upd{font-size:.85rem;color:#666;margin-top:1.5rem}
/* Landmarks: cabecera, navegación y pie coherentes con el resto del sitio */
.al-header{max-width:700px;margin:0 auto 1.6rem;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem 1.2rem;padding-bottom:.9rem;border-bottom:1px solid #ddd}
.al-brand{font-weight:600;font-size:1rem;color:#1a1a1a}
.al-nav{display:flex;flex-wrap:wrap;gap:1rem;font-size:.9rem}
.al-footer{max-width:700px;margin:2.5rem auto 0;padding-top:1rem;border-top:1px solid #ddd;font-size:.85rem;color:#555}
.al-footer p{margin-bottom:.3rem;font-size:.85rem}