/* paywall */
.paywall { max-width: 1000px; margin: 0 auto; margin-bottom: 32px; }
.paywall img {width: 100%}

.paywall_notice { padding: 8px 16px 20px; text-align: center; }
.paywall_more { font-size: 16px; font-weight: bold; color: #303030; }
.paywall_login { margin-top: 20px; font-size: 14px; color: #424242; }
.paywall_login a { font-weight: bold; text-decoration: underline; }

.paywall_banner {
    position: relative;
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 32px;
    background:
        linear-gradient(90deg, rgba(255,255,255,.92) 0%, rgba(255,255,255,.85) 60%, rgba(255,255,255,.6) 100%),
        url("../img/paywall-bg.jpg") right center / cover no-repeat,
        #f2f2f2;
}

.paywall_device { flex: 0 0 240px; }

.paywall_content { flex: 1; max-width: 360px; margin-left: 10px; }
h2.paywall_title { margin:0;font-size: 32px; font-weight: bold; line-height: 1.35; color: #424242; letter-spacing: 1px;text-align:left; }
.paywall_list {margin-top: 14px;text-align: left;list-style: none;padding-left: 0;}
.paywall_list li {
    position: relative;
    padding-left: 22px;
    font-size: 18px;
    color: #424242;
}
.paywall_list li:before {
    content: "";
    position: absolute; left: 3px; top: 8px;
    width: 6px; height: 11px;
    border: solid #424242; border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.paywall_login-link{
    cursor:pointer;
}
a.paywall_btn {
    display: block;
    margin-top: 20px;
    padding: 10px 0;
    background: #CD0505;
    font-size: 16px; color: #fff; text-align: center; letter-spacing: 1px;
    transition: background .2s;
    cursor: pointer;
}
a.paywall_btn:hover { background: #a80404; }
a.paywall_btn span { margin-left: 8px; }

@media (max-width: 640px) {
    .paywall_banner { flex-direction: column; padding: 24px 16px; }
    .paywall_device { flex-basis: auto; width: 200px; }
    .paywall_content { max-width: none; width: 100%; margin-left: 0; }
    .paywall_title { font-size: 24px; text-align: left; }
    .paywall_list li { font-size: 16px;  }
}