#shareableMagooPaywallRoot .publishing-dialog .modal-dialog {
    width: calc(100% - 32px);
    max-width: 440px;
    margin: 16px auto;
    min-height: calc(100% - 32px);
}
#shareableMagooPaywallRoot .publishing-dialog .modal-content {
    position: relative;
    width: 100%;
    max-width: none;
    background: #fff;
    border: 0;
    border-radius: 24px;
    color: #0F133A;
}
#shareableMagooPaywallRoot .publishing-dialog .modal-body {
    padding: 64px 24px 28px;
    text-align: center;
}
#shareableMagooPaywallRoot .publishing-dialog h2 {
    margin: 0 0 16px;
    color: #0F133A;
    font-size: 28px;
    font-weight: 900;
    line-height: 1.2;
}
#shareableMagooPaywallRoot .publishing-dialog p {
    margin: 0 0 24px;
    font-size: 17px;
    line-height: 1.5;
}
#shareableMagooPaywallRoot .publishing-dialog-close {
    position: absolute;
    top: 8px;
    right: 8px;
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    padding: 6px;
    border: 0;
    background: transparent;
    cursor: pointer;
    z-index: 2;
}
#shareableMagooPaywallRoot .publishing-dialog-close img { width: 32px; height: 32px; }
#shareableMagooPaywallRoot .publishing-dialog .publishing-dialog-credit {
    margin-bottom: 0;
    color: #CC0000;
    font-weight: 700;
}
#shareableMagooPaywallRoot .publishing-dialog .publishing-dialog-price {
    margin-bottom: 24px;
    font-size: 40px;
    font-weight: 900;
}
#shareableMagooPaywallRoot .paywall-actions { padding: 0; gap: 12px; }
#shareableMagooPaywallRoot .paywall-btn,
#shareableMagooPaywallRoot .paywall-btn-secondary,
#shareableMagooPaywallRoot .paywall-btn-tertiary {
    display: block;
    width: 100%;
    min-height: 48px;
    padding: 14px 12px;
    border-radius: 12px;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.3;
    white-space: normal;
    cursor: pointer;
}
#shareableMagooPaywallRoot .paywall-btn { background: #CC0000; color: #fff; border: 1px solid #CC0000; }
#shareableMagooPaywallRoot .paywall-btn-secondary { color: #0F133A; border: 1px solid #ccc; background: #fff; }
#shareableMagooPaywallRoot .paywall-btn-tertiary { color: #0F133A; background: transparent; border: 0; }
#shareableMagooPaywallRoot .publishing-dialog-more {
    min-height: 44px;
    margin-top: 8px;
    border: 0;
    background: transparent;
    color: #0F133A;
    text-decoration: underline;
    cursor: pointer;
}
#shareableMagooPaywallRoot .publishing-dialog-pack { margin: 24px 0; }
#shareableMagooPaywallRoot .publishing-dialog-pack h3 { color: #CC0000; font-size: 20px; font-weight: 700; }
#shareableMagooPaywallRoot button:focus-visible { outline: 3px solid #CC0000; outline-offset: 3px; }
[data-magoo-state-error] { color: #CC0000; font-size: 14px; }
@media (max-width: 360px) {
    #shareableMagooPaywallRoot .publishing-dialog .modal-body { padding: 60px 16px 24px; }
    #shareableMagooPaywallRoot .publishing-dialog h2 { font-size: 25px; }
}