.announcements-entry{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.announcements-entry[hidden]{display:none}.announcements-count{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:#ffbe49;color:#382500;font-size:11px;font-weight:750}.announcements-count[hidden]{display:none}
dialog.announcements-dialog{width:min(680px,calc(100vw - 28px));max-width:none;max-height:calc(100dvh - 40px);padding:0;border:1px solid #d5e3ee;border-radius:18px;color:#21384c;box-shadow:0 22px 80px #17354d40;overflow:hidden}dialog.announcements-dialog[open]{display:flex;flex-direction:column}dialog.announcements-dialog::backdrop{background:#152c4666;backdrop-filter:blur(3px)}.announcements-head{flex:none;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:23px 26px 19px;background:linear-gradient(120deg,#eaf5ff,#f7fbff);border-bottom:1px solid #dce7ef}.announcements-head small{font-size:11px;font-weight:750;letter-spacing:.08em;color:#286aad}.announcements-head h2{margin:8px 0 7px;font-size:24px;line-height:1.3}.announcements-head p{margin:0;color:#658095;font-size:12px}.announcements-close{flex:none;width:32px;height:32px;padding:0;border:1px solid #ccdde9;background:#fff;border-radius:9px;font-size:22px;line-height:1;color:#577086}.announcements-body{min-height:0;padding:20px 26px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;display:grid;gap:15px}.announcement-card{border:1px solid #dce6ef;border-radius:12px;background:#fff;padding:17px 19px}.announcement-card.is-unread{border-color:#bad2ed;box-shadow:inset 3px 0 #3d81cf}.announcement-card-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#6e8292;font-size:11px}.announcement-read-label{padding:2px 7px;border-radius:99px;background:#eef3f7;color:#6d8091;font-weight:600}.is-unread .announcement-read-label{background:#eaf3ff;color:#286bb9}.announcement-card h3{font-size:17px;margin:9px 0 12px;line-height:1.4}.announcement-card ul{padding-left:19px;margin:0;line-height:1.7;font-size:13px;color:#40596c;display:grid;gap:9px}.announcement-card li::marker{color:#4a8dd3}.announcement-card>button{margin-top:14px;padding:5px 10px;font-size:12px}.announcements-foot{flex:none;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 26px;border-top:1px solid #dce7ef;background:#fafcfe}.announcements-foot>span{font-size:12px;color:#788c9c}.announcements-foot>div{display:flex;gap:8px}.announcements-error{flex:none;margin:0;padding:10px 26px;color:#b23d45;font-size:13px;background:#fff4f4}.announcements-error[hidden]{display:none}.announcements-empty{padding:16px;text-align:center;color:#7a8d9d}
@media(max-width:600px){dialog.announcements-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 20px);border-radius:13px}.announcements-head{padding:18px}.announcements-head h2{font-size:21px}.announcements-body{padding:14px}.announcement-card{padding:15px}.announcements-foot{padding:14px;align-items:flex-start;flex-direction:column;gap:9px}.announcements-foot>div{width:100%}.announcements-foot button{flex:1}.announcements-error{padding:10px 14px}}