:root{--forest:#18352d;--evergreen:#102820;--ivory:#f5f2ea;--white:#faf9f6;--sand:#d9d0c1;--orange:#b65f3c;--charcoal:#242622;--muted:#5c5e58}
*{box-sizing:border-box}
body{margin:0;background:var(--ivory);color:var(--charcoal);font:16px/1.7 Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.wrap{width:min(760px,100% - 40px);margin-inline:auto}
header{border-bottom:1px solid var(--sand)}
header .wrap{display:flex;justify-content:space-between;align-items:center;height:76px}
.mark{font:500 28px/1 "Cormorant Garamond",Georgia,serif;letter-spacing:.02em;color:var(--charcoal);text-decoration:none}
.back{font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--orange);text-decoration:none}
main{padding-block:56px 80px}
.draft{background:var(--white);border:1px dashed var(--orange);padding:16px 20px;font-size:14px;margin:0 0 40px}
.eyebrow{font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;margin:0 0 12px}
h1{font:400 clamp(38px,6vw,56px)/1.05 "Cormorant Garamond",Georgia,serif;margin:0}
h2{font:500 26px/1.2 "Cormorant Garamond",Georgia,serif;margin:40px 0 8px}
.meta{color:var(--muted);font-size:14px;margin:16px 0 0}
ul{padding-left:20px;margin:0}li{margin:6px 0;color:var(--muted)}
.todo{color:var(--orange);font-weight:500}
footer{background:var(--evergreen);color:var(--ivory);font-size:13px;padding-block:28px}
a:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
p{margin:0 0 14px;color:var(--charcoal)}
.lead{font-size:17px;color:var(--charcoal);margin:28px 0 8px}
main a{color:var(--orange);text-underline-offset:3px}
ul{margin:0 0 14px}
footer a{color:var(--ivory);opacity:.85;text-decoration:none}
footer a:hover{opacity:1}
footer .sep{opacity:.5;margin:0 8px}
@media (max-width:600px){h2{font-size:23px;margin-top:32px}.lead{font-size:16px}}