:root{--ink:#3a2216;--ink-soft:#6b4c39;--gold:#a87c32;--rose:#a8505a;--cream:#f6eedd}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:"Cormorant Garamond",Georgia,serif;color:var(--ink);font-size:19px;line-height:1.6;
  background:var(--cream) url(assets/hartie.jpg) center/cover fixed}
.wrap{max-width:760px;margin:0 auto;padding:60px 22px 80px;background:rgba(251,246,234,.82)}
a{color:var(--rose)}
.back{font-family:"Cinzel",serif;font-size:.8rem;letter-spacing:.12em;text-decoration:none;color:var(--gold)}
h1{font-family:"Cinzel Decorative",serif;font-size:clamp(1.8rem,5vw,2.6rem);margin:22px 0 6px;line-height:1.15}
.upd{color:var(--ink-soft);font-style:italic;margin-bottom:30px}
h2{font-family:"Cinzel",serif;font-size:1.05rem;letter-spacing:.06em;color:#7a3a40;margin:30px 0 8px}
p,li{margin-bottom:10px}
ul{padding-left:22px}
.box{border:.6pt solid #8a6338;outline:.4pt solid #8a6338;outline-offset:3px;padding:16px 20px;margin:18px 0;background:rgba(176,136,82,.06)}
footer{margin-top:40px;font-size:.9rem;color:var(--ink-soft);text-align:center}
@media (max-width:640px){body{font-size:17.5px}.wrap{padding:40px 18px 60px}}