.announcement-modal { position: fixed; inset: 0; z-index: 100; display: grid; place-items: center; padding: 24px 16px; background: rgba(20, 27, 24, .56); }
.announcement-modal[hidden] { display: none; }
.announcement-dialog { width: min(100%, 430px); max-height: min(720px, calc(100vh - 48px)); overflow: auto; padding: 22px; border-radius: 12px; background: #fff; box-shadow: 0 22px 55px rgba(0,0,0,.2); }
.announcement-dialog-head { display: flex; justify-content: space-between; gap: 12px; color: #7b8b84; font-size: 12px; }
.announcement-dialog-head strong { color: #ae4e2c; font-size: 12px; }
.announcement-dialog h2 { margin: 8px 0 16px; color: #252b28; font-size: 21px; line-height: 1.35; }
.announcement-dialog-content { color: #4d5953; font-size: 15px; line-height: 1.75; overflow-wrap: anywhere; }
.announcement-dialog-content p { margin: 0 0 10px; }
.announcement-dialog-content img { display: block; max-width: 100%; height: auto; margin: 10px auto; border-radius: 8px; }
.announcement-dialog-content a { color: #b5482b; text-decoration: underline; }
.announcement-confirm { width: 100%; min-height: 44px; margin-top: 20px; border: 0; border-radius: 8px; color: #fff; background: #b84b2e; font-size: 15px; font-weight: 700; }