@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600&family=Karla:wght@400;600;700&display=swap');
:root{ --sage:#7A8D7C; --terracotta:#C1573C; --cream:#F7F4EF; --ink:#2E2C28; --ink-soft:#5C574F; --line:#E4DFD6; }
*{ box-sizing:border-box; }
body{ margin:0; font-family:'Karla',sans-serif; background:var(--cream); color:var(--ink); line-height:1.7; }
header{ padding:20px 24px; border-bottom:1px solid var(--line); }
.logo{ font-family:'Fraunces',serif; font-weight:700; font-size:19px; text-decoration:none; color:var(--ink); display:flex; align-items:center; gap:9px; }
.logo img{ height:30px; width:30px; object-fit:contain; border-radius:7px; background:var(--sage); padding:2px; }
main{ max-width:720px; margin:0 auto; padding:64px 24px 96px; }
h1{ font-family:'Fraunces',serif; font-size:32px; margin-bottom:32px; }
h2{ font-family:'Fraunces',serif; font-size:19px; margin:32px 0 10px; color:var(--sage); }
h3{ font-family:'Karla',sans-serif; font-weight:700; font-size:15.5px; margin:22px 0 6px; color:var(--ink); }
h4{ font-family:'Karla',sans-serif; font-weight:700; font-size:14px; margin:16px 0 4px; color:var(--ink-soft); }
p{ color:var(--ink-soft); margin-bottom:8px; }
ul{ color:var(--ink-soft); margin:0 0 8px; padding-left:20px; }
li{ margin-bottom:6px; }
a{ color:var(--terracotta); }
a.back{ display:inline-block; margin-bottom:28px; font-size:14px; color:var(--terracotta); font-weight:700; text-decoration:none; }
.note{
  margin-top:40px; padding:16px 18px; background:#fff; border:1.5px dashed #B2987F;
  border-radius:12px; font-size:13.5px; color:var(--ink-soft);
}