@font-face{font-family:"Roboto";font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/roboto-latin.woff2) format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:500 600;font-display:swap;src:url(../fonts/cormorant-garamond-latin.woff2) format("woff2")}
:root{color-scheme:light;--cream:#F3E8E2;--paper:#FBF6F2;--orange:#F59A0B;--olive:#4F5E25;--ink:#1F1D1B;--ink-2:#4A4643;--muted:#7A726C;--charcoal:#3A3937;--line:#E3A84A}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--paper);color:var(--ink);font:16px/1.65 "Roboto",system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}
header{background:var(--cream);border-bottom:3px solid var(--line)}
header .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:14px;padding-bottom:14px}
header img{height:42px;width:auto;display:block}
header a.back{color:var(--olive);font-size:15px;text-decoration:none}
.wrap{max-width:820px;margin:0 auto;padding:0 20px}
main{padding:40px 0 64px}
h1{font:600 clamp(34px,6vw,48px)/1.1 "Cormorant Garamond",Georgia,serif;margin-bottom:24px}
h2{font:600 26px/1.2 "Cormorant Garamond",Georgia,serif;margin:34px 0 10px}
h3{font-size:17px;margin:22px 0 6px}
p,ul{margin-bottom:12px;color:var(--ink-2)}
ul{padding-left:22px}
li{margin-bottom:4px}
a{color:var(--olive);word-break:break-word}
.todo{background:#FFF1B8;border-bottom:2px solid #E0B400;padding:0 3px;color:#5C4A00}
footer{background:var(--charcoal);color:#CFC8C2;font-size:14px;padding:24px 0 32px}
footer a{color:inherit;margin-right:18px;display:inline-block;padding:6px 0}
