.prln { margin: .75rem 0; }
.prln--footer { text-align: center; }
.prln__trigger { padding: 0; border: 0; background: transparent; color: inherit; text-decoration: underline; cursor: pointer; font: inherit; }
.prln__trigger:hover, .prln__trigger:focus { text-decoration-thickness: 2px; }
html.prln-modal-open, body.prln-modal-open { overflow: hidden !important; }
.prln-modal { position: fixed; inset: 0; z-index: 100000; display: flex; align-items: center; justify-content: center; padding: 12px; }
.prln-modal__backdrop { position: absolute; inset: 0; background: rgba(0,0,0,.72); }
.prln-modal__dialog { position: relative; z-index: 1; display: flex; flex-direction: column; width: min(780px, calc(100vw - 24px)); max-height: calc(100dvh - 24px); overflow: hidden; background: #fff; box-shadow: 0 12px 40px rgba(0,0,0,.35); }
.prln-modal__head { position: relative; flex: 0 0 auto; min-height: 44px; background: #fff; }
.prln-modal__close { position: absolute; z-index: 3; top: 4px; right: 8px; width: 40px; height: 40px; padding: 0; border: 0; background: transparent; font-size: 2rem; line-height: 40px; cursor: pointer; }
.prln-modal__body { min-height: 0; overflow: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; padding: 0 16px 14px; }
.prln-modal__image { display: block; width: 100%; height: auto; max-width: 100%; margin: 0 auto; }
.prln-modal__more { margin: 12px 0 2px; text-align: center; font-size: .95rem; }
.prln-modal__more a { text-decoration: underline; }
@media (max-width: 575.98px) {
  .prln-modal { padding: 6px; }
  .prln-modal__dialog { width: calc(100vw - 12px); max-height: calc(100dvh - 12px); }
  .prln-modal__head { min-height: 38px; }
  .prln-modal__close { top: 0; right: 4px; width: 38px; height: 38px; line-height: 38px; }
  .prln-modal__body { padding: 0 10px 10px; }
  .prln-modal__more { margin-top: 9px; font-size: .9rem; }
}