/* Tiên Giới Truyện 3D V15.72.5 — polish banner & homepage copy
   Only the home page: non-destructive overrides for the V15.72.4 spotlight.
   A whole banner must stay visible, including text and people at the edges. */
body.tg722-home-active .tg724-spotlight .tg723-spotlight-card {
  min-height:0!important;
  height:auto;
  overflow:hidden;
  border:1px solid rgba(234,194,110,.29);
  background:linear-gradient(180deg,#151218,#0c0d12);
}
body.tg722-home-active .tg724-spotlight .tg723-banner-frame {
  position:relative;
  box-sizing:border-box;
  display:block;
  width:100%;
  aspect-ratio:16/5;
  min-height:0;
  padding:0;
  overflow:hidden;
  border-radius:16px 16px 0 0;
  border:1px solid rgba(236,193,99,.15);
  background:radial-gradient(circle at 50% 45%,#34271e 0%,#121116 68%,#08090e 100%);
}
body.tg722-home-active .tg724-spotlight .tg723-banner-frame .tg723-banner-image {
  position:absolute!important;
  inset:8px!important;
  display:block!important;
  width:calc(100% - 16px)!important;
  height:calc(100% - 16px)!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
  filter:none!important;
  border-radius:10px;
  background:transparent!important;
}
/* Portrait covers used as fallback must also remain uncut. */
body.tg722-home-active .tg724-spotlight .tg723-spotlight-cover .tg723-banner-frame {
  aspect-ratio:16/8;
}
body.tg722-home-active .tg724-spotlight .tg723-spotlight-body {
  min-height:0;
  gap:10px;
  padding:15px 17px 16px;
}
body.tg722-home-active .tg724-spotlight .tg723-spotlight-body h2 {
  overflow-wrap:anywhere;
  font-size:clamp(18px,1.6vw,23px);
  line-height:1.25;
}
body.tg722-home-active .tg724-spotlight .tg723-spotlight-body p {
  font-size:clamp(12px,.9vw,14px);
  line-height:1.55;
}
body.tg722-home-active .tg72-home-copy>p {
  max-width:700px;
  line-height:1.65;
  font-size:clamp(14px,1.06vw,16px);
  color:#e6d9c1;
  text-wrap:pretty;
}
body.tg722-home-active .tg72-home-quick {
  align-items:stretch;
}
body.tg722-home-active .tg72-home-quick .tg72-quick-card {
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:15px;
  gap:4px;
}
body.tg722-home-active .tg72-home-quick .tg72-quick-card strong {
  color:#fff2d2;
  font-size:clamp(15px,1.1vw,18px);
}
body.tg722-home-active .tg72-home-quick .tg72-quick-card span {
  color:#d8c6a7;
  font-size:clamp(12px,.9vw,14px);
  line-height:1.5;
  overflow-wrap:anywhere;
}
body.tg722-home-active .tg72-home-quick .tg72-quick-card:hover,
body.tg722-home-active .tg72-home-quick .tg72-quick-card:focus-visible {
  border-color:rgba(241,200,120,.52);
  background:linear-gradient(180deg,#252018,#151319);
  outline:none;
}
@media(max-width:690px){
 body.tg722-home-active .tg724-spotlight .tg723-banner-frame {border-radius:12px 12px 0 0}
 body.tg722-home-active .tg724-spotlight .tg723-banner-frame .tg723-banner-image {
   inset:4px!important;
   width:calc(100% - 8px)!important;
   height:calc(100% - 8px)!important;
   border-radius:7px;
 }
 body.tg722-home-active .tg72-home-copy>p{font-size:14px;line-height:1.6}
 body.tg722-home-active .tg72-home-quick .tg72-quick-card{padding:13px}
}
@media(prefers-reduced-motion:reduce){
 body.tg722-home-active .tg72-home-quick .tg72-quick-card{transition:none}
}