/* Full illustrations with readable labels; preserve the established card proportions. */
#route-day:not([hidden]) .daily-visual .mini-card,
#route-day .mini-card-face { border-radius: 16px; }
#route-day .mini-card-face::before,
#route-day .mini-card-face::after { border-radius: inherit; }
#route-day .mini-card-face-back { background: #1a110d url('./assets/card-back.svg') center / 100% 100% no-repeat; }
.daily-draw-fan .draw-card,
.daily-draw-fan .draw-card-front,
.daily-draw-fan .draw-card-back { border-radius: 14px; }
.daily-draw-fan .draw-card-mark { border-radius: 8px; }
#route-reading .rd-card-face { border-radius: 14px; overflow: hidden; }
#route-reading .rd-result-art { border-radius: 16px; overflow: hidden; }
#route-day .mini-card-face-front::after {
  content: ""; display: block; position: absolute; inset: 40% 0 0; z-index: 0;
  background: linear-gradient(180deg, transparent 0%, rgba(20,13,8,.2) 40%, rgba(20,13,8,.9) 100%);
  pointer-events: none;
}
#route-day .mini-card-face-front .mini-card-title {
  display: block;
  position: absolute;
  z-index: 1;
  top: auto;
  bottom: 28px;
  left: 12px;
  width: calc(100% - 24px);
  padding: 0;
  background: none;
  font: 500 clamp(22px, 2.2vw, 34px)/1.15 var(--accent);
  color: #fff0ce;
  text-align: center;
  text-shadow: 0 2px 12px rgba(0,0,0,.45);
}
#route-day .mini-card-face-front .mini-card-footer {
  display: block;
  position: absolute;
  z-index: 1;
  top: 16px;
  bottom: auto;
  right: 16px;
  left: auto;
  width: auto;
  padding: 5px 8px;
  background: rgba(20,13,8,.65);
  font: 500 11px/1.3 var(--body);
  letter-spacing: .04em;
  color: #fff0ce;
  text-align: center;
  text-shadow: none;
}
.draw-card-front .draw-card-mark { filter: none; }
#route-day .mini-card-face-front::before { filter: none; }
.draw-disclaimer { max-width: 48ch; }
.natal-feature:focus-visible { outline: 2px solid var(--gold-light); outline-offset: 8px; }
@media (max-width: 767px) {
  #route-home .daily-draw-copy { min-width: 0; }
  #route-day .forecast-visual.daily-visual, #route-day .day-card-scene { width: min(64vw,248px); }
  #route-day .day-card-scene { height: calc(min(64vw,248px) * 1.5); }
  #route-day .mini-card-face-front .mini-card-title { font-size: 30px; }
  #route-day .mini-card-face-front .mini-card-title { bottom: 24px; }
}
@media (max-width: 1023px) {
  .site-shell :is(#route-day, #route-week) .forecast-hero.section-wrap { height: auto; padding-bottom: 100px; }
  .site-shell :is(#route-day, #route-week) .unlock-section { padding-bottom: 64px; }
  :is(#route-day, #route-week) .unlock-section .button { min-width: 0; max-width: 100%; padding-inline: 24px; gap: 18px; white-space: normal; }
}