/* Minimal modal styling (adjust to match your design) */
.modal { 
    display:none; 
    position:fixed; 
    inset:0; 
    z-index:9999; 
}
.modal.is-open { 
    display:block; 
}
.modal__backdrop { 
    position:absolute; 
    inset:0; 
    background:rgba(0,0,0,0.55); 
}
.modal__panel {
    position:relative;
    max-width:720px;
    max-height: 90vh;
    margin:5vh auto;
    background:#fff;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 10px 40px rgba(0,0,0,0.25);
    display: flex;           /* allow internal scrolling */
    flex-direction: column;
}
.modal__header, .modal__footer { 
    padding:16px 18px; 
    background:#f5f7fb; 
}
.modal__body { 
    padding:18px; 
    line-height:1.5;
    overflow-y: auto;        /* KEY: scrollable content */
    -webkit-overflow-scrolling: touch; /* smooth iOS scroll */
}
.modal__header { 
    display:flex; 
    align-items:center; 
    justify-content:space-between; 
    gap:12px; 
}
.modal__close {
    border:0; 
    background:transparent; 
    font-size:26px; 
    line-height:1; 
    cursor:pointer;
}
.modal__btn {
    padding:10px 14px; 
    cursor:pointer; 
}
.form-meta { 
    margin-top:10px; font-style:italic; 
}