/* The Moon calendar's year page (products/astro/site/moon-year.ts: its page links this after /site.css): the year's table
   of new and full Moons, each Moon on its own line with its name and an eclipse as small tags. Kept out of /site.css,
   which every page loads. */
.moon-year th, .moon-year td { width: auto; vertical-align: top; padding-right: .75rem; }
.moon-year .ym { display: block; }
.moon-year .ym + .ym { margin-top: .45rem; }
.ym-name, .ym-eclipse { display: inline-block; margin: .2rem 0 0 .35rem; padding: .1rem .55rem; border-radius: 999px; font-size: .8125rem; font-weight: 600; line-height: 1.5; }
.ym-name { background: var(--stone); color: var(--accent); }
.ym-eclipse { background: var(--night); color: var(--peach); }
/* On a phone the three columns share 358px: smaller type, and a long time or tag wraps inside its cell. */
@media (max-width: 600px) { .moon-year { font-size: .875rem; } .moon-year th, .moon-year td { padding-right: .5rem; overflow-wrap: anywhere; } }

/* A whole year on one page (products/astro/site/moon-year-view.ts) and the eclipse and calendar pages' lists; on paper the year page drops the frame (2026-10-30: "moon phase calendar 2027 printable"). */
.ym-month { margin: 1.25rem 0; break-inside: avoid; }
.ym-month h3 { margin: 0 0 .25rem; }
.moon-year-view th, .moon-year-view td { width: auto; padding-block: .5rem; }
.moon-year-view td .ym-name, .moon-year-view td .ym-eclipse { margin-left: .25rem; }
.eclipse-places, .eclipse-signs, .calendar-lines { padding-left: 1.1rem; }
.calendar-lines li { margin-bottom: .2rem; }
@media print {
  .nav, .site-footer, .cta, aside.sources, aside.method, .more-links, .crumb { display: none; }
  .ym-name, .ym-eclipse { background: none; color: inherit; padding: 0; font-weight: 400; }
  .moon-year-view th, .moon-year-view td { padding-block: .15rem; }
}