/* ──────────────────────────────────────────────────────────────────
 * /css/financial-astrology.css — Money Weather checker (2026-08-22)
 * Rides on best-days.css / saturn-return.css / asteroids.css; only the
 * fa-specific dress lives here: lore motion, climate cards, the cycle
 * bar, the signing-calendar shadow tracks, and the disclaimer line.
 * ────────────────────────────────────────────────────────────────── */

/* ── Lore art motion ── */
.fa-page .fa-lore-scale       { transform-origin: 50px 20.6px; animation: faScaleSway 7s ease-in-out infinite; }
.fa-page .fa-lore-star1       { transform-origin: 70.3px 43.9px; animation: faTwinkle 3.2s ease-in-out infinite; }
.fa-page .fa-lore-star2       { transform-origin: 75.2px 45.8px; animation: faTwinkle 4.1s ease-in-out 1.1s infinite; }
.fa-page .fa-lore-sunrays     { transform-origin: 50px 50px; animation: faOrbit 40s linear infinite; }
/* Both planets orbit the SAME direction — Jupiter (inner, ~12 yr) faster
   than Saturn (outer, ~29 yr), in true proportion. */
.fa-page .fa-lore-jup         { transform-origin: 50px 50px; animation: faOrbit 30s linear infinite; }
.fa-page .fa-lore-sat         { transform-origin: 50px 50px; animation: faOrbit 74s linear infinite; }

@keyframes faScaleSway {
  0%, 100% { transform: rotate(-1.6deg); }
  50%      { transform: rotate(1.6deg); }
}
@keyframes faTwinkle {
  0%, 100% { opacity: 0.55; transform: scale(0.85); }
  50%      { opacity: 1;    transform: scale(1.12); }
}
@keyframes faOrbit {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
  .fa-page .fa-lore-scale, .fa-page .fa-lore-star1, .fa-page .fa-lore-star2,
  .fa-page .fa-lore-sunrays, .fa-page .fa-lore-jup, .fa-page .fa-lore-sat { animation: none; }
}

/* ── The Climate cards — illuminated vellum medallion cards ── */
.fa-climate-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.4rem;
  margin: 1.6rem 0 1.4rem;
}
@media (max-width: 720px) { .fa-climate-grid { grid-template-columns: 1fr; } }

.fa-climate-card {
  position: relative;
  text-align: center;
  background: linear-gradient(175deg, #FDF5E3, #F0DFC8);
  border: 1px solid #B89150;
  border-radius: 14px;
  padding: 1.6rem 1.6rem 1.5rem;
  box-shadow: inset 0 0 0 3px rgba(184, 145, 80, 0.14), 0 3px 12px rgba(74, 22, 32, 0.10);
}

.fa-climate-medal {
  width: 74px;
  height: 74px;
  margin: 0 auto 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1.5px solid #8E6E3A;
  box-shadow: inset 0 0 0 3px rgba(184, 145, 80, 0.25), 0 2px 8px rgba(74, 22, 32, 0.14);
}
.fa-climate-jup .fa-climate-medal {
  background: radial-gradient(circle at 34% 30%, #F4DFAE, #E2BC6C 58%, #C79B54);
}
.fa-climate-sat .fa-climate-medal {
  background: radial-gradient(circle at 34% 30%, #F2E4E0, #D9AFA3 58%, #B0766B);
}
.fa-climate-medal span {
  font-family: 'Segoe UI Symbol', 'Noto Sans Symbols', 'Apple Symbols', serif;
  font-size: 2.5rem;
  line-height: 1;
  color: #4A1620;
  text-shadow: 0 1px 0 rgba(251, 243, 220, 0.7);
}

.fa-climate-eyebrow {
  font-family: Cinzel, Georgia, serif;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #75592A;
  margin-bottom: 0.35rem;
}
.fa-climate-name {
  font-family: Cinzel, Georgia, serif;
  font-weight: 700;
  font-size: 1.32rem;
  letter-spacing: 0.04em;
  color: #4A1620;
}
.fa-climate-name em {
  font-family: Italianno, cursive;
  font-style: normal;
  font-size: 2.5rem;
  line-height: 1;
  color: #6B1F2C;
  vertical-align: -0.1em;
}
.fa-climate-pos {
  font-family: 'EB Garamond', Georgia, serif;
  font-weight: 600;
  font-size: 1.18rem;
  color: #6B1F2C;
  margin: 0.25rem 0 0;
}
.fa-rx {
  font-style: italic;
  color: #9C4453;
}
.fa-climate-rule {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  margin: 0.75rem auto 0.75rem;
  max-width: 220px;
  color: #B89150;
  font-size: 0.8rem;
}
.fa-climate-rule::before, .fa-climate-rule::after {
  content: '';
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, transparent, #B89150);
}
.fa-climate-rule::after { background: linear-gradient(90deg, #B89150, transparent); }
.fa-climate-text {
  font-family: 'EB Garamond', Georgia, serif;
  font-size: 1.24rem;
  line-height: 1.55;
  color: #2D1F38;
  margin: 0;
}

/* ── The cycle bar ── */
.fa-cycle-card {
  background: #FBF3DC;
  border: 1px solid #D9C08F;
  border-radius: 14px;
  padding: 1.4rem 1.6rem 1.3rem;
  margin-bottom: 0.6rem;
  box-shadow: 0 2px 10px rgba(74, 22, 32, 0.06);
}
.fa-cycle-head {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 0.7rem;
}
.fa-cycle-title {
  font-family: Cinzel, Georgia, serif;
  font-weight: 700;
  font-size: 1.18rem;
  letter-spacing: 0.06em;
  color: #4A1620;
}
.fa-cycle-phase {
  font-family: Italianno, cursive;
  font-size: 2.7rem;
  line-height: 1;
  color: #6B1F2C;
}
.fa-cycle-bar {
  height: 12px;
  border-radius: 999px;
  background: #F1E3C2;
  border: 1px solid #D9C08F;
  overflow: hidden;
}
.fa-cycle-fill {
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, #B89150, #D4AC68 60%, #E2BC6C);
  box-shadow: inset 0 0 4px rgba(74, 22, 32, 0.25);
}
.fa-cycle-ends {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  font-family: 'EB Garamond', Georgia, serif;
  font-weight: 600;
  font-size: 1.12rem;
  color: #6B1F2C;
  margin: 0.45rem 0 0.8rem;
}

/* ── The signing calendar ── */
.fa-clear-banner {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  background: linear-gradient(135deg, #F7EBCB, #FBF3DC);
  border: 1px solid #B89150;
  border-radius: 12px;
  padding: 1rem 1.3rem;
  margin: 1.4rem 0 1.2rem;
  font-family: 'EB Garamond', Georgia, serif;
  font-size: 1.12rem;
  color: #2D1F38;
  box-shadow: 0 2px 10px rgba(184, 145, 80, 0.15);
}
.fa-clear-banner strong { color: #6B1F2C; }
.fa-clear-mark {
  color: #B89150;
  font-size: 1.3rem;
  line-height: 1;
}

/* Window rows wear the Saturn-Return vellum dress (Michael 8/22) */
.fa-page .fa-window-row {
  background: linear-gradient(175deg, #FDF5E3, #F0DFC8);
  border: 1px solid #B89150;
  border-radius: 12px;
  box-shadow: inset 0 0 0 3px rgba(184, 145, 80, 0.14), 0 3px 12px rgba(74, 22, 32, 0.10);
}
.fa-window-row .ast-row-pos strong { color: #6B1F2C; }

.fa-shadow-track {
  display: flex;
  height: 9px;
  border-radius: 999px;
  overflow: hidden;
  border: 1px solid #D9C08F;
  margin: 0.55rem 0 0.3rem;
}
.fa-seg-pre   { flex: 2;  background: repeating-linear-gradient(45deg, #EBD9AE, #EBD9AE 4px, #F5EAD0 4px, #F5EAD0 8px); }
.fa-seg-retro { flex: 3;  background: linear-gradient(90deg, #9C4453, #6B1F2C); }
.fa-seg-post  { flex: 2;  background: repeating-linear-gradient(45deg, #EBD9AE, #EBD9AE 4px, #F5EAD0 4px, #F5EAD0 8px); }

.fa-shadow-dates {
  display: flex;
  justify-content: space-between;
  gap: 0.6rem;
  flex-wrap: wrap;
  font-family: 'EB Garamond', Georgia, serif;
  font-style: italic;
  font-weight: 600;
  font-size: 1.16rem;
  color: #8E6E3A;
}
.fa-shadow-dates span:nth-child(2) { color: #9C4453; }

/* ── Disclaimer ── */
.fa-disclaimer {
  margin: 1.6rem auto 0;
  max-width: 620px;
  text-align: center;
  font-family: 'EB Garamond', Georgia, serif;
  font-style: italic;
  font-size: 0.95rem;
  line-height: 1.55;
  color: #8E6E3A;
}