#campus-notice-popup{width:min(900px,calc(100vw - 32px));max-width:900px;max-height:calc(100dvh - 32px);padding:0;margin:auto;border:1px solid #dbe5f2;border-radius:10px;background:#fff;color:#263d55;box-shadow:0 20px 80px #0f274750;overflow:auto;font-family:Arial,"Mukta",sans-serif}
#campus-notice-popup::backdrop{background:#10223cb3;backdrop-filter:blur(3px)}
#campus-notice-popup .campus-popup-header{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#f0f5fc;padding:14px 20px;border-bottom:1px solid #dbe5f2}
#campus-notice-popup #campus-popup-title{font-size:18px!important;font-weight:600!important;line-height:1.4!important;color:#2055a0!important;margin:3px 0 0!important}
#campus-notice-popup #campus-popup-counter{font-size:12px;color:#61738a}
#campus-notice-popup #campus-popup-close{width:36px;height:36px;flex-shrink:0;background:#fff;color:#263d55;border:1px solid #cfdaea;border-radius:50%;font-size:28px;line-height:1;cursor:pointer}
#campus-popup-preview{background:#f7f9fc;padding:14px;min-height:100px;max-height:65dvh;overflow:auto}
#campus-popup-preview img{display:block;width:auto;max-width:100%;height:auto;max-height:none;margin:0 auto}
#campus-popup-preview iframe{display:block;width:100%;height:60dvh;border:0;background:#fff}
#campus-popup-preview p{padding:24px;color:#536b86;font-size:14px;line-height:1.5}
#campus-notice-popup .campus-popup-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:14px 20px;border-top:1px solid #dbe5f2;background:#fff}
#campus-notice-popup .campus-popup-footer a{color:#2055a0!important;font-size:13px!important;font-weight:500!important;text-decoration:none}
#campus-notice-popup #campus-popup-next{border:0;border-radius:5px;padding:9px 15px;background:#2860b5!important;color:#fff!important;font-size:13px;font-weight:500;cursor:pointer}
#campus-notice-popup :is(a,button):focus-visible{outline:3px solid #aa6900;outline-offset:3px}
@media(max-width:600px){#campus-notice-popup{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}#campus-notice-popup .campus-popup-header,#campus-notice-popup .campus-popup-footer{padding:12px}#campus-popup-preview{padding:8px}#campus-notice-popup #campus-popup-title{font-size:16px!important}}
#campus-notice-popup .campus-popup-header{justify-content:flex-end;padding:9px 12px;background:#fff;border-bottom:1px solid #e4ebf4}
#campus-notice-popup #campus-popup-close{width:auto;height:auto;border-radius:4px;padding:7px 12px;background:#2860b5;color:#fff;border:0;font-size:12px;font-weight:600;line-height:1.4}
#campus-notice-popup #campus-popup-preview{padding:0;background:#fff;max-height:calc(100dvh - 100px)}
#campus-notice-popup #campus-popup-preview iframe{height:calc(100dvh - 110px)}
/* Fit the dialog to the attachment rather than a fixed-width white panel. */
#campus-notice-popup{position:fixed;width:max-content!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px)!important;padding:0!important;border:0!important;border-radius:5px!important;overflow:hidden!important;background:transparent!important}
#campus-notice-popup .campus-popup-header{position:absolute!important;top:9px!important;right:9px!important;z-index:5!important;display:block!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important}
#campus-notice-popup #campus-popup-close{margin:0!important;padding:8px 12px!important;background:#2860b5!important;color:#fff!important;box-shadow:0 1px 7px #10223c55;border:1px solid #ffffffb3!important;border-radius:4px!important;font-size:12px!important;line-height:1.3!important}
#campus-notice-popup #campus-popup-close:focus-visible{outline:2px solid #fff!important;outline-offset:2px!important}
#campus-notice-popup #campus-popup-preview{display:block!important;min-height:0!important;width:max-content!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px)!important;padding:0!important;margin:0!important;overflow:auto!important;background:transparent!important}
#campus-notice-popup #campus-popup-preview img{display:block!important;width:auto!important;height:auto!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px)!important;margin:0!important;padding:0!important;object-fit:contain!important}
#campus-notice-popup #campus-popup-preview iframe{display:block!important;width:min(900px,calc(100vw - 24px))!important;height:calc(100dvh - 24px)!important;max-height:none!important;margin:0!important;border:0!important;background:#fff!important}
@media(max-width:600px){#campus-notice-popup .campus-popup-header{top:6px!important;right:6px!important}#campus-notice-popup #campus-popup-close{padding:7px 9px!important;font-size:11px!important}}
/* Long attachments retain their natural height and scroll within the viewport. */
#campus-notice-popup #campus-popup-preview{overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#8aa7cf #edf3fb}
#campus-notice-popup #campus-popup-preview img{height:auto!important;max-height:none!important;width:auto!important;max-width:calc(100vw - 24px)!important;object-fit:initial!important}