/* Self-promotion card for the Rekha iPhone game. Static CSS only.
   The theme restyles every .entry-content p / a with very specific selectors, so the
   card's own text and button rules use !important to stay the same on every page. */
.f1lu-promo{
  box-sizing:border-box;
  display:flex;
  align-items:center;
  gap:1rem;
  clear:both;
  margin:2rem 0;
  padding:1rem;
  min-height:92px;
  color:inherit;
  border:1px solid color-mix(in srgb,currentColor 22%,transparent);
  border-radius:10px;
}
.f1lu-promo--home{max-width:1200px;margin:2rem auto}
.f1lu-promo .f1lu-promo__icon{
  flex:0 0 56px;
  width:56px;
  height:56px;
  margin:0;
  border-radius:13px;
  display:block;
}
.f1lu-promo__body{flex:1 1 auto;min-width:0}
.f1lu-promo .f1lu-promo__body p{margin:0!important;padding:0!important;color:inherit!important;font-family:inherit!important}
.f1lu-promo .f1lu-promo__body .f1lu-promo__label{
  font-size:.7rem!important;
  line-height:1.2!important;
  letter-spacing:.08em;
  text-transform:uppercase!important;
  opacity:.6;
}
.f1lu-promo .f1lu-promo__body .f1lu-promo__title{font-size:1.05rem!important;font-weight:700!important;line-height:1.3!important;margin-top:.15rem!important}
.f1lu-promo .f1lu-promo__body .f1lu-promo__text{font-size:.9rem!important;line-height:1.45!important;margin-top:.2rem!important;opacity:.85}
.f1lu-promo .f1lu-promo__body .f1lu-promo__cta{margin-top:.6rem!important}
.f1lu-promo.f1lu-promo.f1lu-promo.f1lu-promo.f1lu-promo.f1lu-promo.f1lu-promo .f1lu-promo__cta a{
  display:inline-block!important;
  padding:.45rem .9rem!important;
  /* A gradient, not background-color: /f1lu-fix.js rewrites any light background-color it finds in dark mode. */
  background-color:transparent!important;
  background-image:linear-gradient(#ffcd2a,#ffcd2a)!important;
  color:#04194e!important;
  border:0!important;
  border-radius:6px!important;
  font-size:.85rem!important;
  font-weight:700!important;
  line-height:1.3!important;
  text-decoration:none!important;
  box-shadow:none!important;
}
.f1lu-promo.f1lu-promo.f1lu-promo.f1lu-promo.f1lu-promo.f1lu-promo.f1lu-promo .f1lu-promo__cta a:hover,
.f1lu-promo.f1lu-promo.f1lu-promo.f1lu-promo.f1lu-promo.f1lu-promo.f1lu-promo .f1lu-promo__cta a:focus-visible{text-decoration:underline!important;color:#04194e!important}
@media (max-width:599px){
  .f1lu-promo{flex-direction:column;align-items:flex-start;gap:.75rem;min-height:200px}
}