.articlepassword-protection {
    box-sizing: border-box;
    width: calc(100% - 2rem) !important;
    max-width: 500px !important;
    margin: clamp(2.5rem, 8vh, 5rem) auto !important;
    overflow: hidden;
    border-radius: 18px;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.16);
}

.articlepassword-protection .card-body {
    padding: clamp(1.5rem, 4vw, 2.25rem) !important;
}

.articlepassword-protection .card-title {
    margin: 0 0 0.75rem;
}

.articlepassword-protection .card-text {
    margin-bottom: 1.5rem;
}

.articlepassword-protection .articlepassword-form {
    margin: 0;
}

.articlepassword-protection .form-control {
    box-sizing: border-box;
    width: 100%;
    min-height: 46px;
    padding: 0.7rem 0.9rem;
    border-radius: 12px;
}

.articlepassword-protection .btn {
    min-width: 130px;
}

@media (max-width: 575.98px) {
    .articlepassword-protection {
        width: calc(100% - 1.5rem) !important;
        margin: 1.5rem auto !important;
        border-radius: 14px;
    }
}