.announcement-modal { width: min(460px, 100%); padding: 0; overflow: hidden; border-radius: 8px; }
.announcement-head { padding: 25px 28px 20px; background: #f7c948; border-bottom: 2px solid #242424; }
.announcement-head small { display: inline-block; padding: 4px 8px; background: #242424; color: #fff; font-size: 10px; font-weight: 900; }
.announcement-head h2 { margin: 13px 0 0; font-size: 26px; letter-spacing: 0; }
.announcement-body { padding: 24px 28px 28px; }
.announcement-count { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 18px; padding: 16px; border: 2px solid #242424; background: #e4f3f9; }
.announcement-count span { font-size: 12px; color: #56656b; }
.announcement-count strong { font-size: 28px; color: #d94a40; }
.announcement-content { margin: 0 0 22px; color: #56514a; font-size: 14px; line-height: 1.8; white-space: pre-line; }
.announcement-confirm { width: 100%; min-height: 46px; border: 2px solid #242424; border-radius: 5px; background: #ee6253; color: #fff; box-shadow: 4px 4px 0 #242424; font-weight: 900; }
@media (max-width: 520px) { .announcement-head, .announcement-body { padding-left: 20px; padding-right: 20px; } }