/* v9: approved illustrated banner and physical arrow speech ornament. */
.overview-column{container:overview / inline-size}
#communityBanner{
  position:relative;isolation:isolate;display:grid;
  grid-template-columns:minmax(0,1fr) auto;align-items:center;
  gap:10px;min-height:96px;margin:20px 0 8px;
  padding:13px 88px 22px 104px;
  border:1px solid #d6d2c2;border-radius:11px;
  background:linear-gradient(100deg,#fff9e9,#fffdf6 65%,#fffaf0);
  overflow:visible;
}
#communityBanner>.community-copy{padding:0;min-width:0;position:relative;z-index:2}
#communityBanner .community-copy strong{
  display:block;font-family:var(--sparta-display,SpartaMeme),Arial,sans-serif;
  font-size:clamp(13px,1.6cqw,16px);line-height:1.4;letter-spacing:-.035em;
  word-break:keep-all;overflow-wrap:anywhere;
}
#communityBanner .community-copy p{
  font-size:clamp(11px,1.35cqw,13px);line-height:1.5;
  margin:4px 0 0;color:#526684;word-break:keep-all;overflow-wrap:anywhere;
}
#communityBanner>.community-actions{
  position:relative;z-index:3;display:flex;gap:8px;
  flex-wrap:wrap;padding:0;min-width:0;justify-content:flex-end;
}
#communityBanner .community-actions a{
  display:flex;align-items:center;justify-content:center;gap:6px;
  min-height:36px;padding:8px 10px;border:1.5px solid #3155b2;
  border-radius:7px;background:#fff;color:#2f4da6;
  font-size:clamp(11px,1.35cqw,13px);font-weight:800;line-height:1.3;
  white-space:normal;text-align:center;max-width:100%;
}
#communityBanner .community-actions a:hover{background:#edf2ff}
#communityBanner>.community-art{
  position:absolute;z-index:1;display:block;pointer-events:none;
  object-fit:contain;object-position:center bottom;
}
#communityBanner>.community-art-flag{
  width:176px;height:calc(100% + 12px);max-height:112px;left:-30px;bottom:-10px;
}
#communityBanner>.community-art-shield{
  width:155px;height:calc(100% + 4px);max-height:100px;right:-27px;bottom:-10px;
}
#communityBanner>.community-ground{
  position:absolute;z-index:0;pointer-events:none;left:9%;right:9%;bottom:-5px;
  aspect-ratio:30 / 1;max-height:32px;
  background-image:url('/assets/community-approved-v9.webp');
  background-size:170.666667% auto;background-position:50% 70.123839%;
  background-repeat:no-repeat;
  mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
}
.launch-banner .speech::after{
  content:'';position:absolute;display:block;left:-8px;right:auto;top:auto;bottom:-19px;
  width:52px;height:32px;background:transparent url('/assets/speech-arrow-v9.webp') center/contain no-repeat;
  border:0;border-radius:0;box-shadow:none;transform:none;pointer-events:none;
}
@container overview (max-width:790px){
  #communityBanner{grid-template-columns:minmax(0,1fr);gap:9px;padding:13px 78px 23px 97px}
  #communityBanner>.community-actions{justify-content:flex-start}
  #communityBanner .community-actions a{min-height:38px}
}
@container overview (max-width:480px){
  #communityBanner{padding:17px 15px 65px;gap:11px;margin-top:18px;min-height:186px}
  #communityBanner>.community-copy{text-align:center}
  #communityBanner .community-copy strong{font-size:15px}
  #communityBanner .community-copy p{font-size:12px}
  #communityBanner>.community-actions{justify-content:center;gap:7px}
  #communityBanner .community-actions a{font-size:12px;min-height:44px;padding:8px 10px}
  #communityBanner>.community-art-flag{width:126px;height:82px;left:-20px;bottom:-8px}
  #communityBanner>.community-art-shield{width:112px;height:74px;right:-18px;bottom:-8px}
  #communityBanner>.community-ground{left:12%;right:12%;bottom:0}
}
@media(max-width:1080px){
  .launch-banner .speech::after{width:40px;height:25px;left:-6px;bottom:-15px}
}
@media(max-width:540px){
  .launch-banner .speech::after{width:34px;height:21px;left:-4px;bottom:-13px}
}
html:not([lang=ko]) #communityBanner .community-copy strong{font-family:Arial,sans-serif;letter-spacing:-.02em}