/* Legal dialogs (terms of use, privacy) */

.modal {
    width: min(640px, calc(100vw - 2 * var(--bt-nav-x)));
    max-height: min(80vh, 760px);
    padding: clamp(22px, 3vw, 34px);
    border: 1px solid var(--bt-stroke);
    border-radius: var(--bt-radius-lg);
    background: #1c1c1c;
    color: var(--bt-text);
    overflow-y: auto;
    overscroll-behavior: contain;
}

.modal::backdrop {
    background: rgba(0, 0, 0, 0.62);
    backdrop-filter: blur(2px);
}

.modal__close {
    float: right;
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    margin: -6px -6px 0 12px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: none;
    color: var(--bt-muted);
    font-size: 1.9rem;
    line-height: 1;
    cursor: pointer;
    transition: color 0.15s ease, background-color 0.15s ease;
}

.modal__close:hover { color: var(--bt-text); background: rgba(255, 255, 255, 0.08); }

.modal__title {
    margin: 0 0 clamp(14px, 2vw, 20px);
    font-size: clamp(1.5rem, 2.4vw, 2rem);
    font-weight: 700;
}

.modal__body { color: var(--bt-muted); line-height: 1.55; font-size: 0.95rem; }
.modal__body p { margin: 0 0 14px; }
.modal__body h3 {
    margin: 22px 0 8px;
    color: var(--bt-text);
    font-size: 1rem;
    font-weight: 600;
}
.modal__body ul { margin: 0 0 14px; padding-left: 20px; }
.modal__body li { margin-bottom: 7px; }
.modal__body strong { color: var(--bt-text); font-weight: 600; }