/*
 * The private-account lock on a profile page (Batch Q). It sits inside the existing
 * .mtv-profile__panel, so it only draws the one thing the profile has never shown: a
 * closed account telling the visitor what would unlock it.
 */
.mtv-lock {
    display: grid;
    justify-items: center;
    gap: 10px;
    margin: 0;
    padding: clamp(30px, 7vw, 56px) clamp(20px, 5vw, 44px);
    text-align: center;
    background: #fff;
    border: 1px solid var(--mtv-hairline);
    border-radius: var(--mtv-radius);
    box-shadow: 0 10px 30px rgba(0, 69, 116, .06);
}

.mtv-lock svg {
    width: 46px;
    height: 46px;
    padding: 10px;
    border-radius: 50%;
    background: rgba(216, 30, 91, .07);
    color: var(--mtv-magenta);
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
}

.mtv-lock strong {
    font: 400 22px/1.2 var(--mtv-font-display);
    color: var(--mtv-navy);
}

.mtv-lock span {
    max-width: 42ch;
    font: 400 14px/1.55 var(--mtv-font-ui);
    color: rgba(0, 69, 116, .65);
    overflow-wrap: anywhere;
}