html.pmgd-lock { overflow: hidden; }
.pmgd-modal { position: fixed; inset: 0; z-index: 2147483100; display: flex; align-items: center; justify-content: center;
    padding: 20px; background: rgba(8, 22, 32, .5); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
    font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif; color: #394b4e; }
.pmgd-modal[hidden] { display: none; }
.pmgd-modal * { box-sizing: border-box; }
.pmgd-modal__box { display: flex; flex-direction: column; width: min(860px, 100%); max-height: calc(100vh - 40px);
    background: #fff; box-shadow: 0 30px 80px rgba(0, 0, 0, .45); }
.pmgd-modal__head { flex: 0 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 16px 22px;
    background: linear-gradient(to bottom, #1a2c3c 0%, #2f485b 100%); color: #fff; }
.pmgd-modal__title { margin: 0; font-size: 19px; line-height: 1.3; font-weight: 700; text-transform: uppercase; letter-spacing: .02em; }
.pmgd-close { width: 34px; height: 34px; flex: 0 0 34px; border: 1px solid rgba(239, 220, 190, .6); border-radius: 50%; background: none;
    color: #efdcbe; font-size: 22px; line-height: 1; cursor: pointer; }
.pmgd-close:hover { background: #efdcbe; color: #22374d; }
.pmgd-close:focus-visible, .pmgd-modal__body a:focus-visible { outline: 3px solid #c9a227; outline-offset: 2px; }
.pmgd-modal__body { flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 22px 26px 26px;
    font-size: 14.5px; line-height: 1.65; }
.pmgd-modal__body:focus { outline: none; }
.pmgd-modal__body p { margin: 0 0 12px; text-align: left; hyphens: manual; }   
.pmgd-modal__body h2, .pmgd-modal__body h3, .pmgd-modal__body h4 { margin: 22px 0 10px; color: #20323f; line-height: 1.3; }
.pmgd-modal__body h2 { font-size: 20px; padding-bottom: 8px; border-bottom: 1px solid #2e4759; }
.pmgd-modal__body h3 { font-size: 17px; }
.pmgd-modal__body h4 { font-size: 15.5px; }
.pmgd-modal__body > :first-child { margin-top: 0; }
.pmgd-modal__body ul, .pmgd-modal__body ol { margin: 0 0 12px; padding-left: 22px; }
.pmgd-modal__body li { margin: 0 0 6px; text-align: left; hyphens: manual; }
.pmgd-modal__body strong, .pmgd-modal__body b { color: #20323f; }
.pmgd-modal__body p.bold { font-weight: 700; color: #20323f; margin: 18px 0 6px; }
.pmgd-modal__body a { color: #1f5f79; font-weight: 600; text-decoration: underline; }
.pmgd-modal__body table { border-collapse: collapse; margin: 0 0 12px; font-size: 13.5px; }
.pmgd-modal__body td, .pmgd-modal__body th { border: 1px solid #dfe5ea; padding: 6px 8px; text-align: left; vertical-align: top; }
.pmgd-loading { color: #6b7780; }
@media (max-width: 640px) {
    .pmgd-modal { padding: 16px; }
    .pmgd-modal__box { max-height: calc(100vh - 32px); max-height: calc(100dvh - 32px); }
    .pmgd-modal__head { padding: 12px 14px; }
    .pmgd-modal__title { font-size: 16px; }
    .pmgd-modal__body { padding: 16px 16px 22px; font-size: 14px; }
}