.toss-promo{background:#ff6139;color:#14234b;display:flex;align-items:center;justify-content:center;gap:20px;min-height:42px;padding:6px var(--page-gutter);box-sizing:border-box;font-size:13px;font-weight:600}
.toss-promo p{margin:0;line-height:1.4;text-align:center;flex:1;max-width:900px}.toss-promo button{border:0;background:transparent;color:inherit;width:32px;height:30px;cursor:pointer;font-size:20px;flex-shrink:0}.toss-promo .promo-toggle{font-size:11px;width:44px}
@media(max-width:600px){.toss-promo{gap:6px;font-size:12px;padding:6px 4%}}

/* Compact announcement bar with an icon-only motion control. */
body .toss-promo .promo-toggle{width:36px;min-width:36px;padding:0;display:inline-flex;align-items:center;justify-content:center}
.promo-state-icon{display:block;width:10px;height:12px;border-left:3px solid currentColor;border-right:3px solid currentColor}
.promo-toggle[aria-pressed="false"] .promo-state-icon{width:0;height:0;border:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:10px solid currentColor}
@media(max-width:700px){
 body .toss-promo{display:grid;grid-template-columns:32px minmax(0,1fr) 32px 32px;gap:2px;min-height:52px;padding:4px 3%}
 body .toss-promo p{font-size:12px;line-height:1.35;font-weight:600;min-width:0;margin:0;text-align:center}
 body .toss-promo button,body .toss-promo .promo-toggle{width:32px;min-width:32px;height:44px}
}