/* Astrology Serene — journal pages */
.post{max-width:74ch;margin:0 auto}
.post .hero{padding:20px 0 6px}
.post h2{font-size:clamp(24px,3.4vw,32px);color:var(--gold-bright);margin:44px 0 0;
  text-shadow:0 1px 16px rgba(233,205,148,.2)}
.post p{margin:18px 0 0}
.post em{font-style:italic;color:#f2ebe0}
.post a{color:var(--gold-bright);text-decoration:none;border-bottom:1px solid rgba(233,205,148,.3)}
.post a:hover{border-bottom-color:var(--gold)}
dl.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);
  border:1px solid var(--line);margin:30px 0 34px}
dl.facts div{background:rgba(24,16,30,.72);padding:16px 20px 18px}
dl.facts dt{font-family:"Cinzel",Georgia,serif;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--gold);margin:0 0 6px}
dl.facts dd{margin:0;font-size:17.5px;color:#f0e7db}
ul.bullets{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:13px}
ul.bullets li{position:relative;padding-left:28px}
ul.bullets li:before{content:"\2726";position:absolute;left:0;top:2px;color:var(--gold-dim);font-size:13px}
.related{max-width:74ch;margin:64px auto 0}
.related h2{font-size:26px;color:var(--gold-bright)}
.rl{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:20px}
.rl a{background:rgba(24,16,30,.7);padding:18px 22px;text-decoration:none;display:flex;
  justify-content:space-between;gap:20px;align-items:baseline;border:0;transition:background .3s}
.rl a:hover{background:rgba(40,26,48,.8)}
.rl .rl-name{color:#f6efe4;font-size:19px}
.rl .rl-note{color:var(--bone-dim);font-style:italic;font-size:16px;text-align:right}
.rl.compact{grid-template-columns:repeat(3,1fr);margin-top:16px}
.rl.compact a{display:block;font-size:17px;color:var(--bone);padding:14px 18px}
.rl.compact a:hover{color:var(--gold-bright)}
.post + .related + .band, .related + .band{max-width:74ch;margin-left:auto;margin-right:auto}
@media (max-width:900px){.rl.compact{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){
  dl.facts{grid-template-columns:1fr}
  .rl.compact{grid-template-columns:1fr}
  .rl a{flex-direction:column;gap:6px}
  .rl .rl-note{text-align:left}
}