/* SCPA Prep Weekly; scoped to imported newsletter posts only. No iframe/embed.
   Desktop width uses --scpa-pwi-desktop-width from plugin settings. */
.scpa-prep-weekly {
    width: 100%;
    max-width: var(--scpa-pwi-desktop-width, 1200px);
    margin-inline: auto;
    overflow-wrap: anywhere;
    color: #253b4e;
}

/* Newsletter-only desktop canvas. The site's normal Elementor post template
   and unrelated pages retain their current width. The WordPress theme can
   impose a narrower max-width on main.site-main; override it for this post. */
@media (min-width: 1025px) {
    body.scpa-pwi-single main.site-main {
        box-sizing: border-box;
        width: calc(100% - 48px) !important;
        max-width: var(--scpa-pwi-desktop-width, 1200px) !important;
        margin-inline: auto !important;
        padding-inline: 0;
    }
    body.scpa-pwi-single main.site-main > .page-content {
        width: 100%;
        max-width: none !important;
    }
    .scpa-prep-weekly.scpa-pwi-original-layout > div > table > tbody > tr > td > table {
        /* Constant Contact centered the entire email in a 620px table.
           Fill the wider desktop canvas, leaving inner image widths intact. */
        width: 100% !important;
        max-width: 100% !important;
    }
}
@media (max-width: 1024px) {
    body.scpa-pwi-single main.site-main {
        box-sizing: border-box;
        width: calc(100% - 32px);
        max-width: 100%;
        margin-inline: auto;
    }
}

/* Original newsletter geometry is stored in post_content. Do not stretch
   images to their source pixel dimensions (often 1200px+). */
.scpa-prep-weekly.scpa-pwi-original-layout img,
.scpa-prep-weekly.scpa-pwi-original-layout .wp-post-image {
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain;
    border: 0;
}
.scpa-prep-weekly.scpa-pwi-original-layout table {
    max-width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin: 0;
    border: 0;
    box-shadow: none;
}
.scpa-prep-weekly.scpa-pwi-original-layout td,
.scpa-prep-weekly.scpa-pwi-original-layout th {
    border: 0;
    box-sizing: border-box;
    vertical-align: top;
    background-image: none;
}
.scpa-prep-weekly.scpa-pwi-original-layout td img,
.scpa-prep-weekly.scpa-pwi-original-layout td a img {
    max-width: 100% !important;
    height: auto !important;
}
.scpa-prep-weekly.scpa-pwi-original-layout p,
.scpa-prep-weekly.scpa-pwi-original-layout h2,
.scpa-prep-weekly.scpa-pwi-original-layout h3 {
    /* Retain source margins/spacing instead of applying theme heading rhythm. */
    max-width: 100%;
}
.scpa-prep-weekly a { text-underline-offset: .12em; }
.scpa-prep-weekly hr { max-width: 100%; }

/* Backward compatible display for previously imported (non-rebuilt) drafts. */
.scpa-prep-weekly:not(.scpa-pwi-original-layout) { max-width: var(--scpa-pwi-desktop-width, 1200px); line-height: 1.7; }
.scpa-prep-weekly .scpa-pwi-image { margin: 1.25rem auto; text-align: center; }
.scpa-prep-weekly .scpa-pwi-image img { display: inline-block; width: auto; max-width: 100%; height: auto; }

.scpa-pwi-archive { max-width: 850px; margin: 0 auto; }
.scpa-pwi-archive-entry { border-bottom: 1px solid #d8dfe5; padding: 1rem 0; }
.scpa-pwi-archive-entry time { font-size: .9em; opacity: .75; }
.scpa-pwi-archive-entry h2 { margin: .25rem 0; font-size: 1.28em; }
.scpa-pwi-pagination { display: flex; flex-wrap: wrap; gap: .75rem; margin: 1.5rem 0; }
.scpa-pwi-pagination a[aria-current="page"] { font-weight: 700; text-decoration: underline; }

@media (max-width: 640px) {
    .scpa-prep-weekly.scpa-pwi-original-layout { width: 100%; }
    .scpa-prep-weekly.scpa-pwi-original-layout table { max-width: 100% !important; }
    .scpa-prep-weekly.scpa-pwi-original-layout img { max-width: 100% !important; }
}

/* Version 1.0.7 — native newsletter, without theme-generated cards/boxes.
   Constant Contact provided all the actual background colors and padding as
   inline styles; only RESET absent styles, so intentional newsletter designs
   (colored title bars, background and dividers) remain visible. */
body.scpa-pwi-single .scpa-prep-weekly.scpa-pwi-original-layout :is(table, tbody, thead, tfoot, tr, td, th) {
    box-shadow: none !important;
    text-shadow: none;
    border-radius: 0 !important;
    outline: 0 !important;
}
body.scpa-pwi-single .scpa-prep-weekly.scpa-pwi-original-layout :is(table, tr, td, th):not([style*="border"]) {
    border: 0 !important;
}
body.scpa-pwi-single .scpa-prep-weekly.scpa-pwi-original-layout :is(table, tr, td, th):not([style*="background"]) {
    background: transparent !important;
}
body.scpa-pwi-single .scpa-prep-weekly.scpa-pwi-original-layout :is(td, th):not([style*="padding"]) {
    padding: 0 !important;
}
body.scpa-pwi-single .scpa-prep-weekly.scpa-pwi-original-layout table:not([width]):not([style*="width"]) {
    width: auto !important;
}
body.scpa-pwi-single .scpa-prep-weekly.scpa-pwi-original-layout img {
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    outline: none !important;
}

/* Mobile is scaled as an intact email canvas, rather than reflowing its
   multi-column table. mobile-fit.js computes the actual measured scale and
   stage height after fonts/images settle. Never affect other WordPress posts. */
@media (max-width: 767px) {
    body.scpa-pwi-single main.site-main {
        box-sizing: border-box;
        width: 100% !important;
        max-width: 100% !important;
        padding-inline: 0 !important;
        margin-inline: auto !important;
        overflow-x: clip;
    }
    body.scpa-pwi-single main.site-main > .page-content {
        width: 100% !important;
        max-width: none !important;
        padding-inline: 0 !important;
    }
    body.scpa-pwi-single .scpa-pwi-mobile-stage {
        width: 100%;
        max-width: 100%;
        position: relative;
        overflow: hidden;
        margin: 0 auto;
        box-sizing: border-box;
    }
    body.scpa-pwi-single .scpa-pwi-mobile-stage > .scpa-prep-weekly.scpa-pwi-original-layout {
        position: absolute;
        top: 0;
        left: 0;
        width: 620px !important;
        min-width: 620px !important;
        max-width: none !important;
        transform-origin: 0 0;
        overflow-wrap: normal;
    }
    body.scpa-pwi-single .scpa-pwi-mobile-stage .scpa-prep-weekly.scpa-pwi-original-layout table {
        max-width: none !important;
    }
    body.scpa-pwi-single .scpa-pwi-mobile-stage .scpa-prep-weekly.scpa-pwi-original-layout img {
        max-width: 100% !important;
        height: auto !important;
    }
}