.astrocalendar-title{font-weight:bold;margin-bottom:8px}

.astrocalendar-month{
width:160px;
}

.astrocalendar-modal h3 {
margin: 0;
  font-family: var(--mainfont);
  text-transform: lowercase;
  color: var(--golden);
  font-size: 20px;
}

.astrocalendar-months {
display: flex;
  gap: 15px;
}

.astrocalendar-month h4 {
margin: 0px;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--golden);
}

.astrocalendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}

.astrocalendar-weekday {
font-size: 9px;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
}

.astrocalendar-day {
cursor: default;
  position: relative;
  text-align: center;
}
.astrocalendar-day.has-items{cursor:pointer;box-shadow:inset 0 0 0 1px rgba(80,70,120,.22)}

.astrocalendar-daynum{
font-size: 11px;
  font-weight: bold;
  padding: 3px;
}
.astrocalendar-moon{
position: absolute;
  z-index: 2;
  left: 6px;
  top: -8px;
}
.astrocalendar-pill{display:block;margin-top:3px;padding:2px 4px;border-radius:4px;font-size:10px;line-height:1.2;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.astrocalendar-popup{display:none;position:fixed;z-index:99999;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.45)}.astrocalendar-popup.is-open{display:flex;align-items:center;justify-content:center}

.astrocalendar-modal{
width: min(620px,92vw);
  max-height: 82vh;
  overflow: auto;
  background: var(--accent1);
  padding: 18px;
}

.astrocalendar-close{float:right;border:0;background:#333;color:#fff;border-radius:50%;width:26px;height:26px;cursor:pointer}

.astrocalendar-entry{
border-left: 3px solid #777;
    border-left-color: rgb(119, 119, 119);
  margin: 12px 0;
  padding: 8px 10px;
}

.astrocalendar-entry h4{margin:0 0 6px}.astrocalendar-desc{line-height:1.5}.astrocalendar-empty{opacity:.55}@media(max-width:700px){.astrocalendar-months{grid-template-columns:1fr}.astrocalendar-day{min-height:44px}.astrocalendar-pill{display:none}}