.school-announcements{width:850px;max-width:calc(100vw - 24px);max-height:90dvh;border:1px solid #d9dfe5;border-radius:12px;padding:0;color:#253045;background:#fff;box-shadow:0 22px 75px #14233f44;font-family:Arial,sans-serif}.school-announcements::backdrop{background:#12213c66}.school-announcements header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px;border-bottom:2px solid #e9c86f}.school-announcements header p{font-size:9px;letter-spacing:1.5px;color:#657086;margin:0 0 8px}.school-announcements h2{margin:0 0 6px;font-size:25px}.school-announcements header small{font-size:11px;color:#657086}.school-announcement-list{padding:20px}.school-announcement-list>button{display:flex;justify-content:space-between;align-items:center;gap:20px;text-align:left;width:100%;padding:20px 10px;border:0;border-bottom:1px solid #e0e5ec;background:#fff;color:#253045;cursor:pointer}.school-announcement-list>button:hover{background:#f2f5f9}.school-announcement-list strong{font-size:16px}.school-announcement-list small{display:block;margin-top:8px;color:#758196;font-size:11px}.school-announcement-body{padding:30px 40px;line-height:1.6;font-size:16px;overflow:auto;overflow-wrap:anywhere}.school-announcement-body img{max-width:100%;height:auto}.school-announcement-body p{margin:0 0 12px}.school-announcement-body table{border-collapse:collapse;max-width:100%}.school-announcement-body td,.school-announcement-body th{border:1px solid #cbd2db;padding:8px}.school-announcement-body a{color:#155bc2;text-decoration:underline}.school-announcements footer{padding:15px 24px;border-top:1px solid #e0e5ec}.school-announcements .inbox-error{color:#a13830;padding:0 24px}.school-announcements .button{padding:10px 15px;background:#f5f7fa;border:1px solid #dae0e8;border-radius:5px;cursor:pointer;color:#253045;white-space:nowrap}.school-announcements [hidden]{display:none!important}@media(max-width:540px){.school-announcements header{padding:18px;align-items:flex-start}.school-announcements h2{font-size:20px}.school-announcement-body{padding:22px}.school-announcement-list>button{gap:10px}}