.announcementReader{display:grid;grid-template-columns:minmax(220px,31%) minmax(0,1fr);grid-template-rows:minmax(0,1fr);height:min(620px,calc(100vh - 170px));min-height:420px;border:1px solid var(--line,rgba(143,174,202,.18));background:#0a121a;overflow:hidden}
.announcementReaderList{min-width:0;min-height:0;padding:12px;overflow-y:auto;border-right:1px solid var(--line,rgba(143,174,202,.18));background:#0d1721}
.announcementReaderList,.announcementReaderDetail{scrollbar-width:thin;scrollbar-color:#526170 #0b141d}.announcementReaderList::-webkit-scrollbar,.announcementReaderDetail::-webkit-scrollbar{width:8px}.announcementReaderList::-webkit-scrollbar-track,.announcementReaderDetail::-webkit-scrollbar-track{background:#0b141d}.announcementReaderList::-webkit-scrollbar-thumb,.announcementReaderDetail::-webkit-scrollbar-thumb{border-radius:4px;background:#526170}
.announcementReaderItem{position:relative;display:grid;gap:8px;width:100%;min-height:72px;margin:0 0 8px;padding:12px 13px;border:1px solid rgba(143,174,202,.2);border-radius:4px;background:#111c27;color:var(--text,#eef5fb);text-align:left;cursor:pointer;touch-action:manipulation}
.announcementReaderItem:last-child{margin-bottom:0}.announcementReaderItem:hover{border-color:rgba(216,189,117,.55);background:#17222d}.announcementReaderItem.active{border-color:#d8bd75;background:#292820;color:#fff4d2;box-shadow:inset 3px 0 #d8bd75}.announcementReaderItem.unread:after{content:"";position:absolute;right:9px;top:9px;width:7px;height:7px;border-radius:50%;background:#ff7182}
.announcementReaderItemTitle{display:flex;align-items:flex-start;gap:6px;padding-right:8px;font-size:14px;font-weight:900;line-height:1.45;overflow-wrap:anywhere}.announcementReaderItemMeta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted,#95a9bd);font-size:11px}.announcementReaderItem.active .announcementReaderItemMeta{color:#ddcfa6}.announcementReaderItemLevel{display:inline-flex;padding:2px 6px;border:1px solid rgba(143,174,202,.3);border-radius:3px;background:#101b25;color:#bfd0dc;font-weight:900;line-height:1.25}.announcementReaderItemLevel.warning{border-color:rgba(255,209,139,.5);color:#ffd18b}.announcementReaderItemLevel.danger{border-color:rgba(255,113,130,.5);color:#ff9eaa}.announcementReaderItemLevel.success{border-color:rgba(118,228,164,.5);color:#8be8b2}.announcementReaderItemLevel.update{border-color:rgba(122,162,255,.55);color:#b8c9ff}
.announcementReaderPinIcon{display:inline-grid;place-items:center;flex:0 0 18px;width:18px;height:18px;color:#e2c878;font-size:14px;line-height:1}.announcementReaderDetail{min-width:0;min-height:0;height:100%;box-sizing:border-box;padding:28px 32px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;background:#0b141d}.announcementReaderDetailHeader{padding-bottom:18px;border-bottom:1px solid rgba(143,174,202,.2)}.announcementReaderDetail h3{margin:0;color:var(--text,#eef5fb);font-size:clamp(22px,3vw,32px);line-height:1.3;overflow-wrap:anywhere}.announcementReaderDetailMeta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px;color:var(--muted,#95a9bd);font-size:12px}.announcementReaderLevel{display:inline-flex;padding:3px 8px;border:1px solid rgba(143,174,202,.25);border-radius:3px;background:#111e29;color:#c9d8e4;font-weight:900}.announcementReaderLevel.warning{border-color:rgba(255,209,139,.45);color:#ffd18b}.announcementReaderLevel.danger{border-color:rgba(255,113,130,.45);color:#ff9eaa}.announcementReaderLevel.success{border-color:rgba(118,228,164,.45);color:#8be8b2}.announcementReaderLevel.update{border-color:rgba(122,162,255,.5);color:#b8c9ff}.announcementReaderBody{padding:24px 0;color:#c9d6df;font-size:15px;line-height:1.85;overflow-wrap:anywhere}.announcementReaderBody p{margin:0;white-space:pre-wrap}.announcementReaderActions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:18px;border-top:1px solid rgba(143,174,202,.16)}.announcementReaderEmpty{display:grid;place-items:center;min-height:260px;padding:24px;color:var(--muted,#95a9bd);text-align:center}
.announcementCloseButton{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--text,#eef5fb);font-size:30px;line-height:1;cursor:pointer}.announcementCloseButton:hover{border-color:rgba(216,189,117,.5);color:#e2c878;background:rgba(216,189,117,.07)}
#notificationHubDialog{width:min(1080px,var(--notification-hub-dialog-width,calc(100vw - 32px)));border-radius:8px}#notificationHubDialog .announcementReader{height:min(560px,calc(100vh - 250px));min-height:360px}.messageHubAnnouncementBlock>h3,.messageHubNotificationBlock>h3{margin:0 0 10px;font-size:15px}.messageHubNotificationBlock{margin-top:18px}.messageHubNotificationBlock:first-child{margin-top:0}
html.hubMobileLayout .announcementReader{grid-template-columns:1fr;grid-template-rows:minmax(132px,30vh) minmax(0,1fr);height:calc(100dvh - 64px);min-height:0}html.hubMobileLayout .announcementReaderList{padding:8px;border-right:0;border-bottom:1px solid var(--line,rgba(143,174,202,.18))}html.hubMobileLayout .announcementReaderItem{min-height:58px;margin-bottom:6px;padding:9px 10px}html.hubMobileLayout .announcementReaderItemTitle{font-size:13px}html.hubMobileLayout .announcementReaderDetail{padding:18px 16px}html.hubMobileLayout .announcementReaderDetail h3{font-size:22px}html.hubMobileLayout .announcementReaderBody{padding:18px 0;font-size:14px;line-height:1.75}html.hubMobileLayout #notificationHubDialog{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border:0;border-radius:0}html.hubMobileLayout #notificationHubDialog .announcementReader{height:calc(100dvh - 230px);min-height:320px}html.hubMobileLayout .messageHubAnnouncementBlock>h3,html.hubMobileLayout .messageHubNotificationBlock>h3{font-size:14px}