/* The desktop design remains intact; only the readable article is shown on phones. */
.sfpp-responsive-post { min-width: 0; max-width: 100%; }
.sfpp-responsive-post > .sfpp-desktop-layout { display: block !important; margin-top: 0; }
.sfpp-responsive-post > .sfpp-mobile-article { display: none !important; }
.sfpp-mobile-article {
    box-sizing: border-box; min-width: 0; max-width: 100%; padding: 20px;
    background: #fff; color: #172a3c; font: 18px/1.7 system-ui, sans-serif;
    text-align: left; overflow-wrap: anywhere;
}
.sfpp-mobile-article p, .sfpp-mobile-article li { font-size: 18px; line-height: 1.7; color: #172a3c; }
.sfpp-mobile-article p { margin: 0 0 1.1em; }
.sfpp-mobile-article h2 { margin: 1.5em 0 .65em; color: #10243b; font-size: 25px; line-height: 1.3; }
.sfpp-mobile-article a { color: #075b9b; text-decoration: underline; }
.sfpp-mobile-article ul, .sfpp-mobile-article ol { padding-left: 1.5em; margin: 0 0 1.2em; }
.sfpp-mobile-article figure { float: none; width: auto; max-width: 100%; margin: 1.3em 0; }
.sfpp-mobile-article img { display: block; max-width: 100%; height: auto; margin: 0 auto; }
.sfpp-mobile-article .sfpp-original-link { font-size: 16px; }
@media (max-width: 799px) {
    .sfpp-responsive-post > .sfpp-desktop-layout { display: none !important; }
    .sfpp-responsive-post > .sfpp-mobile-article { display: block !important; margin-top: 0; }
}
@media print {
    .sfpp-responsive-post > .sfpp-desktop-layout { display: block !important; }
    .sfpp-responsive-post > .sfpp-mobile-article { display: none !important; }
}