/* Lune's touches on top of the Aster Hills site styles (/css/site.css). */
.lune { --rose: #B0475E; --rose-soft: #F8DDE2; --blush: #FBEFF1; }
.lune em { font-style: normal; color: var(--rose); }

.lune-crumb { display: flex; flex-wrap: wrap; gap: 6px 10px; font-size: 15px; font-weight: 700; color: var(--muted); }
.lune-crumb a { text-decoration: none; }
.lune-crumb a:hover { color: var(--rose); }
.lune-crumb span[aria-current] { color: var(--rose); }

.app-hero .coming { display: inline-flex; align-items: center; gap: 10px; min-height: 54px; padding: 0 26px; border-radius: 999px; background: var(--ink); color: #fff; font-weight: 700; font-size: 17px; }
.app-hero .coming svg { flex: 0 0 auto; }

.page-hero.lune-hero .wrap { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; padding-top: clamp(16px, 3vw, 40px); }
.page-hero.lune-hero h1 { padding-top: 12px; max-width: 760px; }
.page-hero.lune-hero .lead { margin-top: 18px; }
.page-hero.lune-hero .meta { margin-top: 12px; font-size: 15px; color: var(--muted); }
.page-hero.lune-hero img { flex: 0 0 auto; width: clamp(96px, 15vw, 180px); height: auto; margin-bottom: -8px; }

.prose .toc { background: #fff; border-radius: 22px; padding: 20px 24px 10px; box-shadow: inset 0 0 0 1px var(--line); margin: 10px 0 18px; }
.prose .toc h2 { margin-top: 0; }
.prose .toc ol { columns: 2; column-gap: 28px; }
.prose .toc li { break-inside: avoid; margin-bottom: 4px; }
.prose .note { background: var(--blush); border-radius: 22px; padding: 18px 22px; margin: 18px 0; }
.prose a { color: var(--rose); text-underline-offset: 3px; }
.prose .table-wrap table { min-width: 560px; }

@media (max-width: 600px) {
  .page-hero.lune-hero .wrap { flex-direction: column-reverse; align-items: flex-start; }
  .page-hero.lune-hero img { width: 92px; margin: 0; }
  .prose .toc ol { columns: 1; }
}

.app-hero a.coming { text-decoration: none; }
.app-hero a.coming:hover { color: #fff; background: #34314A; }