/* Pro 기간 한정 무료체험(2026-10-22): 로그인 전 첫 화면의 띠, 가입 안내 창의 '자세히 알아보기'. 색은 사이트 변수만 쓴다. */
.landing .mb-promo-wrap{margin-top:18px}
.mb-promo{position:relative;display:flex;align-items:center;gap:20px;padding:16px 56px 16px 18px;border:1px solid var(--line);border-radius:12px;background:var(--bg-subtle);color:var(--fg)}
.mb-promo-copy{display:flex;align-items:flex-start;gap:12px;flex:1;min-width:0}
.mb-promo-badge{flex:none;margin-top:3px;padding:5px 8px;border:1px solid var(--line-strong,var(--line));border-radius:6px;background:var(--panel,var(--bg));color:var(--fg);font-size:10.5px;font-weight:700;letter-spacing:.1em;line-height:1}
.mb-promo-text{min-width:0}
.landing .mb-promo h2{margin:0;font-size:15.5px;line-height:1.45;font-weight:650;letter-spacing:-.02em}
.landing .mb-promo p{margin:2px 0 0;font-size:13px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere}
.mb-promo-actions{display:flex;flex:none;flex-wrap:wrap;gap:8px}
.landing .mb-promo-actions .lbtn{margin:0;padding:8px 15px;font-size:13.5px;justify-content:center}
.mb-promo-close{position:absolute;top:50%;right:10px;transform:translateY(-50%);width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);font-size:20px;line-height:1;cursor:pointer}
.mb-promo-close:hover{background:var(--bg-hover);color:var(--fg)}
.mb-promo a:focus-visible,.mb-promo-close:focus-visible{outline:2px solid var(--fg);outline-offset:2px}
@media(max-width:768px){
  .landing .mb-promo-wrap{margin-top:14px}
  .mb-promo{display:block;padding:14px 48px 14px 14px}
  .mb-promo-actions{margin-top:12px}
  .landing .mb-promo-actions .lbtn{flex:1 1 0;min-width:0;min-height:40px;white-space:nowrap}
  .mb-promo-close{top:8px;right:6px;transform:none}
}
@media(max-width:360px){.mb-promo-actions{flex-direction:column}.landing .mb-promo-actions .lbtn{flex:none;width:100%}}
.mb-pro-event-more{display:flex;align-items:center;justify-content:center;width:100%;min-height:40px;margin-top:8px;border:1px solid var(--line,#e5e5e5);border-radius:10px;background:var(--bg,#fff);color:var(--fg,#202123);font-size:13px;font-weight:500;text-decoration:none}
.mb-pro-event-more:hover{background:var(--bg-hover,#f2f2f2);text-decoration:none}
.mb-pro-event-more[aria-disabled=true]{opacity:.55;pointer-events:none}
.mb-pro-event-dialog a:focus-visible{outline:2px solid var(--fg,#111);outline-offset:3px}
/* 안내 창 '제공 혜택' 상자: 원래 CSS 의 --bg2 는 어느 테마에도 없어 어두운 테마에서도 밝은 배경이었다 → 사이트 변수로 */
.mb-pro-event-dialog .mb-pro-event-detail{background:var(--bg-subtle,#f7f7f8)}
/* 관리자 유저 줄: 이벤트 Pro 배지와 '혜택 회수' */
.mb-trial-admin{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}