.qpy-agreement-open { width: 100%; margin: 12px 0; }
.qpy-agreement-modal[hidden] { display: none; }
.qpy-agreement-modal { position: fixed; inset: 0; z-index: 1200; display: grid; place-items: center; padding: 20px; }
.qpy-agreement-modal__mask { position: absolute; inset: 0; background: rgba(0, 0, 0, .48); }
.qpy-agreement-modal__panel { position: relative; width: min(680px, 100%); max-height: 82vh; padding: 26px; border: 1px solid currentColor; border-radius: 8px; background: var(--qpy-member-card-bg, #fff); color: inherit; box-shadow: 0 16px 48px rgba(0,0,0,.24); }
.qpy-agreement-modal__body { max-height: 54vh; overflow: auto; line-height: 1.75; }
.qpy-agreement-modal__close { position: absolute; top: 7px; right: 10px; border: 0; background: transparent; color: inherit; font-size: 26px; cursor: pointer; }