/* Arrange cards owns its layout; global Bootstrap dialog shadows and fixed content heights do not apply. */
.listen-arrange-modal.modal>.modal-dialog{width:min(620px,calc(100vw - 32px));max-width:620px;margin:16px auto;background:transparent;border:0;box-shadow:none;padding:0}
.listen-arrange-modal.modal>.modal-dialog>.modal-content{height:auto;min-height:0;max-height:min(820px,calc(100dvh - 32px));display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid #e8e0ef;border-radius:15px;box-shadow:0 24px 80px #34243f30}
.listen-arrange-modal.modal .modal-header,.listen-arrange-modal.modal .modal-footer{flex:0 0 auto;padding:16px 20px}
.listen-arrange-modal.modal .modal-body{flex:1 1 auto;height:auto;min-height:0;max-height:min(640px,calc(100dvh - 200px));overflow-y:auto;overscroll-behavior:contain;padding:16px 20px}
.listen-arrange-modal.modal ol{margin:12px 0}
@media(max-width:480px){.listen-arrange-modal.modal>.modal-dialog{width:calc(100vw - 20px);margin:10px auto}.listen-arrange-modal.modal>.modal-dialog>.modal-content{max-height:calc(100dvh - 20px)}.listen-arrange-modal.modal .modal-header,.listen-arrange-modal.modal .modal-body,.listen-arrange-modal.modal .modal-footer{padding:14px}.listen-arrange-modal.modal .modal-body{max-height:calc(100dvh - 190px)}}