@font-face{font-family:"Newsreader";font-style:normal;font-weight:400;font-display:swap;
  src:url("assets/newsreader-normal-400.woff2") format("woff2")}
:root{--paper:#FBF8F3;--ink:#15120F;--soft:#6E665C;--hair:#DFD7CA;--terra:#B25A32;color-scheme:light}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--paper);color:var(--ink);font-size:17px;line-height:1.68;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased}
.wrap{max-width:720px;margin:0 auto;padding:46px 26px 90px}
.back{font-size:14px;color:var(--soft);text-decoration:none;display:inline-block;margin-bottom:40px}
.back:hover{color:var(--ink)}
h1{font-family:"Newsreader",Georgia,serif;font-weight:400;font-size:clamp(32px,5vw,46px);
  line-height:1.1;letter-spacing:-.02em;margin-bottom:34px}
h2{font-family:"Newsreader",Georgia,serif;font-weight:400;font-size:25px;
  margin:44px 0 12px;letter-spacing:-.01em}
h3{font-size:17px;font-weight:700;margin:26px 0 6px}
p+p{margin-top:14px}
ul{margin:12px 0 12px 22px}
li{margin-bottom:7px}
a{color:var(--ink)}
.todo{background:#FBEFD8;border-left:3px solid var(--terra);padding:16px 20px;margin:18px 0;
  font-size:16px}
.todo b{display:block;margin-bottom:4px}
footer{margin-top:64px;padding-top:24px;border-top:1px solid var(--hair);font-size:14px;color:var(--soft)}