:root{--ink: #2b211a;--paper: #fbf5ec;--crust: #b5652b;--line: #e8dccb}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,serif}main{max-width:640px;margin:0 auto;padding:56px 20px}h1{font-size:44px;line-height:1.1;margin:0 0 8px}header p{margin:0 0 40px;font-size:18px}article{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;border-top:1px solid var(--line)}h2{font-size:20px;margin:0 0 4px}article p{margin:0;opacity:.75}button{flex:none;background:var(--crust);color:#fff;border:0;border-radius:8px;padding:10px 16px;font:inherit;cursor:pointer}footer{margin-top:24px;padding-top:18px;border-top:1px solid var(--line);font-size:18px}