#announcementsPage{max-width:1100px;margin:0 auto}.announcement-list-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.announcement-guide{margin:10px 0!important;color:var(--muted);font-size:12px}#announcementListStatus{font-size:12px;color:var(--muted);margin:8px 0}.announcement-table-wrap{overflow:auto;max-height:340px;border:1px solid var(--line);border-radius:9px}.announcement-table{width:100%;table-layout:fixed}.announcement-table th:first-child{width:64px}.announcement-table th:nth-child(3){width:140px}.announcement-table th:last-child{width:200px}.announcement-table th{position:sticky;top:0;z-index:1;background:#202c3b}.announcement-table td{vertical-align:middle;overflow-wrap:anywhere}.announcement-table td:first-child{text-align:center}.announcement-table .announcement-title{display:block;width:100%;border:0;background:transparent;padding:4px 0;color:var(--text);font-weight:600;text-align:left;white-space:normal;overflow-wrap:anywhere}.announcement-title:hover{text-decoration:underline}.announcement-table .pill{margin-top:4px}.announcement-published{background:rgba(var(--accent-rgb),.07)}.announcement-empty{text-align:center!important;padding:28px!important;color:var(--muted)}.announcement-compose{margin-top:20px}.announcement-compose form{display:grid;gap:18px;margin-top:18px}.announcement-compose textarea{min-height:160px;max-height:420px}.announcement-compose-footer{display:flex;justify-content:space-between;align-items:center;gap:12px}.announcement-compose-footer p{font-size:12px;color:var(--muted)}
#announcementDialog{box-sizing:border-box;width:min(600px,calc(100vw - 28px));max-width:none;max-height:calc(100dvh - 28px);padding:24px;overflow:hidden}#announcementDialog[open]{display:flex;flex-direction:column;gap:14px}.announcement-popup-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex:none}.announcement-popup-heading>div{min-width:0}.announcement-popup-heading h2{font-size:23px;line-height:1.4;overflow-wrap:anywhere;margin:6px 0 0}.announcement-popup-heading form{flex:none}#announcementPopupMeta{font-size:12px;color:var(--muted);flex:none}#announcementPopupBody{white-space:pre-wrap;overflow-wrap:anywhere;overflow-y:auto;min-height:0;font-size:15px;line-height:1.8;border-top:1px solid var(--line);padding-top:16px}#announcementDialog::backdrop{background:#070b14b8}
@media(max-width:700px){.announcement-table{min-width:530px}.announcement-table th:first-child{width:50px}.announcement-table th:nth-child(3){width:100px}.announcement-table th:last-child{width:160px}.announcement-list-heading{align-items:flex-start}.announcement-compose-footer{align-items:stretch;flex-direction:column}.announcement-compose-footer .button{width:100%}#announcementDialog{padding:18px}.announcement-popup-heading h2{font-size:20px}.announcement-popup-heading{gap:10px}#announcementPopupBody{font-size:14px}}