:root{--verde:#0b3d30;--crema:#f7f4ea;--papel:#fffdf6;--texto:#173a2e;--suave:#667566;--linea:#dcdcc6;--oro:#c9a94f}
*{box-sizing:border-box}
body{margin:0;background:var(--crema);color:var(--texto);font:16px/1.7 "Segoe UI",system-ui,sans-serif}
header{background:var(--verde);color:#f8f4e4;padding:18px max(16px,6vw)}header a{color:inherit;text-decoration:none;font:400 20px Georgia,serif}
main{max-width:760px;margin:0 auto;padding:36px max(16px,4vw) 60px}
h1{font:400 clamp(30px,5vw,42px)/1.15 Georgia,serif;margin:0 0 8px;text-wrap:balance}
h2{font:400 22px Georgia,serif;margin:34px 0 6px;color:var(--verde)}
p,li{max-width:68ch}
.borrador{background:#fdf0c9;border:1px solid #e9d38a;border-radius:12px;padding:12px 16px;font-size:14px}
.regla{border-left:4px solid var(--oro);background:var(--papel);padding:12px 16px;border-radius:0 10px 10px 0}
.hueco{background:#f3e6c4;padding:0 4px;border-radius:4px}
footer{max-width:760px;margin:0 auto;padding:0 max(16px,4vw) 40px;font-size:13px;color:var(--suave)}footer a{color:var(--verde)}