/* SoulType Quick Result Banner v1.0 — scoped styles only. */
.stq-ad,.stq-ad *{box-sizing:border-box}
.stq-ad{position:relative;isolation:isolate;overflow:hidden;border-radius:15px;border:1px solid rgba(183,149,125,.28);background:#f0dfcf;color:#302723;box-shadow:0 13px 31px rgba(85,57,43,.08);font-family:Inter,-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif}
.stq-ad--banner{width:100%;min-height:200px;margin:3px 0 29px}
.stq-ad__media,.stq-ad__media picture,.stq-ad__media img{position:absolute;inset:0;display:block;width:100%;height:100%}
.stq-ad__media img{object-fit:cover;object-position:center 47%;}
.stq-ad::before{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(252,242,229,.99) 0%,rgba(252,242,229,.97) 33%,rgba(252,242,229,.66) 52%,rgba(252,242,229,.10) 78%,transparent 100%)}
.stq-ad__content{position:relative;z-index:2;max-width:67%;padding:21px 28px 22px}
.stq-ad__label{display:inline-flex;align-items:center;width:max-content;border-radius:50px;background:#ab826a;color:#fff;font-size:11px;font-weight:600;line-height:1.4;padding:4px 11px;letter-spacing:.04em}
.stq-ad__brand{margin:9px 0 6px;font-family:Georgia,'Songti SC',serif;font-size:15px;font-weight:700;line-height:1.3;letter-spacing:.015em}
.stq-ad__brand-cross{font-family:sans-serif;font-weight:400;padding:0 8px;color:#9c7462}
.stq-ad__heading{margin:5px 0 7px;font-family:'Songti SC','STSong','SimSun',Georgia,serif;font-size:clamp(23px,2.35vw,33px);font-weight:700;line-height:1.25;letter-spacing:.012em;color:#281f1d}
.stq-ad__desc{margin:0 0 12px;max-width:490px;color:#695951;font-size:13px;line-height:1.65}
.stq-ad__action{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:40px;min-width:166px;border:0;border-radius:999px;background:#252427;color:#fff;padding:9px 20px;font-size:12px;font-weight:600;text-decoration:none;transition:transform .2s,background-color .2s}
.stq-ad__action[href]:hover{transform:translateY(-2px);background:#413432}
.stq-ad__action:focus-visible{outline:3px solid #cc8e7e;outline-offset:3px}
.stq-ad__action[disabled]{opacity:.8;cursor:default}
.stq-ad__preview-label{margin-top:6px;color:#806f66;font-size:10px;line-height:1.4}
@media(max-width:700px){
 .stq-ad--banner{min-height:218px;margin:2px 0 21px;border-radius:13px}
 .stq-ad__media img{object-position:65% center}
 .stq-ad::before{background:linear-gradient(90deg,rgba(252,242,229,.99) 0%,rgba(252,242,229,.93) 45%,rgba(252,242,229,.35) 75%,rgba(252,242,229,.02) 100%)}
 .stq-ad__content{padding:15px 17px;max-width:79%}
 .stq-ad__label{font-size:10px;padding:3px 9px}
 .stq-ad__brand{font-size:12px;margin:9px 0 5px}
 .stq-ad__brand-cross{padding:0 4px}
 .stq-ad__heading{font-size:clamp(19px,5vw,25px);margin:6px 0}
 .stq-ad__desc{font-size:11px;line-height:1.52;margin:0 0 11px;max-width:190px}
 .stq-ad__action{font-size:11px;min-height:35px;min-width:0;padding:7px 14px}
 .stq-ad__preview-label{font-size:9px}
}
@media(max-width:380px){.stq-ad__content{max-width:84%}.stq-ad__heading{font-size:19px}.stq-ad__desc{max-width:172px}}
@media(prefers-reduced-motion:reduce){.stq-ad__action{transition:none}.stq-ad__action:hover{transform:none}}
/* Demo-only width forcing; does not affect a normal SoulType website. */
.stq-demo-mobile .stq-ad{min-height:218px}.stq-demo-mobile .stq-ad__media img{object-position:65% center}.stq-demo-mobile .stq-ad::before{background:linear-gradient(90deg,rgba(252,242,229,.99),rgba(252,242,229,.93) 45%,rgba(252,242,229,.35) 75%,transparent)}
.stq-demo-mobile .stq-ad__content{max-width:79%;padding:15px 17px}.stq-demo-mobile .stq-ad__label{font-size:10px;padding:3px 9px}.stq-demo-mobile .stq-ad__brand{font-size:12px}.stq-demo-mobile .stq-ad__heading{font-size:21px}.stq-demo-mobile .stq-ad__desc{font-size:11px;max-width:185px}.stq-demo-mobile .stq-ad__action{font-size:11px;min-height:35px;min-width:0}

/* v1.31: optional image-only presentation retains mandatory ad disclosure. */
.stq-ad--image-only .stq-ad__content{max-width:100%;min-height:195px;padding:12px}
.stq-ad--image-only::before{background:linear-gradient(180deg,rgba(0,0,0,.12),transparent 33%)}