/**
 * WordPress theme wrapper — scopes legacy body styles to the calculator embed.
 */
.pta-tcp-wrap {
    margin: 0;
    min-height: 0;
    width: 100%;
    max-width: 100%;
    background:
        radial-gradient(ellipse 80% 60% at 10% -10%, rgba(99, 102, 241, 0.14), transparent 55%),
        radial-gradient(ellipse 70% 50% at 100% 0%, rgba(16, 185, 129, 0.12), transparent 50%),
        linear-gradient(180deg, #f8fafc 0%, #eef2ff 45%, #f0fdf4 100%);
}

.pta-tcp-wrap .calculator {
    margin-left: auto;
    margin-right: auto;
}

/* Break out of theme content padding on phones/tablets */
@media (max-width: 782px) {
    .entry-content .pta-tcp-wrap,
    .wp-block-post-content .pta-tcp-wrap,
    .site-content .pta-tcp-wrap,
    .content-area .pta-tcp-wrap,
    .pta-tcp-wrap {
        width: 100vw;
        max-width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        padding-left: 10px;
        padding-right: 10px;
        box-sizing: border-box;
    }

    .pta-tcp-wrap .calculator {
        width: 100%;
        max-width: 100%;
        margin-top: 0.75rem;
        margin-bottom: 1.25rem;
        padding: 12px 10px;
        border-radius: 14px;
    }

    .pta-tcp-wrap .tool-header {
        padding: 16px 14px;
        margin-bottom: 14px;
    }

    .pta-tcp-wrap .panel-pad {
        padding: 14px 12px;
    }

    .pta-tcp-wrap .title-block h1 {
        font-size: 1.35rem;
        line-height: 1.25;
    }

    .pta-tcp-wrap .title-block p {
        font-size: 0.92rem;
    }
}

@media (max-width: 400px) {
    .entry-content .pta-tcp-wrap,
    .wp-block-post-content .pta-tcp-wrap,
    .site-content .pta-tcp-wrap,
    .content-area .pta-tcp-wrap,
    .pta-tcp-wrap {
        padding-left: 6px;
        padding-right: 6px;
    }

    .pta-tcp-wrap .calculator {
        padding: 10px 8px;
        border-radius: 12px;
    }

    .pta-tcp-wrap .panel-pad {
        padding: 12px 10px;
    }
}
