:root { --grafito:#0F172A; --grafito-2:#1E293B; --ambar:#F59E0B; --borde:#64748B; --fondo:#F1F5F9; --claro:#E2E8F0; }
* { box-sizing:border-box; margin:0; padding:0; }
body { font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; background:var(--fondo); color:#1E293B; line-height:1.7; }
.wrap { max-width:820px; margin:0 auto; padding:0 20px; }
.top { background:var(--grafito); padding:24px 0; }
.top .wrap { display:flex; align-items:center; justify-content:space-between; }
.top img { height:44px; }
.top a { color:var(--claro); text-decoration:none; font-size:14px; }
.top a:hover { color:var(--ambar); }
main { background:white; margin:32px auto; border-radius:12px; padding:48px 40px; box-shadow:0 2px 8px rgba(0,0,0,.08); }
h1 { font-size:30px; color:var(--grafito); margin-bottom:8px; }
.updated { font-size:13px; color:var(--borde); margin-bottom:32px; }
h2 { font-size:19px; color:var(--grafito); margin:28px 0 10px; }
p, li { font-size:15px; color:#334155; margin-bottom:10px; }
ul { padding-left:22px; }
.note { background:#FEF3C7; border-left:4px solid var(--ambar); padding:14px 16px; border-radius:6px; font-size:14px; margin:20px 0; }
footer { text-align:center; padding:24px; font-size:13px; color:var(--borde); }
@media (max-width:640px){ main{ padding:28px 20px; } h1{ font-size:24px; } }