.nograd-notice[hidden] { display: none !important; }
.nograd-notice { position: fixed; inset: 0; z-index: 2147480000; display: flex; align-items: center; justify-content: center; padding: 16px; box-sizing: border-box; }
.nograd-notice__backdrop { position: absolute; inset: 0; background: rgba(0,0,0,.67); }
.nograd-notice__dialog { position: relative; box-sizing: border-box; width: 100%; max-width: var(--nograd-notice-width,640px); max-height: calc(100vh - 32px); max-height: calc(100dvh - 32px); overflow: auto; background: #fff; color: #1b1b1b; border-radius: 6px; box-shadow: 0 16px 48px rgba(0,0,0,.35); padding: 0; }
.nograd-notice__close { position: absolute; z-index: 1; right: 8px; top: 8px; display: grid; place-items: center; width: 36px; height: 36px; border: 0; border-radius: 50%; color: #111; background: rgba(255,255,255,.94); font: 28px/1 Arial,sans-serif; cursor: pointer; }
.nograd-notice__close:focus-visible { outline: 3px solid #145aa3; outline-offset: 2px; }
.nograd-notice__image, .nograd-notice__image-link { display: block; width: 100%; }
.nograd-notice__image { height: auto; }
.nograd-notice__title { margin: 0; padding: 30px 44px 8px 24px; font-size: 1.5rem; line-height: 1.3; }
.nograd-notice__text { padding: 16px 24px 24px; line-height: 1.5; white-space: normal; overflow-wrap: anywhere; }
.nograd-notice__footer { padding: 0 24px 24px; margin: 0; }
@media (max-width: 480px) { .nograd-notice { padding: 8px; } .nograd-notice__dialog { max-height: calc(100dvh - 16px); } }