/*!
 * Single Blog Post styling — applies ONLY to single posts.
 * Enqueued conditionally in functions.php via is_singular('post').
 * Loads LAST so it wins the cascade over style.css blanket rules
 * (e.g. body.single-post h1 { 36px !important }, .entry-title { 2.4em },
 *  .entry-meta { text-transform: uppercase }, etc.)
 *
 * Layout:
 *   .container-fluid.my-5 (page wrapper)
 *   └── .row.padding-both
 *       ├── .col-lg-3 .sticky-lefts        — TOC sidebar
 *       ├── .col-lg-6                       — Article column
 *       │   └── main.sitemein > article
 *       │       ├── .wp-post-image
 *       │       ├── .entry-header / .entry-title / .entry-meta
 *       │       ├── .entry-content
 *       │       ├── #post-signup            — "How PKC can help you" banner
 *       │       └── footer.entry-footer
 *       └── .col-lg-3 .cform                — Sticky Zoho form
 *   .post-navigation                        — Prev / Next
 *   .yarpp-related                          — Related-posts thumbnails
 */

/* ─────────────────────────────────────────────────────────────────
 * 0. Page wrapper + grid
 * ───────────────────────────────────────────────────────────────── */
body.single-post .container-fluid.my-5 {
    background: #f6f8fb !important;
    padding: 32px 0 56px !important;
    margin: 0 !important;
}
body.single-post .row.padding-both {
    max-width: 1320px;
    margin: 0 auto !important;
}

/* ─────────────────────────────────────────────────────────────────
 * 1. Article card
 * ───────────────────────────────────────────────────────────────── */
body.single-post .sitemein article.post,
body.single-post .site-main > article {
    background: #fff !important;
    border: 1px solid #eef1f7 !important;
    border-radius: 14px !important;
    padding: 32px !important;
    box-shadow: 0 6px 24px rgba(0, 38, 122, 0.06) !important;
    margin: 0 0 24px !important;
}
body.single-post article .wp-post-image,
body.single-post .post-thumbnail img {
    width: 100% !important;
    height: auto !important;
    border-radius: 10px !important;
    margin: 0 0 22px !important;
    display: block !important;
}

/* ─────────────────────────────────────────────────────────────────
 * 2. Entry header (title + meta)
 * ───────────────────────────────────────────────────────────────── */
body.single-post .entry-header {
    margin: 0 0 22px !important;
    padding: 0 0 20px !important;
    border-bottom: 1px solid #eef1f7 !important;
    text-align: left !important;
}
body.single-post .entry-header .entry-title {
    font-size: 2rem !important;          /* 32px */
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    color: #0d1937 !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
    font-family: 'Poppins', sans-serif !important;
    text-transform: none !important;
    border: 0 !important;
}
body.single-post .entry-meta,
body.single-post .entry-meta * {
    text-transform: none !important;
    font-family: 'Poppins', sans-serif !important;
}
body.single-post .entry-meta .posted-on {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    font-size: 0.875rem !important;     /* 14px */
    color: #5a6072 !important;
    background: #f9fafd;
    padding: 6px 14px;
    border-radius: 999px;
    border: 1px solid #eef1f7;
    text-transform: none !important;
}
body.single-post .entry-meta .posted-on time {
    color: #1f2a44 !important;
    font-weight: 600 !important;
}
body.single-post .entry-meta .posted-on img {
    vertical-align: middle;
    margin-right: 4px;
    height: 16px;
    width: auto;
}

/* ─────────────────────────────────────────────────────────────────
 * 3. Entry content typography
 * ───────────────────────────────────────────────────────────────── */
body.single-post .entry-content {
    font-family: 'Poppins', sans-serif !important;
    font-size: 1rem !important;          /* 16px */
    line-height: 1.75 !important;
    color: #2c2f36 !important;
}
body.single-post .entry-content p {
    margin: 0 0 16px !important;
    font-size: 1rem !important;
    line-height: 1.75 !important;
    color: #2c2f36 !important;
}
body.single-post .entry-content a {
    color: #1a4cd0 !important;
    text-decoration: underline !important;
    text-decoration-color: rgba(26, 76, 208, 0.35) !important;
    text-underline-offset: 3px;
}
body.single-post .entry-content a:hover {
    color: #00267a !important;
    text-decoration-color: currentColor !important;
}
body.single-post .entry-content h2 {
    font-size: 1.5rem !important;        /* 24px */
    font-weight: 700 !important;
    color: #0d1937 !important;
    line-height: 1.3 !important;
    letter-spacing: 0 !important;
    margin: 32px 0 12px !important;
    padding: 0 !important;
    text-transform: none !important;
    scroll-margin-top: 100px;
    border: 0 !important;
    font-family: 'Poppins', sans-serif !important;
}
body.single-post .entry-content h3 {
    font-size: 1.25rem !important;       /* 20px */
    font-weight: 700 !important;
    color: #1f2a44 !important;
    line-height: 1.35 !important;
    letter-spacing: 0 !important;
    margin: 24px 0 10px !important;
    padding: 0 !important;
    text-transform: none !important;
    scroll-margin-top: 100px;
    border: 0 !important;
    font-family: 'Poppins', sans-serif !important;
}
body.single-post .entry-content h4 {
    font-size: 1.0625rem !important;     /* 17px */
    font-weight: 700 !important;
    color: #1f2a44 !important;
    line-height: 1.4 !important;
    letter-spacing: 0 !important;
    margin: 20px 0 8px !important;
    text-transform: none !important;
    font-family: 'Poppins', sans-serif !important;
}
body.single-post .entry-content ul,
body.single-post .entry-content ol {
    padding-left: 22px !important;
    margin: 0 0 18px !important;
}
body.single-post .entry-content li {
    margin-bottom: 8px !important;
    font-weight: 400 !important;
    line-height: 1.7;
    color: #2c2f36;
}
body.single-post .entry-content li strong { color: #1f2a44 !important; }
body.single-post .entry-content blockquote {
    border-left: 4px solid #f2c433 !important;
    background: #fff8e1 !important;
    padding: 18px 22px !important;
    border-radius: 0 8px 8px 0 !important;
    margin: 22px 0 !important;
    font-style: italic;
    color: #3a3f4d;
}
body.single-post .entry-content img,
body.single-post .entry-content figure img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 8px;
    display: block;
    margin: 18px auto;
}
body.single-post .entry-content figure { margin: 18px 0 !important; }
body.single-post .entry-content figcaption {
    text-align: center;
    font-size: 0.8125rem;
    color: #6b7280;
    margin-top: 6px;
}
body.single-post .entry-content table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin: 18px 0 !important;
    font-size: 0.9375rem;
}
body.single-post .entry-content table th,
body.single-post .entry-content table td {
    padding: 10px 12px !important;
    border: 1px solid #e5e9f2 !important;
    text-align: left;
}
body.single-post .entry-content table th {
    background: #f6f8fb !important;
    font-weight: 700;
    color: #1f2a44;
}
body.single-post .entry-content code {
    background: #f5f7fb;
    border: 1px solid #eef1f7;
    border-radius: 4px;
    padding: 1px 6px;
    font-size: 0.875rem;
    color: #1f2a44;
}

/* ─────────────────────────────────────────────────────────────────
 * 4. Left sidebar: Table of Contents (.sticky-lefts)
 * ───────────────────────────────────────────────────────────────── */
body.single-post .sticky-lefts {
    background: #fff !important;
    border: 1px solid #eef1f7;
    border-radius: 12px;
    padding: 20px 18px !important;
    box-shadow: 0 4px 14px rgba(0, 38, 122, 0.05);
}
body.single-post .sticky-lefts > p {
    text-align: left !important;
    color: #1f2a44 !important;
    margin: 0 !important;
    font-size: 14px !important;
}
body.single-post .sticky-lefts nav.ez-toc-container,
body.single-post .sticky-lefts div#ez-toc-container {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    width: 100% !important;
}
body.single-post .sticky-lefts .ez-toc-title-container {
    margin-bottom: 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid #eef1f7;
}
body.single-post .sticky-lefts .ez-toc-title {
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    color: #00267a !important;
}
body.single-post .sticky-lefts ul.ez-toc-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
body.single-post .sticky-lefts ul.ez-toc-list ul {
    list-style: none !important;
    padding-left: 14px !important;
    margin: 4px 0 !important;
}
body.single-post .sticky-lefts ul.ez-toc-list li {
    font-size: 0.875rem !important;
    margin: 0 !important;
    padding: 2px 0 !important;
    line-height: 1.45;
}
body.single-post .sticky-lefts a.ez-toc-link {
    display: block !important;
    padding: 6px 10px !important;
    border-radius: 6px !important;
    color: #4a505d !important;
    text-decoration: none !important;
    border-left: 3px solid transparent;
    transition: background .15s ease, color .15s ease, border-color .15s ease;
}
body.single-post .sticky-lefts a.ez-toc-link:hover {
    background: #fff8e1 !important;
    color: #00267a !important;
}
body.single-post .sticky-lefts a.ez-toc-link.active,
body.single-post .sticky-lefts a.active {
    background: rgba(0, 38, 122, 0.06) !important;
    color: #00267a !important;
    font-weight: 600 !important;
    border-left-color: #f2c433 !important;
}

/* ─────────────────────────────────────────────────────────────────
 * 5. "How PKC can help you" CTA banner (#post-signup)
 * ───────────────────────────────────────────────────────────────── */
body.single-post #post-signup {
    background: linear-gradient(135deg, #00267a 0%, #1438a6 100%) !important;
    border-radius: 14px !important;
    padding: 0 !important;
    margin: 32px 0 !important;
    overflow: hidden;
    box-shadow: 0 14px 30px rgba(0, 38, 122, 0.18);
}
body.single-post #post-signup .pg-serv-sucont {
    margin: 0 !important;
    align-items: center !important;
    min-height: 0;
}
body.single-post #post-signup .pg-serv-sucont > [class*="col-"] {
    padding: 0 !important;
}
body.single-post #post-signup .pg-serv-suttl {
    padding: 28px 30px !important;
    color: #fff !important;
}
body.single-post #post-signup .pg-serv-sucont > .col-12.col-lg-6.p-0,
body.single-post #post-signup .pg-serv-sucont > .p-0 {
    padding: 20px 30px 20px 0 !important;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
body.single-post #post-signup .pg-serv-suttl h2 {
    font-size: 1.5rem !important;        /* 24px */
    font-weight: 800 !important;
    color: #fff !important;
    margin: 0 0 8px !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    line-height: 1.25 !important;
    border: 0 !important;
}
body.single-post #post-signup .pg-serv-suttl p {
    font-size: 0.9375rem !important;
    color: rgba(255, 255, 255, 0.88) !important;
    margin: 0 0 4px !important;
    line-height: 1.5 !important;
}
body.single-post #post-signup .pg-serv-suttl p a {
    color: #f2c433 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}
body.single-post #post-signup a.frm-mdl-lnk.popfrm {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 14px 26px !important;
    background: #f2c433 !important;
    color: #1f2a44 !important;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.3;
    border-radius: 8px;
    text-decoration: none !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.18);
    transition: background .15s ease, transform .15s ease, box-shadow .15s ease;
    white-space: nowrap;
}
body.single-post #post-signup a.frm-mdl-lnk.popfrm:hover {
    background: #ffd84a !important;
    transform: translateY(-2px);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.22);
}
body.single-post #post-signup a.frm-mdl-lnk.popfrm > span:first-child {
    padding: 0 !important;
    margin: 0 !important;
    color: inherit;
}
/* Defeat style.css legacy: .arr_svg has width:160px + white-bg on hover */
body.single-post #post-signup a.frm-mdl-lnk.popfrm .arr_svg,
body.single-post #post-signup a.frm-mdl-lnk.popfrm:hover .arr_svg {
    width: 22px !important;
    height: 22px !important;
    flex-shrink: 0;
    padding: 0 !important;
    background: transparent !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform .15s ease;
}
body.single-post #post-signup a.frm-mdl-lnk.popfrm:hover .arr_svg { transform: translateX(4px); }
body.single-post #post-signup a.frm-mdl-lnk.popfrm .arr_svg svg {
    width: 22px !important;
    height: 22px !important;
    margin: 0 !important;
    display: block;
}
body.single-post #post-signup a.frm-mdl-lnk.popfrm .arr_svg svg path,
body.single-post #post-signup a.frm-mdl-lnk.popfrm:hover .arr_svg svg path {
    fill: #1f2a44 !important;
}

/* ─────────────────────────────────────────────────────────────────
 * 6. Post navigation (Previous / Next blog post)
 * ───────────────────────────────────────────────────────────────── */
body.single-post .post-navigation { margin: 32px 0 !important; }
body.single-post .post-navigation .nav-links {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 12px !important;
}
body.single-post .post-navigation a {
    display: flex !important;
    flex-direction: column;
    gap: 4px;
    padding: 14px 18px !important;
    background: #fff !important;
    border: 1px solid #e5e9f2 !important;
    border-radius: 10px !important;
    color: #1f2a44 !important;
    text-decoration: none !important;
    transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
body.single-post .post-navigation a:hover {
    border-color: rgba(0, 38, 122, 0.25) !important;
    box-shadow: 0 8px 18px rgba(0, 38, 122, 0.08);
    transform: translateY(-2px);
}
body.single-post .post-navigation .nav-subtitle {
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    color: #00267a !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}
body.single-post .post-navigation .nav-next { text-align: right !important; }

/* ─────────────────────────────────────────────────────────────────
 * 7. YARPP Related posts
 * ───────────────────────────────────────────────────────────────── */
body.single-post .yarpp-related,
body.single-post .yarpp-thumbnails-horizontal {
    margin: 32px 0 !important;
    padding: 22px 0 0 !important;
    border-top: 1px solid #eef1f7;
}
body.single-post .yarpp-related h3 {
    font-size: 1.125rem !important;
    font-weight: 700 !important;
    color: #0d1937 !important;
    margin: 0 0 16px !important;
    text-transform: none !important;
    border: 0 !important;
}
body.single-post .yarpp-thumbnails-horizontal .yarpp-thumbnail {
    display: inline-block !important;
    vertical-align: top;
    width: calc(33.333% - 12px) !important;
    margin: 0 12px 16px 0 !important;
    background: #fff !important;
    border: 1px solid #e5e9f2 !important;
    border-radius: 10px !important;
    overflow: hidden;
    text-decoration: none !important;
    transition: box-shadow .15s ease, transform .15s ease, border-color .15s ease;
}
body.single-post .yarpp-thumbnails-horizontal .yarpp-thumbnail:hover {
    border-color: rgba(0, 38, 122, 0.18) !important;
    box-shadow: 0 10px 22px rgba(0, 38, 122, 0.10);
    transform: translateY(-2px);
}
body.single-post .yarpp-thumbnails-horizontal img {
    width: 100% !important;
    height: 140px !important;
    object-fit: cover;
    display: block;
}
body.single-post .yarpp-thumbnails-horizontal .yarpp-thumbnail-title {
    display: block !important;
    padding: 12px 14px 14px !important;
    font-size: 0.9375rem !important;
    font-weight: 700 !important;
    color: #1f2a44 !important;
    line-height: 1.4 !important;
    text-transform: none !important;
}

/* ─────────────────────────────────────────────────────────────────
 * 8. Right sidebar Zoho form (.cform sticky)
 *    The Zoho form ships with hostile inline styles:
 *    - <div #crmWebToEntityForm style="background:#f0f0f0">
 *    - <div .zcwf_title style="max-width:600px;color:black;font-family:Arial">
 *    - <div .zcwf_col_lab style="font-size:12px;font-family:Arial">
 *    plus an internal <style> with !important rules. We need very
 *    specific selectors + !important to beat all of that.
 * ───────────────────────────────────────────────────────────────── */
body.single-post .pb-r-40 .cform {
    background: #fff !important;
    border: 1px solid #e5e9f2 !important;
    border-radius: 14px !important;
    padding: 0 !important;
    overflow: hidden;
    box-shadow: 0 6px 18px rgba(0, 38, 122, 0.08) !important;
}
/* Beat the inline `background-color: #f0f0f0` via attribute selector
   so the rule is more specific than the regular #id rule.            */
body.single-post .pb-r-40 div#crmWebToEntityForm,
body.single-post .pb-r-40 div#crmWebToEntityForm[style] {
    background: #fff !important;
    background-color: #fff !important;
    padding: 22px 22px 20px !important;
    color: #1f2a44 !important;
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

/* Title block — keep title + phone tight on one block */
body.single-post .pb-r-40 div.zcwf_title,
body.single-post .pb-r-40 div.zcwf_title[style] {
    font-size: 0.9375rem !important;     /* 15px — compact title */
    font-weight: 700 !important;
    color: #1f2a44 !important;
    font-family: 'Poppins', sans-serif !important;
    padding: 0 0 14px !important;
    border-bottom: 1px solid #eef1f7 !important;
    margin: 0 0 14px !important;
    line-height: 1.4 !important;
    background: transparent !important;
    text-align: left !important;
    max-width: none !important;
    word-wrap: break-word;
}
body.single-post .pb-r-40 div.zcwf_title br { display: none !important; }
body.single-post .pb-r-40 div.zcwf_title a,
body.single-post .pb-r-40 div.zcwf_title a[style] {
    color: #00267a !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    display: inline-block;
    margin-top: 4px;
    font-size: 0.9375rem !important;
}
body.single-post .pb-r-40 div.zcwf_title a::before {
    content: "☎ ";
    color: #f2c433;
    margin-right: 4px;
}

/* Rows + cells: stack labels above inputs, tight 10px gap between rows */
body.single-post .pb-r-40 .zcwf_lblLeft .zcwf_row,
body.single-post .pb-r-40 div.zcwf_row {
    display: flex !important;
    flex-direction: column !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
    overflow: visible !important;
}
body.single-post .pb-r-40 .zcwf_row::after,
body.single-post .pb-r-40 .zcwf_col_fld::after { display: none !important; content: none !important; }

body.single-post .pb-r-40 .zcwf_lblLeft .zcwf_col_lab,
body.single-post .pb-r-40 div.zcwf_col_lab,
body.single-post .pb-r-40 div.zcwf_col_lab[style] {
    width: 100% !important;
    float: none !important;
    margin: 0 0 4px !important;
    padding: 0 !important;
    font-size: 0.8125rem !important;     /* 13px label */
    font-weight: 600 !important;
    color: #4a505d !important;
    font-family: 'Poppins', sans-serif !important;
    text-transform: none !important;
    min-height: 0 !important;
}
body.single-post .pb-r-40 .zcwf_col_lab label { font-size: 0.8125rem !important; color: inherit !important; font-family: inherit !important; }
body.single-post .pb-r-40 .zcwf_col_lab span[style*="red"] { color: #e03131 !important; margin-left: 2px; font-weight: 600; }

body.single-post .pb-r-40 .zcwf_lblLeft .zcwf_col_fld,
body.single-post .pb-r-40 div.zcwf_col_fld {
    width: 100% !important;
    float: none !important;
    padding: 0 !important;
    margin: 0 !important;
    color: inherit !important;
    position: relative;
}
body.single-post .pb-r-40 .zcwf_lblLeft .zcwf_col_fld input[type=text],
body.single-post .pb-r-40 .zcwf_lblLeft .zcwf_col_fld input[type=email],
body.single-post .pb-r-40 .zcwf_lblLeft .zcwf_col_fld input[type=tel],
body.single-post .pb-r-40 .zcwf_lblLeft .zcwf_col_fld textarea,
body.single-post .pb-r-40 .zcwf_col_fld input,
body.single-post .pb-r-40 .zcwf_col_fld textarea,
body.single-post .pb-r-40 .zcwf_col_fld_slt {
    width: 100% !important;
    max-width: 100% !important;
    background: #f9fafd !important;
    border: 1px solid #d6dce8 !important;
    border-radius: 8px !important;
    padding: 9px 12px !important;
    font-size: 0.9375rem !important;
    font-family: 'Poppins', sans-serif !important;
    color: #1f2a44 !important;
    float: none !important;
    margin: 0 !important;
    height: auto !important;
    min-height: 38px !important;
    box-sizing: border-box !important;
    resize: vertical;
    transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}
body.single-post .pb-r-40 .zcwf_col_fld input:focus,
body.single-post .pb-r-40 .zcwf_col_fld textarea:focus,
body.single-post .pb-r-40 .zcwf_col_fld_slt:focus {
    outline: none !important;
    background: #fff !important;
    border-color: #00267a !important;
    box-shadow: 0 0 0 3px rgba(0, 38, 122, 0.12) !important;
}

/* Submit + Reset row */
body.single-post .pb-r-40 .zcwf_row:last-of-type {
    display: flex !important;
    flex-direction: row !important;
    align-items: center;
    gap: 8px;
    margin: 14px 0 0 !important;
    padding: 14px 0 0 !important;
    border-top: 1px solid #eef1f7;
}
body.single-post .pb-r-40 .zcwf_row:last-of-type .zcwf_col_lab { display: none !important; }
body.single-post .pb-r-40 .zcwf_row:last-of-type .zcwf_col_fld {
    display: flex !important;
    flex-direction: row !important;
    gap: 8px !important;
    width: 100% !important;
}
body.single-post .pb-r-40 .zcwf_lblLeft .zcwf_button,
body.single-post .pb-r-40 input[type=submit],
body.single-post .pb-r-40 input[type=reset] {
    flex: 1;
    font-size: 0.875rem !important;
    font-weight: 700 !important;
    padding: 10px 18px !important;
    border-radius: 8px !important;
    border: 0 !important;
    cursor: pointer;
    margin: 0 !important;
    transition: background .15s ease, transform .15s ease, box-shadow .15s ease;
    max-width: none !important;
    width: auto !important;
    height: auto !important;
    line-height: 1.2 !important;
    letter-spacing: 0.02em;
    text-transform: none !important;
    color: #1f2a44 !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
}
body.single-post .pb-r-40 input[type=submit] {
    background: #f2c433 !important;
    color: #1f2a44 !important;
    box-shadow: 0 6px 14px rgba(242, 196, 51, 0.30) !important;
}
body.single-post .pb-r-40 input[type=submit]:hover {
    background: #ffd84a !important;
    transform: translateY(-1px);
}
body.single-post .pb-r-40 input[type=reset] {
    background: #fff !important;
    color: #00267a !important;
    border: 1px solid #d0d7e3 !important;
}
body.single-post .pb-r-40 input[type=reset]:hover {
    background: #fff8e1 !important;
    border-color: #f2c433 !important;
}

/* Hide noise: the hidden Lead Source select-row + zcwf_col_help wrappers */
body.single-post .pb-r-40 .wfrm_fld_dpNn { display: none !important; }
body.single-post .pb-r-40 .zcwf_col_help { display: none !important; }

/* ─────────────────────────────────────────────────────────────────
 * 9. Responsive
 * ───────────────────────────────────────────────────────────────── */
@media (max-width: 991px) {
    body.single-post .post-navigation .nav-links { grid-template-columns: 1fr !important; }
    body.single-post .yarpp-thumbnails-horizontal .yarpp-thumbnail { width: calc(50% - 8px) !important; }
    body.single-post #post-signup .pg-serv-sucont > [class*="col-"] { padding: 0 !important; }
}
@media (max-width: 575px) {
    body.single-post .sitemein article.post,
    body.single-post .site-main > article {
        padding: 20px 18px !important;
        border-radius: 10px !important;
    }
    body.single-post .entry-header .entry-title { font-size: 1.625rem !important; }
    body.single-post .entry-content h2 { font-size: 1.25rem !important; }
    body.single-post .entry-content h3 { font-size: 1.0625rem !important; }
    body.single-post .yarpp-thumbnails-horizontal .yarpp-thumbnail {
        width: 100% !important;
        margin-right: 0 !important;
    }
}