@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Cormorant Garamond:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;0,9..144,700;1,9..144,400;1,9..144,500&display=swap");
/* Ardently Annie blog: shared styles for every post.
   Link this AFTER each post's inline <style> block so these rules win:
     <link rel="stylesheet" href="blog.css" />
   Section dividers: short, centered, soft lake-to-sage line. */
article hr {
  display: block;
  width: 35%;
  max-width: 220px;
  height: 2px;
  margin: 2.5rem auto;
  border: 0;
  background: linear-gradient(90deg, transparent, #8E9E8F, #56695A, transparent);
}

/* In-post links (including the closing call to action) in the lake palette. */
article a { color: var(--lake-deep); }
article a:hover { color: var(--sage-deep); }
.cta a { font-weight: 650; }

/* MailerLite weekly update sign-up (plain form, no MailerLite CSS/JS) */
.ml-signup { margin:2.4rem 0 1.6rem; padding:1.5rem clamp(1.1rem,3.5vw,1.8rem); background:linear-gradient(160deg,#FAFAF7 0%,#FFFFFF 100%); border:1px solid rgba(47, 79, 122,.16); border-top:3px solid #56695A; border-radius:18px; box-shadow:0 10px 28px rgba(47, 79, 122,.07); font-family:var(--sans,system-ui,-apple-system,"Segoe UI",sans-serif); line-height:1.55; }
.ml-signup .ml-eyebrow { margin:0 0 .35rem; color:#2F4F7A; font-size:.74rem; font-weight:700; letter-spacing:.13em; text-transform:uppercase; }
.ml-signup .ml-heading { margin:0 0 .4rem; color:#2F4F7A; font-family:var(--serif,Georgia,"Times New Roman",serif); font-weight:500; font-size:clamp(1.3rem,2.6vw,1.65rem); line-height:1.2; letter-spacing:-.015em; }
.ml-signup .ml-line { margin:0 0 .9rem; color:#3A4654; font-size:.95rem; }
.ml-signup form { display:flex; flex-wrap:wrap; gap:.55rem; margin:0; }
.ml-signup input[type="text"], .ml-signup input[type="email"] { flex:1 1 11rem; min-width:0; padding:.72rem 1rem; border:1px solid rgba(47, 79, 122,.28); border-radius:999px; background:#fff; font:inherit; font-size:.95rem; color:#2F4F7A; }
.ml-signup input::placeholder { color:#3A4654; opacity:1; }
.ml-signup input:focus { outline:2px solid #8E9E8F; outline-offset:1px; border-color:#2F4F7A; }
.ml-signup button { flex:1 1 100%; display:inline-flex; align-items:center; justify-content:center; padding:.85rem 1.5rem; border:0; border-radius:999px; background:linear-gradient(165deg,#2F4F7A 0%,#2F4F7A 100%); color:#FFFFFF; font:inherit; font-size:.94rem; font-weight:600; letter-spacing:.02em; cursor:pointer; box-shadow:0 10px 28px rgba(47, 79, 122,.28); transition:transform .18s ease, box-shadow .22s ease; }
.ml-signup button:hover { background:linear-gradient(165deg,#2F4F7A 0%,#2F4F7A 100%); transform:translateY(-2px); }
.ml-signup button:disabled { opacity:.7; cursor:wait; transform:none; }
.ml-signup .ml-thanks { margin:0; color:#2F4F7A; font-family:Georgia,"Times New Roman",serif; font-size:1.1rem; }
.ml-signup .ml-sr { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.ml-signup.ml-compact { max-width:640px; margin:1.4rem 0 .4rem; padding:1.1rem 1.3rem; }
.ml-signup.ml-compact .ml-heading { font-size:1.25rem; }
.ml-signup.ml-compact .ml-line { margin-bottom:.7rem; font-size:.9rem; }
@media (min-width:700px) { .ml-signup.ml-compact button { flex:0 0 auto; } }

/* Site fonts for every post (loaded by the @import above, so new posts get them automatically) */
:root { --serif:"Cormorant Garamond",Georgia,"Times New Roman",serif; --sans:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif; }
body { font-family:var(--sans); }
h1, h2, h3, .signature, .ml-signup .ml-heading { font-family:var(--serif); }