.marquee-info-modal { position: fixed; inset: 0; display: none; align-items: center; justify-content: center; padding: 20px; background: rgba(0, 0, 0, 0.55); z-index: 10001; }
.marquee-info-modal.show { display: flex; }
.marquee-info-dialog { width: 100%; max-width: 640px; background: #ffffff; border-radius: 14px; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25); padding: 28px 24px 22px; position: relative; border-top: 5px solid #ff7e02; }
.marquee-info-title { margin: 0 28px 12px 0; font-size: 28px; line-height: 1.2; }
.marquee-info-text { margin: 0; color: #3c4a5f; font-size: 17px; line-height: 1.7; }
.marquee-info-close { position: absolute; top: 10px; right: 14px; border: 0; background: transparent; font-size: 34px; line-height: 1; color: #0f2248; cursor: pointer; }
.marquee-info-trigger { cursor: pointer; }
@media (max-width: 767px) {
  .marquee-info-dialog { max-width: 95vw; padding: 22px 16px 16px; }
  .marquee-info-title { font-size: 24px; }
  .marquee-info-text { font-size: 15px; }
}