@font-face{font-family:"Kalam";font-weight:700;font-display:swap;src:url(fonts/kalam-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Alegreya Sans";font-weight:400;font-display:swap;src:url(fonts/alegreya-sans-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Alegreya Sans";font-weight:700;font-display:swap;src:url(fonts/alegreya-sans-latin-700-normal.woff2) format("woff2")}
:root{--papel:#F4F2E9;--grafito:#2F2E2B;--suave:#615E57;--linea:#C7D2D4;--enlace:#4E3F7A;color-scheme:light}
@media (prefers-color-scheme:dark){:root{--papel:#1C1D1A;--grafito:#ECE9DF;--suave:#A9A69C;--linea:#34393A;--enlace:#B4A6E6;color-scheme:dark}}
*{box-sizing:border-box}
body{margin:0;background:var(--papel);color:var(--grafito);font:1.0625rem/1.65 "Alegreya Sans",system-ui,sans-serif}
main{max-width:720px;margin:0 auto;padding:40px 16px 64px}
a{color:var(--enlace)}
.back{display:inline-block;margin-bottom:28px;font-weight:700;text-decoration:none}
h1,h2{font-family:"Kalam",cursive;line-height:1.15;margin:0}
h1{font-size:2.4rem;margin-bottom:8px}
h2{font-size:1.45rem;margin:36px 0 10px}
p,ul{margin:0 0 12px}
ul{padding-left:1.2em}
.meta{color:var(--suave);font-size:.95rem}
dl{display:grid;grid-template-columns:max-content 1fr;gap:6px 18px;margin:0}
dt{font-weight:700}dd{margin:0}
@media (max-width:520px){dl{grid-template-columns:1fr}dd{margin-bottom:8px}}
footer{border-top:1px solid var(--linea);margin-top:40px;padding-top:16px;color:var(--suave);font-size:.92rem}