/* 4Q R6 — restrained carousel typography. Loaded after R4 and R5. */
#home #promo-carousel.promo-strip {min-height:150px;}
#home #promo-carousel .promo-item:is(.promo-launch,.promo-why,.promo-guide) {
  box-sizing:border-box; min-height:150px; max-height:none; padding:19px 28px 36px;
  border:1px solid #e9e2df; border-radius:16px; display:flex; align-items:center;
  overflow:hidden; box-shadow:none; color:#352930;
}
#home #promo-carousel .promo-item.promo-launch{background:#f8ebef;}
#home #promo-carousel .promo-item.promo-why{background:#f7f3ec;}
#home #promo-carousel .promo-item.promo-guide{background:#f0f3ef;}
#home #promo-carousel .promo-item:is(.promo-launch,.promo-why,.promo-guide) .promo-copy{
  width:100%; min-width:0; flex:1 1 auto; display:flex; align-items:center; position:relative; z-index:2;
}
#home #promo-carousel .promo-item:is(.promo-launch,.promo-why,.promo-guide) .promo-copy>div{
  width:min(72%,640px); max-width:640px; min-width:0;
}
/* Replace both R4 decorative pseudo label and R5 decorations with one quiet editorial label. */
#home #promo-carousel .promo-item:is(.promo-launch,.promo-why,.promo-guide) .promo-copy>div::before{
  display:block!important; margin:0 0 7px; font:700 10px/1.2 Arial,sans-serif;
  letter-spacing:.09em; color:#92536b;
}
#home #promo-carousel .promo-item.promo-launch .promo-copy>div::before{content:'4Q OPEN'!important;}
#home #promo-carousel .promo-item.promo-why .promo-copy>div::before{content:'ABOUT 4Q'!important;}
#home #promo-carousel .promo-item.promo-guide .promo-copy>div::before{content:'Q상식'!important;}
#home #promo-carousel .promo-item:is(.promo-launch,.promo-why,.promo-guide) .promo-title{
  font-size:clamp(20px,1.85vw,23px);font-weight:750;line-height:1.26;letter-spacing:-.035em;
  margin:0 0 6px;color:#34252c;word-break:keep-all;
}
#home #promo-carousel .promo-item:is(.promo-launch,.promo-why,.promo-guide) p{
  font-size:13px; line-height:1.45; color:#675c61; margin:0; max-width:600px;
  word-break:keep-all; overflow-wrap:break-word;
}
/* All actual CTA chips: same minimal treatment. No additional fake CTA. */
#home #promo-carousel .promo-item:is(.promo-launch,.promo-why,.promo-guide) .promo-cta{
  display:inline-flex;align-items:center;justify-content:center;min-height:32px;
  margin-top:9px;padding:5px 12px;box-sizing:border-box;border-radius:8px;
  font-size:12px;font-weight:700;color:#573343;background:#fff;border:1px solid #e8dade;
  box-shadow:none;white-space:nowrap;
}
#home #promo-carousel .promo-item:is(.promo-launch,.promo-why,.promo-guide) .promo-action{display:none!important;}
#home #promo-carousel .promo-item:is(.promo-launch,.promo-why,.promo-guide) .promo-copy>div::after{content:none!important;display:none!important;}
/* One genuine Q ribbon on launch; no Q? / checks / generic clip art on other slides. */
#home #promo-carousel .promo-item.promo-launch::after{
  content:''!important;display:block!important;position:absolute;left:auto;right:7%;top:14%;bottom:14%;
  width:22%;transform:none!important;background:url('/assets/brand-q-ribbon.webp') center/contain no-repeat;
  opacity:.13!important;pointer-events:none;z-index:0;
}
#home #promo-carousel .promo-item.promo-why::after,
#home #promo-carousel .promo-item.promo-guide::after{content:none!important;display:none!important;}
/* Preserve R5 dots/pause UI and hover/focus behavior. */
#home #promo-carousel .promo-item:focus-visible{outline:2px solid #723d51;outline-offset:-3px;}
@media(max-width:750px){
 #home #promo-carousel.promo-strip{min-height:166px;}
 #home #promo-carousel .promo-item:is(.promo-launch,.promo-why,.promo-guide){min-height:166px;max-height:none;padding:17px 18px 38px;border-radius:13px;}
 #home #promo-carousel .promo-item:is(.promo-launch,.promo-why,.promo-guide) .promo-copy>div{width:92%;max-width:92%;}
 #home #promo-carousel .promo-item:is(.promo-launch,.promo-why,.promo-guide) .promo-title{font-size:18px;line-height:1.3;margin-bottom:5px;}
 #home #promo-carousel .promo-item:is(.promo-launch,.promo-why,.promo-guide) p{font-size:12px;line-height:1.4;max-width:93%;}
 #home #promo-carousel .promo-item:is(.promo-launch,.promo-why,.promo-guide) .promo-cta{min-height:34px;margin-top:8px;}
 #home #promo-carousel .promo-item.promo-launch::after{width:25%;right:1%;top:20%;bottom:20%;opacity:.075!important;}
 #home #promo-carousel .promo-dots{bottom:10px;}
}
@media(max-width:390px){
 #home #promo-carousel.promo-strip{min-height:174px;}
 #home #promo-carousel .promo-item:is(.promo-launch,.promo-why,.promo-guide){min-height:174px;padding:16px 16px 38px;}
 #home #promo-carousel .promo-item:is(.promo-launch,.promo-why,.promo-guide) .promo-title{font-size:17px;}
 #home #promo-carousel .promo-item:is(.promo-launch,.promo-why,.promo-guide) p{font-size:11.5px;}
}