.wallpaper-page .site-header { position: sticky; }
.month-library { padding: 58px 0 100px; }.month-grid { display: grid; grid-template-columns: repeat(5,minmax(180px,220px)); justify-content: center; gap: 22px; }.month-card { min-width: 0; overflow: hidden; border: 1px solid rgba(225,184,95,.48); border-radius: 22px; background: rgba(5,22,54,.76); box-shadow: var(--shadow); transition: transform .2s ease,border-color .2s ease; }.month-card:hover { transform: translateY(-5px); border-color: var(--gold-light); }.month-cover { aspect-ratio: 2/3; overflow: hidden; background: radial-gradient(circle at 50% 30%,rgba(106,157,248,.46),rgba(3,14,39,.92) 70%); }.month-cover img { width: 100%; height: 100%; object-fit: cover; object-position: center; }.month-placeholder { height: 100%; display: grid; place-items: center; align-content: center; gap: 8px; color: var(--gold-light); text-align: center; }.month-placeholder span { font: 500 clamp(1.2rem,2vw,1.8rem)/1.3 var(--font-heading); }.month-placeholder small { color: #dce6f7; }.month-card-copy { padding: 14px; }.month-card-copy h2 { margin: 0 0 4px; color: var(--gold-light); font: 500 20px/1.35 var(--font-heading); }.month-card-copy p { margin: 0 0 12px; color: #d6e0f0; font-size: 14px; line-height: 1.5; }.month-card-copy span { color: var(--gold-light); font-size: 14px; font-weight: 700; }
.wallpaper-month-page .month-detail { width: min(calc(100% - 40px),var(--max)); margin: auto; padding: 35px 0 100px; }.month-detail .detail-breadcrumb { margin-bottom: 22px; }.month-hero { display: grid; grid-template-columns: minmax(0,.7fr) minmax(0,1.3fr); gap: 35px; align-items: center; margin-bottom: 38px; }.month-hero-cover { position: relative; min-height: 270px; aspect-ratio: 3/4; overflow: hidden; border: 1px solid rgba(225,184,95,.58); border-radius: 24px; background: radial-gradient(circle at 50% 30%,#315ca7 0,#102653 42%,#030c23 100%); }.month-hero-cover img { width: 100%; height: 100%; object-fit: contain; }.month-hero-copy h1 { margin: 8px 0 10px; color: var(--gold-light); font-family: var(--font-heading); font-size: clamp(2rem,4vw,3.8rem); }.month-hero-copy p { color: #dce6f7; line-height: 1.75; }.cover-placeholder { position: absolute; inset: 0; display: grid; place-items: center; align-content: center; gap: 8px; color: var(--gold-light); text-align: center; }.cover-placeholder small { color: #dce6f7; }.zodiac-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; }.zodiac-card { min-width: 0; overflow: hidden; border: 1px solid rgba(225,184,95,.4); border-radius: 18px; background: rgba(5,22,54,.78); }.zodiac-image { aspect-ratio: 9/16; display: grid; place-items: center; overflow: hidden; background: rgba(3,14,39,.72); }.zodiac-image img { width: 100%; height: 100%; object-fit: contain; }.missing-wallpaper { padding: 14px; color: #dce6f7; text-align: center; }.zodiac-copy { padding: 14px; }.zodiac-copy h2 { margin: 0; color: var(--gold-light); font-family: var(--font-heading); font-size: 1.25rem; }.zodiac-copy p { margin: 3px 0 12px; color: #bfcde2; }.zodiac-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }.preview-button,.download-button { min-height: 40px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgba(225,184,95,.65); border-radius: 999px; background: rgba(3,11,32,.3); color: white; cursor: pointer; font: 700 .82rem/1.3 var(--font-body); }.download-button { background: linear-gradient(135deg,#f8dc8e,#d99d3f); color: #111b3b; }.missing-label { display: block; color: #cbd6eb; font-size: .85rem; }.wallpaper-lightbox { position: fixed; inset: 0; z-index: 300; display: grid; place-items: center; padding: 20px; background: rgba(1,8,24,.9); }.wallpaper-lightbox[hidden] { display: none; }.wallpaper-lightbox figure { position: relative; max-height: 92vh; margin: 0; }.wallpaper-lightbox img { display: block; max-width: min(90vw,520px); max-height: 88vh; object-fit: contain; }.lightbox-close { position: absolute; top: -42px; right: 0; border: 0; background: none; color: white; font-size: 2rem; cursor: pointer; }.lightbox-backdrop { position: absolute; inset: 0; border: 0; background: none; cursor: pointer; }
@media (max-width: 1200px) { .month-grid { grid-template-columns: repeat(4,minmax(180px,220px)); } }
@media (max-width: 900px) { .month-grid { grid-template-columns: repeat(3,minmax(180px,220px)); gap: 18px; }.zodiac-grid { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media (max-width: 600px) { .wallpaper-page main { width: min(calc(100% - 26px),var(--max)); }.month-library { padding: 38px 0 60px; }.month-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }.month-card-copy { padding: 14px; }.month-card-copy h2 { font-size: 20px; }.month-card-copy p { font-size: 14px !important; }.month-card-copy span { font-size: 14px; }.wallpaper-month-page .month-detail { width: min(calc(100% - 26px),var(--max)); padding-bottom: 60px; }.month-hero { grid-template-columns: 1fr; gap: 20px; }.month-hero-cover { min-height: 210px; }.zodiac-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }.zodiac-copy { padding: 10px; }.zodiac-copy h2 { font-size: 1.05rem; }.zodiac-copy p { font-size: .8rem !important; }.zodiac-actions { grid-template-columns: 1fr; gap: 6px; }.preview-button,.download-button { min-height: 38px; font-size: .75rem; } }
.wallpaper-page main { width: min(calc(100% - 40px), var(--max)); margin: auto; }
.wallpaper-page p, .wallpaper-page li, .wallpaper-page button, .wallpaper-page select, .wallpaper-page label { font-size: 1rem; }
.wallpaper-page h1, .wallpaper-page h2, .wallpaper-page h3, .wallpaper-page h4 { line-height: 1.45; overflow-wrap: anywhere; }
.wallpaper-page h1 { font-size: clamp(2.2rem, 5vw, 4.8rem); }
.page-kicker, .wallpaper-page .eyebrow { color: var(--gold); font-weight: 700; letter-spacing: .14em; }
.wallpaper-page-hero { min-height: 590px; padding: 110px 8% 80px; display: grid; place-items: center; text-align: center; border-bottom: 1px solid rgba(225,184,95,.32); }
.wallpaper-page-hero p { max-width: 790px; color: #dce6f7; line-height: 1.75; }
.wallpaper-hero-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; margin: 25px 0 18px; }
.energy-note { color: var(--gold-light); font-weight: 600; }
.wallpaper-tabs-section { padding: 50px 0 90px; }
.wallpaper-tabs { display: flex; justify-content: center; gap: 10px; margin-bottom: 38px; }
.wallpaper-tab { border: 1px solid var(--gold); border-radius: 999px; background: rgba(4,17,46,.55); color: white; padding: 12px 24px; cursor: pointer; font-weight: 700; }
.wallpaper-tab.active, .wallpaper-tab:hover { background: linear-gradient(135deg,#f8dc8e,#d99d3f); color: #111b3b; }
.wallpaper-tab-panel[hidden] { display: none; }
.wallpaper-section-heading { display: flex; justify-content: space-between; align-items: end; gap: 28px; margin-bottom: 25px; }
.wallpaper-section-heading h2, .personal-panel h2 { color: var(--gold-light); font-size: clamp(1.8rem, 3.5vw, 3rem); margin: 5px 0; }
.wallpaper-section-heading p { color: #d5e0f2; margin: 0; }
.wallpaper-filters { display: flex; gap: 10px; flex-wrap: wrap; align-items: end; }
.wallpaper-filters label { display: grid; gap: 5px; color: #dbe5f5; font-size: .9rem; }
.wallpaper-filters select, .wallpaper-filters button { min-height: 42px; border: 1px solid rgba(225,184,95,.48); border-radius: 10px; background: rgba(3,18,50,.72); color: white; padding: 8px 12px; }
.series-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 20px; }
.series-card { display: flex; min-width: 0; flex-direction: column; overflow: hidden; border: 1px solid rgba(225,184,95,.4); border-radius: 20px; background: rgba(5,22,54,.72); box-shadow: var(--shadow); }
.series-card-cover { aspect-ratio: 16 / 9; display: grid; place-items: center; padding: 22px; background: radial-gradient(circle at 50% 30%,rgba(106,157,248,.46),rgba(3,14,39,.92) 70%); color: var(--gold-light); text-align: center; }
.series-card-cover span { display: block; font: 700 clamp(1rem,2vw,1.55rem)/1.3 var(--font-heading); letter-spacing: .08em; }.series-card-cover small { display: block; margin-top: 8px; color: #dce6f7; font: 400 .85rem/1.5 var(--font-body); }
.series-card-body { display: flex; flex: 1; min-width: 0; flex-direction: column; padding: 20px; }.series-card-body h3 { color: var(--gold-light); margin: 0 0 3px; font-size: clamp(1.15rem,2vw,1.45rem); }.series-card-body p { color: #d6e0f0; line-height: 1.6; margin: 4px 0 15px; }.series-period { color: #b9c9e3; font-size: .9rem !important; }.series-status { width: fit-content; margin-bottom: 14px; padding: 5px 11px; border-radius: 999px; background: rgba(225,184,95,.14); color: var(--gold-light); font-size: .9rem !important; font-weight: 700; }.series-card-actions { display: flex; gap: 8px; flex-wrap: wrap; margin-top: auto; }.series-card-actions .btn { flex: 1 1 140px; min-height: 44px; padding: 8px 14px; font-size: .9rem; }.series-card-actions .btn[aria-disabled="true"] { cursor: not-allowed; opacity: .6; }
.personal-panel { max-width: 820px; margin: auto; padding: 60px 8%; border: 1px solid rgba(225,184,95,.45); border-radius: 24px; background: rgba(4,20,50,.72); text-align: center; }.personal-panel p { color: #dce6f7; line-height: 1.75; }
.series-detail { padding: 28px 0 90px; }.detail-breadcrumb { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; color: #c8d6eb; margin-bottom: 30px; }.detail-breadcrumb a { color: var(--gold-light); }
.series-cover { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,.9fr); gap: 40px; align-items: center; margin-bottom: 70px; }.series-cover-placeholder { aspect-ratio: 16 / 9; display: grid; place-items: center; align-content: center; gap: 8px; padding: 30px; border: 1px solid rgba(225,184,95,.6); border-radius: 24px; background: radial-gradient(circle at 50% 35%,#315ca7 0, #102653 42%,#030c23 100%); box-shadow: var(--shadow); color: var(--gold-light); text-align: center; }.series-cover-placeholder span { font: 700 clamp(1.2rem,3vw,2.4rem)/1.3 var(--font-heading); letter-spacing: .1em; }.series-cover-placeholder b { font: 700 clamp(1rem,2vw,1.35rem)/1.4 var(--font-body); }.series-cover-placeholder small { color: #dce6f7; }.series-cover-copy h1 { color: var(--gold-light); margin: 8px 0; }.series-cover-copy h2 { color: white; font-family: var(--font-body); font-size: clamp(1.15rem,2vw,1.6rem); font-weight: 600; }.series-concept { color: #dce6f7; line-height: 1.8; }.series-concept strong { color: var(--gold-light); font-size: 1.3rem; }.status-pill { display: inline-block; padding: 7px 15px; border-radius: 999px; background: rgba(225,184,95,.16); color: var(--gold-light); font-weight: 700; }
.article-section { margin: 0 auto 60px; padding: 38px clamp(22px,5vw,70px); border: 1px solid rgba(225,184,95,.28); border-radius: 24px; background: rgba(4,20,50,.7); }.article-heading { margin-bottom: 20px; }.article-heading h2, .two-column-article h2, .personal-section h2 { color: var(--gold-light); font-size: clamp(1.7rem,3.2vw,2.8rem); margin: 5px 0 12px; }.article-section > p, .article-section li, .article-section blockquote { color: #dce6f7; line-height: 1.7; }.article-section blockquote { margin: 28px 0 0; padding: 20px 24px; border-left: 3px solid var(--gold); background: rgba(225,184,95,.08); color: var(--gold-light); font-weight: 600; }
.energy-pillar-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; margin-top: 28px; }.energy-pillar-grid article { min-width: 0; padding: 22px; border: 1px solid rgba(225,184,95,.32); border-radius: 18px; background: rgba(12,43,91,.55); }.energy-pillar-grid article > span { color: var(--gold); font-weight: 700; }.energy-pillar-grid h3 { color: var(--gold-light); font-size: clamp(1.1rem,2vw,1.45rem); margin: 12px 0 2px; }.energy-pillar-grid h4 { margin: 0 0 12px; color: white; font-family: var(--font-body); font-size: 1rem; }.energy-pillar-grid p { color: #dce6f7; line-height: 1.65; }.energy-pillar-grid b, .energy-pillar-grid small { display: block; }.energy-pillar-grid b { color: var(--gold-light); }.energy-pillar-grid small { margin-top: 4px; color: #becce2; line-height: 1.6; }
.two-column-article { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,.9fr); gap: 34px; }.info-card, .comparison-card { min-width: 0; padding: 24px; border: 1px solid rgba(225,184,95,.35); border-radius: 18px; background: rgba(12,43,91,.55); }.info-card h3, .comparison-card h3 { color: var(--gold-light); margin-top: 0; }.info-card li { margin: 10px 0; }.numbered-cards { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; padding: 0; list-style: none; }.numbered-cards li { min-width: 0; padding: 22px; border: 1px solid rgba(225,184,95,.32); border-radius: 18px; background: rgba(12,43,91,.55); }.numbered-cards strong, .ritual-list strong { color: var(--gold-light); }.ritual-list { display: grid; gap: 14px; padding-left: 25px; }.ritual-list li { padding-left: 8px; }.secret-key { color: var(--gold-light) !important; }
.zodiac-wallpaper-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }.zodiac-card { min-width: 0; overflow: hidden; border: 1px solid rgba(225,184,95,.36); border-radius: 16px; background: rgba(12,43,91,.62); }.zodiac-preview { aspect-ratio: 9 / 16; display: grid; place-items: center; padding: 14px; background: radial-gradient(circle at 50% 35%,rgba(73,135,222,.5),rgba(3,12,34,.95) 72%); color: var(--gold-light); text-align: center; }.zodiac-preview span { font: 700 clamp(.8rem,1.5vw,1.15rem)/1.4 var(--font-heading); letter-spacing: .05em; }.zodiac-body { padding: 14px; }.zodiac-body h3 { color: var(--gold-light); font-size: clamp(1rem,1.6vw,1.25rem); margin: 0 0 4px; }.zodiac-body p { margin: 3px 0; color: #dce6f7; line-height: 1.55; }.zodiac-keyword { color: var(--gold-light) !important; font-weight: 700; letter-spacing: .1em; }.zodiac-actions { display: grid; gap: 7px; margin-top: 12px; }.zodiac-actions button { min-height: 40px; border: 1px solid rgba(225,184,95,.5); border-radius: 9px; background: rgba(3,18,50,.6); color: white; font-size: .9rem !important; cursor: pointer; }.zodiac-actions button:disabled { cursor: not-allowed; opacity: .62; }.prepare-button { display: flex; margin: 28px auto 0; opacity: .7; cursor: not-allowed; }
.personal-section { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 30px; align-items: start; }.comparison-card > div { padding: 15px 0; border-top: 1px solid rgba(225,184,95,.25); }.comparison-card strong { color: var(--gold-light); }.comparison-card p { margin: 6px 0; color: #dce6f7; line-height: 1.55; }.order-section { text-align: center; }.order-cards { text-align: left; grid-template-columns: repeat(4,minmax(0,1fr)); }.order-section > .btn { margin-top: 22px; }
@media (max-width: 900px) { .wallpaper-section-heading, .series-cover, .two-column-article, .personal-section { grid-template-columns: 1fr; display: grid; align-items: stretch; }.series-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.energy-pillar-grid, .order-cards { grid-template-columns: repeat(2,minmax(0,1fr)); }.wallpaper-section-heading { display: flex; align-items: start; flex-direction: column; }.zodiac-wallpaper-grid { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media (max-width: 600px) { .wallpaper-page main { width: min(calc(100% - 28px),var(--max)); }.wallpaper-page-hero { min-height: 520px; padding: 75px 8% 55px; }.wallpaper-page-hero p { text-align: left; }.wallpaper-hero-actions, .wallpaper-tabs { flex-direction: column; }.wallpaper-hero-actions .btn, .wallpaper-tab { width: 100%; }.series-grid { grid-template-columns: 1fr; }.wallpaper-filters { width: 100%; display: grid; grid-template-columns: 1fr 1fr; }.wallpaper-filters label, .wallpaper-filters select, .wallpaper-filters button { min-width: 0; width: 100%; }.wallpaper-filters button { grid-column: 1/-1; }.series-detail { padding-top: 18px; }.series-cover { gap: 25px; margin-bottom: 42px; }.article-section { padding: 25px 18px; margin-bottom: 30px; }.energy-pillar-grid, .numbered-cards, .order-cards { grid-template-columns: 1fr; }.zodiac-wallpaper-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }.zodiac-body { padding: 11px; }.zodiac-body p { font-size: .92rem !important; }.series-cover-copy h1 { font-size: clamp(2rem,10vw,3rem); }.wallpaper-tabs-section { padding-top: 30px; } }

/* Wallpaper detail pages use a bright reading surface from the breadcrumb down. */
body.wallpaper-month-page {
  background: #EDF2F7;
  color: #13213D;
}

body.wallpaper-month-page::before {
  display: none;
}

.wallpaper-month-page .month-detail,
.wallpaper-month-page .month-hero,
.wallpaper-month-page .month-detail > section {
  background: #EDF2F7;
}

.wallpaper-month-page .detail-breadcrumb {
  color: #526078;
}

.wallpaper-month-page .detail-breadcrumb a {
  color: #245487;
}

.wallpaper-month-page .detail-breadcrumb strong,
.wallpaper-month-page .month-hero-copy h1,
.wallpaper-month-page .wallpaper-section-heading {
  color: #13213D;
}

.wallpaper-month-page .month-hero-copy p {
  color: #526078;
}

.wallpaper-month-page .month-hero-cover {
  background: #FFFFFF;
  border-color: #B9C9D9;
  box-shadow: 0 8px 22px rgba(47,76,109,.1);
}

.wallpaper-month-page .month-hero-cover img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #FFFFFF;
}

.wallpaper-month-page .cover-placeholder,
.wallpaper-month-page .missing-wallpaper,
.wallpaper-month-page .missing-label {
  display: none !important;
}

.wallpaper-month-page .zodiac-card {
  background: #FFFFFF;
  border-color: #B9C9D9;
  box-shadow: 0 8px 22px rgba(47,76,109,.08);
}

.wallpaper-month-page .zodiac-image {
  background: #FFFFFF;
}

.wallpaper-month-page .zodiac-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #FFFFFF;
}

.wallpaper-month-page .zodiac-copy h2 {
  color: #13213D;
}

.wallpaper-month-page .zodiac-copy p {
  color: #526078;
}

.wallpaper-month-page .preview-button {
  background: #FFFFFF;
  border-color: #B9C9D9;
  color: #245487;
}

.wallpaper-month-page .download-button {
  background: #245487;
  border-color: #245487;
  color: #FFFFFF;
}

.wallpaper-month-page .month-hero-cover::before,
.wallpaper-month-page .month-hero-cover::after,
.wallpaper-month-page .zodiac-image::before,
.wallpaper-month-page .zodiac-image::after {
  display: none;
  content: none;
}

/* The showcase PNG stays transparent and never receives a solid panel or shadow. */
#wallpapers .wallpaper-showcase-image {
  grid-column: 2;
  grid-row: 1;
  background: transparent;
  box-shadow: none;
}

#wallpapers .wallpaper-showcase-image img {
  display: block;
  width: 100%;
  max-width: 620px;
  height: auto;
  object-fit: contain;
  background: transparent;
  box-shadow: none;
}

#wallpapers .wallpaper-copy {
  grid-column: 1;
  grid-row: 1;
}

#wallpapers .energy-panel {
  grid-column: 1 / -1;
  grid-row: 2;
}

@media (max-width: 768px) {
  #wallpapers .wallpaper-copy,
  #wallpapers .wallpaper-showcase-image,
  #wallpapers .energy-panel {
    grid-column: auto;
    grid-row: auto;
  }

  #wallpapers .wallpaper-showcase-image {
    order: 2;
  }
}

/* Shared wallpaper guide on month detail pages. */
body.wallpaper-month-page .wallpaper-principles {
  width: min(100%, 1180px);
  margin: 0 auto 44px;
  padding: 28px;
  background: #EDF2F7;
  color: #13213D;
}

body.wallpaper-month-page .wallpaper-principles-heading h2,
body.wallpaper-month-page .wallpaper-info-card > summary,
body.wallpaper-month-page .wallpaper-info-subsection > summary {
  font-family: var(--font-body);
  color: #13213D;
  word-break: keep-all;
  overflow-wrap: normal;
}

body.wallpaper-month-page .wallpaper-principles-heading h2 { font-size: clamp(27px, 3vw, 32px); }
body.wallpaper-month-page .wallpaper-info-card,
body.wallpaper-month-page .wallpaper-info-subsection { background: #F8FAFD; border-color: #B9C9D9; }
body.wallpaper-month-page .wallpaper-info-body p,
body.wallpaper-month-page .wallpaper-info-body li,
body.wallpaper-month-page .wallpaper-principles-heading p { color: #13213D; }
body.wallpaper-month-page .wallpaper-info-card > summary::after,
body.wallpaper-month-page .wallpaper-info-subsection > summary::after { color: #C99B45; }

@media (max-width: 768px) {
  body.wallpaper-month-page .wallpaper-principles { margin-bottom: 32px; padding: 18px 14px; }
  body.wallpaper-month-page .wallpaper-principles-grid { grid-template-columns: 1fr; }
  body.wallpaper-month-page .wallpaper-info-card { padding: 18px 16px; }
  body.wallpaper-month-page .wallpaper-principles-heading h2 { font-size: 30px; }
}

/* ============================================================
   Month energy banner (Sun in Virgo etc.)
   ============================================================ */
.month-energy-banner {
  margin-top: 20px;
  padding: 18px 22px;
  background: linear-gradient(135deg,#1e3a6a,#0d2247);
  border: 1px solid rgba(225,184,95,.45);
  border-radius: 16px;
  color: #dce6f7;
}
.month-energy-sign {
  font-size: .72rem; letter-spacing: .18em;
  color: #f5c842; font-weight: 700; margin: 0 0 4px;
}
.month-energy-title {
  font-size: 1rem; font-weight: 700;
  color: #fff; margin: 0 0 4px;
}
.month-energy-period {
  font-size: .78rem; color: #a8bcd8; margin: 0 0 10px;
}
.month-energy-desc {
  font-size: .84rem; line-height: 1.7; color: #dce6f7; margin: 0;
}

/* Light theme for month-energy-banner */
body.wallpaper-month-page .month-energy-banner {
  background: #1e3a6a;
  color: #dce6f7;
}

/* ============================================================
   Zodiac meaning text
   ============================================================ */
.zodiac-meaning {
  font-size: .78rem; line-height: 1.65;
  color: #bfcde2; margin: 6px 0 10px;
}
body.wallpaper-month-page .zodiac-meaning {
  color: #3a5070;
}
body.wallpaper-month-page .zodiac-en {
  color: #5a7a9a;
}

/* ============================================================
   Light-theme overrides for zodiac card text
   ============================================================ */
body.wallpaper-month-page .zodiac-card {
  background: #fff;
  border-color: #b9c9d9;
  box-shadow: 0 4px 16px rgba(47,76,109,.08);
}
body.wallpaper-month-page .zodiac-copy h2 {
  color: #13213d;
}
body.wallpaper-month-page .zodiac-copy p {
  color: #3d5a78;
}
body.wallpaper-month-page .preview-button {
  border-color: #b9c9d9;
  background: #f0f5fb;
  color: #13213d;
}
body.wallpaper-month-page .preview-button:hover {
  background: #dce6f5;
}
body.wallpaper-month-page .download-button {
  background: linear-gradient(135deg,#c49a3c,#a07830);
  color: #fff;
}

/* Guide section on listing page */
#wallpaper-guide-mount .wallpaper-principles {
  width: min(calc(100% - 40px), var(--max));
  margin: 0 auto 60px;
}

/* ── Restore zodiac-actions layout on month detail pages ── */
body.wallpaper-month-page .month-selector {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  margin: 0 0 32px;
}
body.wallpaper-month-page .month-links {
  position: relative;
  display: flex;
  flex: 1;
  min-width: 0;
  gap: 8px;
  overflow-x: auto;
  padding: 4px 3px 10px;
}
body.wallpaper-month-page .month-links a {
  flex: 0 0 auto;
  white-space: nowrap;
  padding: 12px 16px;
  border: 1px solid #B9C9D9;
  border-radius: 999px;
  background: #FFFFFF;
  color: #245487;
  text-decoration: none;
}
body.wallpaper-month-page .month-links a[aria-current="page"] {
  background: #245487;
  border-color: #245487;
  color: #FFFFFF;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 4px;
}
body.wallpaper-month-page .month-scroll {
  flex: 0 0 44px;
  min-height: 44px;
  border: 1px solid #B9C9D9;
  border-radius: 50%;
  background: #FFFFFF;
  color: #245487;
  cursor: pointer;
}
body.wallpaper-month-page .month-scroll:disabled {
  color: #65758B;
  background: #E1E8F0;
  cursor: default;
}
body.wallpaper-month-page .month-selector :focus-visible,
body.wallpaper-month-page .zodiac-actions :focus-visible {
  outline: 2px solid #245487;
  outline-offset: 2px;
}
body.wallpaper-month-page .zodiac-actions {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  margin-top: 12px;
}
body.wallpaper-month-page .preview-button,
body.wallpaper-month-page .download-button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  min-width: 0;
  padding: 10px 6px;
  text-align: center;
  white-space: normal;
  overflow-wrap: anywhere;
  border-radius: 999px;
  font: 700 .82rem/1.3 var(--font-body);
  cursor: pointer;
}
body.wallpaper-month-page .preview-button {
  background: #F0F5FB;
  border: 1px solid #B9C9D9;
  color: #245487;
}
body.wallpaper-month-page .download-button {
  background: linear-gradient(135deg,#c49a3c,#a07830);
  border: 1px solid #a07830;
  color: #fff;
  text-decoration: none;
}