/* Consistent article typography and mobile reading alignment. Preserve content, affiliate actions and native media.
   Desktop composition stays outside this media query. */
@media (max-width: 600px) {
    body.pagember-signature:is(.single-post,.page) #main.approved-reading {
        padding-top: 22px;
        padding-bottom: 48px;
    }
    body.pagember-signature:is(.single-post,.page) #main.approved-reading .article-header {
        text-align: start;
        margin: 0 auto 24px;
        padding: 0;
    }
    body.pagember-signature:is(.single-post,.page) #main.approved-reading .article-header > h1 {
        font-size: clamp(24px, 6.7vw, 28px) !important;
        line-height: 1.2 !important;
        letter-spacing: -.025em;
        max-width: none !important;
        margin: 10px 0 14px !important;
        text-align: start !important;
        text-wrap: pretty;
        overflow-wrap: break-word;
    }
    body.pagember-signature:is(.single-post,.page) #main.approved-reading .article-header .eyebrow {
        font-size: 10px;
        line-height: 1.5;
        letter-spacing: .09em;
        text-align: start;
    }
    body.pagember-signature:is(.single-post,.page) #main.approved-reading .article-deck {
        font-size: 15.5px !important;
        line-height: 1.65 !important;
        max-width: none !important;
        margin: 0 0 16px;
        text-align: start !important;
        text-wrap: pretty;
    }
    body.pagember-signature:is(.single-post,.page) #main.approved-reading .article-meta {
        justify-content: flex-start;
        gap: 6px 12px;
        font-size: 11px;
        line-height: 1.6;
        text-align: start;
    }
    body.pagember-signature:is(.single-post,.page) #main.approved-reading .article-quick-links {
        justify-content: flex-start !important;
        gap: 8px !important;
        margin: 18px 0 0;
    }
    body.pagember-signature:is(.single-post,.page) #main.approved-reading .article-quick-links a {
        justify-content: center;
        min-height: 44px;
        padding: 8px 13px;
        border: 1px solid #dce7f0;
        border-radius: 10px;
        background: #fff;
        font-size: 12px;
        line-height: 1.4;
    }
    body.pagember-signature:is(.single-post,.page) #main.approved-reading .reading-decision {
        padding: 18px 16px !important;
        margin: 0 0 24px !important;
        border: 1px solid #dae7f1 !important;
        border-radius: 16px !important;
        background: #eef5fb !important;
        text-align: start;
    }
    body.pagember-signature:is(.single-post,.page) #main.approved-reading .reading-decision :is(h2,.eyebrow) {
        text-align: start;
    }
    body.pagember-signature:is(.single-post,.page) #main.approved-reading .reading-decision-heading {
        display: flex;
        justify-content: flex-start;
    }
    body.pagember-signature:is(.single-post,.page) #main.approved-reading .reading-decision-text {
        font-size: 16px !important;
        line-height: 1.65 !important;
        margin: 12px 0 16px !important;
        text-align: start !important;
        text-wrap: pretty;
    }
    body.pagember-signature:is(.single-post,.page) #main.approved-reading .reading-decision-evidence {
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 8px 14px;
        text-align: start;
    }
    body.pagember-signature:is(.single-post,.page) #main.approved-reading .eprc-section {
        padding: 22px 16px;
        border-radius: 16px;
        margin: 24px 0;
        box-shadow: none;
    }
    body.pagember-signature:is(.single-post,.page) #main.approved-reading .article-body h2 {
        font-size: clamp(20px, 5.4vw, 22px) !important;
        line-height: 1.3 !important;
        letter-spacing: -.015em;
        text-align: start !important;
        text-wrap: pretty;
        margin-bottom: 18px;
    }
    body.pagember-signature:is(.single-post,.page) #main.approved-reading .article-body h3 {
        font-size: 18px !important;
        line-height: 1.4 !important;
        text-align: start !important;
        margin: 24px 0 12px;
    }
    body.pagember-signature:is(.single-post,.page) #main.approved-reading :is(.article-body > p,.eprc-section > p) {
        font-size: 16px;
        line-height: 1.7;
        margin: 0 0 20px;
        text-align: start;
        text-wrap: pretty;
        overflow-wrap: break-word;
    }
    body.pagember-signature:is(.single-post,.page) #main.approved-reading .eprc-section--existing {
        padding: 0;
        border: 0;
        background: transparent;
    }

    body.pagember-signature:is(.single-post,.page) #main.approved-reading .article-body p {
        font-size: 16px;
        line-height: 1.7;
        text-align: start;
        text-wrap: pretty;
    }
    body.pagember-signature:is(.single-post,.page) #main.approved-reading .article-body :is(li,dt,dd,figcaption) {
        text-align: start;
    }
    /* One panel inset, rather than an outer panel narrowing every price card. */
    body.pagember-signature:is(.single-post,.page) #main.approved-reading .article-prices {
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0;
        background: transparent !important;
        margin: 28px 0 !important;
    }
    body.pagember-signature:is(.single-post,.page) #main.approved-reading .article-plan-card {
        padding: 20px 16px !important;
    }
    body.pagember-signature:is(.single-post,.page) #main.approved-reading .article-body .is-layout-constrained > :is(p,h2,h3,h4,ul,ol,figure) {
        max-width: 100%;
        margin-inline: 0 !important;
    }
    /* The two authored pilots use native components instead of EPRC blocks. */
    body.pagember-signature:is(.single-post,.page) #main.approved-reading .article-body .ep-pilot :is(.pilot-intro,.pilot-section,.pilot-example,.pilot-caution,.pilot-note,.pilot-card,.ng-service,.ng-plan,.ng-next,.ng-answer,.ng-price-context) {
        padding: 20px 16px;
        text-align: start;
    }
    body.pagember-signature:is(.single-post,.page) #main.approved-reading .article-body .ep-pilot :is(.pilot-card-grid,.pilot-checks,.ng-services,.ng-plan-grid) {
        grid-template-columns: minmax(0,1fr);
    }
}

/* Official brand artwork sits after the article information, without cropping. */
body.pagember-signature:is(.single-post,.page) #main.approved-reading .article-header > .article-meta {align-items:center}
body.pagember-signature:is(.single-post,.page) #main.approved-reading .article-meta > .article-meta-brand {
    display:flex;align-items:center;flex:0 0 auto;margin:0 0 0 24px;padding:0;
}
body.pagember-signature:is(.single-post,.page) #main.approved-reading .article-meta-brand .company-identity {justify-content:flex-end;margin:0;min-height:0;height:auto;width:auto;max-width:100%;padding:0}
body.pagember-signature:is(.single-post,.page) #main.approved-reading .article-meta-brand .company-logo-fastmail {display:block;margin:0;padding:0;background:transparent;max-width:100%}
body.pagember-signature:is(.single-post,.page) #main.approved-reading .article-meta-brand img.company-logo {
    width:auto!important;height:32px!important;max-width:160px!important;max-height:32px!important;object-fit:contain!important;object-position:right center;
}
@media (max-width:600px) {
    body.pagember-signature:is(.single-post,.page) #main.approved-reading .article-meta > .article-meta-brand {flex-basis:100%;justify-content:center;margin:8px 0 0}
    body.pagember-signature:is(.single-post,.page) #main.approved-reading .article-meta-brand .company-identity {justify-content:center}
    body.pagember-signature:is(.single-post,.page) #main.approved-reading .article-meta-brand img.company-logo {height:28px!important;max-height:28px!important;max-width:150px!important;object-position:center}
}

/* Balance long editorial titles instead of leaving a short word on its own line. */
body.pagember-signature:is(.single-post,.page) #main.approved-reading .article-header > h1 {
    font-size:clamp(30px,3.2vw,44px)!important;
    line-height:1.18!important;
    letter-spacing:-.025em;
    max-width:none!important;
    text-wrap:balance!important;
    overflow-wrap:break-word;
}
@media (min-width:601px) and (max-width:1000px) {
    body.pagember-signature:is(.single-post,.page) #main.approved-reading .article-header > h1 {font-size:clamp(28px,4vw,38px)!important}
}
@media (max-width:600px) {
    body.pagember-signature:is(.single-post,.page) #main.approved-reading .article-header > h1 {width:100%!important;max-width:none!important;max-inline-size:none!important;margin-inline:0!important;font-size:clamp(24px,6.7vw,28px)!important;line-height:1.2!important;text-wrap:wrap!important}
    body.pagember-signature:is(.single-post,.page) #main.approved-reading :is(
        .article-deck,
        :is(.article-header,.article-body) p:not(.article-provider-name,.purchase-price),
        :is(.article-header,.article-body) li,
        .article-body blockquote,
        .article-body figcaption,
        :is(.article-header,.article-body) .provider-relationship-note,
        .article-body .eprc-table td,
        .article-body .wp-block-table td,
        .article-body .pilot-table td
    ) {
        text-align:justify!important;
        text-align-last:start;
        text-justify:inter-word;
        text-wrap:wrap;
        -webkit-hyphens:auto;
        hyphens:auto;
        overflow-wrap:break-word;
    }
}

/* Return-to-library navigation is omitted on the mobile article layout. */
@media (max-width:1000px) {
    body.pagember-signature:is(.single-post,.page) #main.approved-reading :is(.comparison-return,.breadcrumbs) {display:none!important}
}