#bomnotice-popup { box-sizing:border-box; width:fit-content; max-width:min(600px,94vw); max-height:92vh; max-height:92dvh; margin:auto; padding:0; border:0; border-radius:14px; background:#fff; color:#0d3b3b; box-shadow:0 24px 80px #0005; font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; overflow:auto; }
#bomnotice-popup::backdrop { background:rgba(6,32,32,.72); }
#bomnotice-popup .bomnotice-header { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:8px 8px 8px 18px; border-bottom:1px solid #d5e6e3; background:#fff; position:sticky; top:0; }
#bomnotice-popup h2 { margin:0; padding:0; font:700 17px/1.3 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color:#0d4f4c; letter-spacing:0; text-transform:none; }
#bomnotice-popup .bomnotice-close { flex:none; min-width:44px; min-height:44px; padding:0; border:0; border-radius:8px; background:#e9f4f2; color:#0d3b3b; cursor:pointer; font:30px/1 system-ui,sans-serif; touch-action:manipulation; }
#bomnotice-popup .bomnotice-close:hover { background:#d5e9e6; }
#bomnotice-popup .bomnotice-body { background:#fff; }
#bomnotice-popup img { display:block; width:100%; max-width:100%; height:auto; margin:0; border-radius:0; }
#bomnotice-popup :focus-visible { outline:3px solid #e2a900; outline-offset:2px; }
/* On screens tall enough, fit the whole notice without scrolling. */
@media (min-height:560px) { #bomnotice-popup img { width:auto; max-height:calc(92vh - 62px); max-height:calc(92dvh - 62px); } }
@media (max-width:540px) { #bomnotice-popup .bomnotice-header { padding:6px 6px 6px 14px; } #bomnotice-popup h2 { font-size:15px; } }