:root{
  --ink: #081209;
  --parchment: #ECE0C4;
  --parchment-dim: #D9C89F;
  --charcoal: #241E17;
  --gold: #C9A227;
  --moss: #7FA36B;
  --ivy: #3E5C34;
  --wine: #6E2A3A;
}
* { margin:0; padding:0; box-sizing:border-box; }
body{
  background: linear-gradient(180deg, #050B05 0%, #0D1B0E 45%, #142614 100%);
  font-family:'EB Garamond', serif;
  padding: 60px 20px 100px;
}
article{
  max-width:720px; margin:0 auto;
  background: linear-gradient(180deg, var(--parchment) 0%, var(--parchment-dim) 100%);
  color: var(--charcoal);
  padding: 50px 44px;
  position:relative;
  box-shadow: 0 30px 70px rgba(0,0,0,0.5);
}
article::before{ content:''; position:absolute; inset:10px; border:1px solid rgba(36,30,23,0.18); pointer-events:none; }
.meta{ font-family:'Cormorant Garamond', serif; font-style:italic; color: var(--wine); margin-bottom:14px; }
h1{ font-family:'Cinzel', serif; font-size:1.7rem; line-height:1.35; margin-bottom:26px; letter-spacing:0.01em; }
.post-content p{ font-size:1.05rem; line-height:1.8; margin-bottom:18px; }

/* Standard markdown h2/h3 from the rich-text editor take on the "day-entry" look
   automatically -- no custom HTML needed when writing a post. */
.post-content h2, .post-content h3{
  font-family:'Cinzel', serif; color: var(--wine); letter-spacing:0.01em;
  margin: 26px 0 8px; padding-top: 22px; border-top: 1px solid rgba(36,30,23,0.15);
}
.post-content h2:first-child, .post-content h3:first-child{ border-top:none; padding-top:6px; }
.post-content h2{ font-size:1.25rem; }
.post-content h3{ font-size:1.05rem; }
.post-content ul, .post-content ol{ margin: 0 0 18px 1.4rem; }
.post-content li{ font-size:1.05rem; line-height:1.7; margin-bottom:6px; }
.post-content blockquote{ font-style:italic; border-left:2px solid var(--wine); padding-left:16px; margin:18px 0; color:var(--wine); }
.post-content img{ max-width:100%; height:auto; margin: 20px 0; }

.closing{ margin-top: 30px; font-style:italic; }
.closing a{ color: var(--wine); }

.tags{ margin-top: 20px; display:flex; flex-wrap:wrap; gap:8px; }
.tag-pill{
  font-family:'Cormorant Garamond', serif; font-size:0.9rem; font-style:italic;
  color: var(--wine); border:1px solid var(--wine); border-radius:20px;
  padding: 3px 12px; text-decoration:none;
}
.tag-pill:hover{ background: var(--wine); color: var(--parchment); }

a.back{
  display:inline-block; margin-top:34px;
  font-family:'Cormorant Garamond', serif; font-style:italic;
  color: var(--charcoal); border-bottom:1px solid rgba(36,30,23,0.4); text-decoration:none;
}
a.back:hover{ color: var(--wine); border-color: var(--wine); }