:root{
  --paper:#f5efe4;--paper-2:#ebe2d2;--ink:#2a2620;--ink-soft:#4a433a;
  --bronze:#8d7862;--bronze-dark:#6b5946;--night:#2c2620;--line:#cbbca4;
}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--paper);color:var(--ink);font:400 17px/1.65 "Source Sans 3",Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--bronze-dark)}
.wrap{max-width:820px;margin:0 auto;padding:0 24px}
.nav{background:var(--paper);border-bottom:1px solid var(--line)}
.nav .wrap{max-width:1180px;display:flex;align-items:center;justify-content:space-between;height:88px}
.nav img{height:64px;width:auto;display:block}
.nav .back{font-size:.85rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;text-decoration:none}
main{flex:1 0 auto;width:100%;padding:72px 24px 96px}
h1{font-family:"Playfair Display",Georgia,serif;font-weight:700;text-transform:uppercase;color:var(--bronze);font-size:clamp(2rem,5vw,3rem);line-height:1.1;margin:0 0 36px}
h2{font-family:"Playfair Display",Georgia,serif;font-weight:700;font-size:1.25rem;margin:40px 0 10px;color:var(--ink)}
h3{font-size:1rem;margin:24px 0 6px}
p,li{color:var(--ink-soft)}
p{margin:0 0 14px}
address{font-style:normal;color:var(--ink-soft);margin-bottom:14px}
mark.todo{background:#f3d27a;color:#3a2a00;padding:0 4px;border-radius:2px}
.note{background:var(--paper-2);border-left:3px solid var(--bronze);padding:14px 18px;margin:0 0 32px;font-size:.95rem}
footer{background:var(--night);color:#cfc4b3;padding:32px 0;font-size:.9rem}
footer .wrap{max-width:1180px;display:flex;gap:20px;flex-wrap:wrap;justify-content:space-between}
footer a{color:#cfc4b3;text-decoration:none}
footer a:hover{color:#fff}