/* Lunar New Year standard banner: the plain card inside the lacquer frame
   (skin/home.css draws the frame and the image layouts). Without an image
   the card is rice paper with a strip of the banner's hue down its leading
   edge, a gold thread beside it, and its picture standing in a moon window
   of gold light. */
html body .ln-bnr.bpc-card { height: auto; }
html body .ln-bnr .bpc-accent-strip {
  width: 10px;
  background: linear-gradient(90deg, var(--ln-acc, var(--h1)) 0 7px, #e3ac48 7px 8.5px, transparent 8.5px) !important;
}
html[dir="rtl"] body .ln-bnr .bpc-accent-strip { background: linear-gradient(270deg, var(--ln-acc, var(--h1)) 0 7px, #e3ac48 7px 8.5px, transparent 8.5px) !important; }
html body .ln-bnr .bpc-headline { font-size: clamp(1.2rem, 2.6vw, 1.9rem); color: var(--ink); }
html body .ln-bnr .bpc-image-col { background: transparent; border-inline-start: 0; }
html body .ln-bnr .bpc-image-wash { opacity: 1 !important; background: radial-gradient(circle at 50% 50%, #fff6dc 0 30%, #f9e2a6 44%, color-mix(in srgb, #f1c768 70%, var(--ln-acc, var(--h1))) 55%, transparent 55.6%) !important; }
html.dark body .ln-bnr .bpc-image-wash { background: radial-gradient(circle at 50% 50%, #fff2d2 0 30%, #f4cd7c 44%, #c98a1f 55%, transparent 55.6%) !important; }
html body .ln-bnr .bpc-hero { position: relative; z-index: 1; }

/* The homepage banners keep Editorial's frame: the slide's full width, at
   least 172px tall on phones, 200px from 640px and 224px from 1024px,
   growing only when a banner's text needs the room. The theme's own frame
   and art sit inside that box rather than adding to it. */
.homeBannerSwiper .swiper-slide > * { width: 100% !important; max-width: none !important; margin-inline: 0 !important; height: auto !important; min-height: 172px !important; aspect-ratio: auto !important; box-sizing: border-box !important; }
.homeBannerSwiper .swiper-slide > :not([data-bnr-card]) { display: flex !important; flex-direction: column !important; }
.homeBannerSwiper .swiper-slide > :not([data-bnr-card]) > [data-bnr-card] { flex: 1 1 auto !important; min-height: 0 !important; height: auto !important; }
@media (min-width: 640px) { .homeBannerSwiper .swiper-slide > * { min-height: 200px !important; } }
@media (min-width: 1024px) { .homeBannerSwiper .swiper-slide > * { min-height: 224px !important; } }