/* Approved received media only. The incumbent theme, type and actions remain. */
.pp-sales-hero-picture,
.pp-sales-hero-picture .pp-sales-hero-image {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    object-fit: contain;
}
.pp-sales-hero-picture { min-width: 0; }
.pp-sales-hero-picture .pp-sales-hero-image { aspect-ratio: 3 / 2; }
.pp-welcome.pp-sales-welcome {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(380px, 1fr);
    align-items: center;
    gap: 24px;
}
.pp-welcome.pp-sales-welcome .pp-welcome-copy,
.pp-welcome.pp-sales-welcome .pp-welcome-art {
    min-width: 0;
}
.pp-welcome.pp-sales-welcome .pp-welcome-art {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}
.pp-sales-offer-image,
.pp-design-pilot .pp-choice-preview img.pp-sales-offer-image {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: none;
    aspect-ratio: 4 / 3;
    object-fit: contain;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    transform: none;
}
.pp-product-choices .pp-choice-preview.pp-sales-choice-preview,
.pp-design-pilot .pp-product-choices .pp-choice-preview.pp-sales-choice-preview {
    display: block;
    width: 100%;
    height: auto;
    min-height: 0;
    padding: 0;
    margin: 0 0 20px;
    background: transparent;
}
.pp-sales-teaching-accent {
    display: block;
    flex: 0 0 auto;
    width: auto;
    height: 160px;
    max-width: 100%;
    object-fit: contain;
    margin: 0 16px 0 0;
}
.pp-sales-home-offers { margin: 40px 0; }
.pp-design-samples .pp-sample-intro:has(.pp-sales-teaching-accent) {
    padding: 24px;
    display: flow-root;
}
.pp-design-samples .pp-sample-intro .pp-sales-teaching-accent { float: left; }
.pp-design-lesson #content .pp-letter-worksheet .pp-letter-worksheet-preview {
    float: none;
    display: block;
    width: min(100%, 180px);
    max-width: 180px;
    margin: 0 auto 20px;
}
.pp-design-lesson #content .pp-letter-worksheet .pp-letter-worksheet-preview img {
    width: 100%;
    height: auto;
    object-fit: contain;
}
.pp-design-lesson #content .pp-letter-worksheet .pp-choice-price { font-size: 22px; }
.pp-design-lesson #content .pp-letter-worksheet .pp-cart-control a,
.pp-design-pilot .pp-product-choices .pp-cart-control a {
    display: inline-block;
    padding: 12px 16px;
    min-height: 44px;
}
.pp-sales-choice .pp-choice-footer > p { margin: 12px 0 0; }
.pp-sales-choice .pp-choice-footer .pp-choice-price { margin: 0 0 12px; }
.pp-sales-choice .pp-cart-control p { margin: 0; padding: 0; border: 0; }
@media (min-width: 601px) and (max-width: 1100px) {
    .pp-design-lesson #content .pp-letter-worksheet { grid-template-columns: 150px minmax(0, 1fr); }
}
@media (max-width: 900px) {
    .pp-welcome.pp-sales-welcome {
        grid-template-columns: minmax(0, 1fr);
    }
    .pp-welcome.pp-sales-welcome .pp-welcome-art {
        max-width: 560px;
        margin-inline: auto;
    }
}
@media (max-width: 639px) {
    .pp-design-samples .pp-sample-contents {
        grid-template-columns: minmax(0, 1fr);
        max-width: 360px;
        margin-inline: auto;
    }
    .pp-welcome.pp-sales-welcome { gap: 16px; }
    .pp-welcome.pp-sales-welcome .pp-welcome-copy { order: 0; }
    .pp-welcome.pp-sales-welcome .pp-welcome-art {
        order: 1;
        width: 100%;
        max-width: 324px;
        margin: 0 auto;
    }
    .pp-sales-hero-picture .pp-sales-hero-image { aspect-ratio: 5 / 7; }
    .pp-design-lesson #content .pp-letter-worksheet .pp-letter-worksheet-preview {
        width: min(100%, 240px);
        max-width: 240px;
    }
    .pp-design-pilot .pp-product-choices > section.pp-sales-choice {
        display: flex;
        flex-direction: column;
        gap: 0;
    }
    .pp-design-pilot .pp-product-choices .pp-choice-preview.pp-sales-choice-preview {
        align-self: stretch;
    }
}
