/* blog/blog.css, shared by every blog post. */
:root{
  --paper:#F7F5F1; --paper-raised:#FFFFFF; --ink:#2B2A28; --ink-soft:#6B695F;
  --sage:#6B8068; --sage-deep:#54695A; --sage-tint:#F0F3EF; --blue:#5C7A8A; --line:#E7E3D6; --radius:14px;
}
*{box-sizing:border-box;}
body{font-family:'Atkinson Hyperlegible',sans-serif;background:var(--paper);color:var(--ink);line-height:1.7;font-size:18px;margin:0;}
a{color:var(--blue);}
.wrap{max-width:620px;margin:0 auto;padding:0 24px 80px;}
header{display:flex;justify-content:space-between;align-items:center;max-width:620px;margin:0 auto;padding:20px 24px;}
.logo{font-weight:700;font-size:1.1rem;color:var(--ink);text-decoration:none;}
.logo span{color:var(--sage-deep);}
.back{color:var(--ink-soft);text-decoration:none;font-size:0.9rem;}
.tag{display:inline-block;font-size:0.76rem;font-weight:700;color:var(--sage-deep);background:var(--sage-tint);padding:3px 10px;border-radius:20px;margin-top:20px;}
h1{font-size:1.75rem;line-height:1.3;margin:12px 0 10px;}
.meta{color:var(--ink-soft);font-size:0.88rem;margin-bottom:28px;}
h2{font-size:1.2rem;margin-top:38px;margin-bottom:12px;}
p{margin:0 0 18px;}
ul,ol{margin:0 0 18px;padding-left:22px;}
li{margin-bottom:8px;}
.callout{background:var(--sage-tint);border-left:3px solid var(--sage);border-radius:0 10px 10px 0;padding:16px 18px;margin:26px 0;font-size:0.95rem;}
.sources{border-top:1px solid var(--line);margin-top:40px;padding-top:18px;font-size:0.88rem;color:var(--ink-soft);}
.sources ul{padding-left:18px;}
.cta-box{background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius);padding:26px;margin-top:36px;text-align:center;}
.cta-box h3{margin:0 0 8px;font-size:1.1rem;}
.cta-box p{color:var(--ink-soft);font-size:0.95rem;}
.cta-btn{display:inline-block;background:var(--sage-deep);color:#fff;text-decoration:none;font-weight:700;padding:12px 22px;border-radius:8px;}
.disclaimer{font-size:0.8rem;color:var(--ink-soft);margin-top:28px;}

/* Calm on phones: comfortable tap areas and nothing too small to read */
.back,.logo{display:inline-block;padding:12px 0;}
.meta,.sources,.disclaimer{font-size:0.9rem;}
.cta-btn{min-height:50px;padding:14px 24px;}

/* Glossary and budget guide (glossary.html, what-can-i-spend-it-on.html) */
.jump-list{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px;}
.jump-list a{font-size:0.88rem;text-decoration:none;background:var(--paper-raised);border:1px solid var(--line);border-radius:20px;padding:8px 12px;color:var(--ink);}
.jump-list a:hover{border-color:var(--sage);}
.term{scroll-margin-top:16px;}
.term-source{font-size:0.86rem;color:var(--ink-soft);}
/* Short, clearly labelled scope notices (e.g. Thriving Kids) */
.notice{background:#FBF3DE;border:1px solid #F1E3BD;border-radius:10px;padding:16px 18px;margin:26px 0;font-size:0.95rem;}
.notice-label{display:block;font-size:0.78rem;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;color:#7A5A12;margin-bottom:6px;}
h3{font-size:1.05rem;margin:28px 0 10px;}
h2[id]{scroll-margin-top:16px;}

/* The small link to the plan review checklist (plan-review.html), at the end of each post */
.checklist-link{margin:28px 0 0;font-size:0.95rem;}
.checklist-link a{color:#54695A;font-weight:700;}