:root{--ivory:#F7F4EE;--line:#DDD5C7;--ink:#171A15;--ink-soft:#4B5146;--green:#5FA631;--green-ink:#3B7520;--green-deep:#1E3A14}
*{box-sizing:border-box}
body{margin:0;background:var(--ivory);color:var(--ink);font-family:"Manrope",system-ui,sans-serif;font-size:17px;line-height:1.65}
a{color:var(--green-ink)}
h1,h2{font-family:"Bodoni Moda",Georgia,serif;font-weight:400;line-height:1.1}
.top{border-bottom:1px solid var(--line);background:#fff}
.top div{max-width:860px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between}
.top img{height:30px;width:auto}
.top a.back{text-decoration:none;font-weight:700;font-size:15px}
main{max-width:860px;margin:0 auto;padding:56px 24px 80px}
.todo{background:#FFF3B0;outline:1.5px dashed #C9A100;border-radius:4px;padding:0 4px}
.note{background:#FFF8D6;border:1.5px dashed #C9A100;border-radius:12px;padding:14px 18px;font-size:15px;margin:14px 0}
.btn{display:inline-flex;align-items:center;min-height:52px;padding:0 26px;border-radius:999px;background:var(--green-ink);color:#fff;text-decoration:none;font-weight:700;margin-top:28px}
.btn:hover{background:var(--green-deep)}
section{padding:28px 0;border-top:1px solid var(--line)}
footer{text-align:center;font-size:13px;color:var(--ink-soft);padding:0 24px 40px}