/* =============================================================
   blog-index.css — Blog Migration Index Page
   Scoped under .blog-migration-index-v1
   ============================================================= */

/* ─── Platform tag system ────────────────────────────────────── */
.blog-migration-index-v1 .plat-tag {
    display: inline-flex; align-items: center;
    font-size: .63rem; font-weight: 700; letter-spacing: .05em;
    text-transform: uppercase; padding: 3px 9px;
    border-radius: 100px; border: 1px solid;
    white-space: nowrap; flex-shrink: 0;
}
.blog-migration-index-v1 .plat-tag[data-plat="wp"]          { background:#e8f4f8; color:#006b92; border-color:#c5dfe8; }
.blog-migration-index-v1 .plat-tag[data-plat="hs"]          { background:#fff4ec; color:#c45300; border-color:#ffd4b3; }
.blog-migration-index-v1 .plat-tag[data-plat="woo"]         { background:#f5f0fb; color:#6b44a0; border-color:#d4c4ed; }
.blog-migration-index-v1 .plat-tag[data-plat="drupal"]      { background:#e8f1fa; color:#1b6ca8; border-color:#b8d4ed; }
.blog-migration-index-v1 .plat-tag[data-plat="joomla"]      { background:#fef0ee; color:#c03010; border-color:#fac5bc; }
.blog-migration-index-v1 .plat-tag[data-plat="squarespace"] { background:#f0f0f0; color:#2a2a2a; border-color:#ccc; }
.blog-migration-index-v1 .plat-tag[data-plat="dnn"]         { background:#eef3fb; color:#2d6bbf; border-color:#c0d4f0; }
.blog-migration-index-v1 .plat-tag[data-plat="umbraco"]     { background:#eeeffe; color:#2a35a0; border-color:#c0c5f4; }
.blog-migration-index-v1 .plat-tag[data-plat="shopify"]     { background:#eef5e8; color:#3e6a28; border-color:#c0d9b0; }
.blog-migration-index-v1 .plat-tag[data-plat="magento"]     { background:#fff3ed; color:#c05010; border-color:#ffd4b8; }
.blog-migration-index-v1 .plat-tag[data-plat="bigcommerce"] { background:#f0eef5; color:#2f2c3c; border-color:#c5c2d0; }
.blog-migration-index-v1 .plat-tag[data-plat="sitecore"]    { background:#feeeed; color:#b0001a; border-color:#f8b8bd; }

/* ─── Blog Hero ──────────────────────────────────────────────── */
.blog-migration-index-v1 .blog-hero {
    background: linear-gradient(135deg, #000 0%, #00304a 60%, var(--brand) 100%);
    padding: 60px 0 52px; position: relative; overflow: hidden;
}
/* .blog-migration-index-v1 .blog-hero::before {
    content: ''; position: absolute; inset: 0;
    background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23006b92' fill-opacity='0.07'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
} */
.blog-migration-index-v1 .blog-hero-inner {
    position: relative; z-index: 1;
    display: flex; justify-content: space-between; align-items: flex-end;
    flex-wrap: wrap; gap: 32px;
}
.blog-migration-index-v1 .blog-hero h1 {
    font-size: clamp(2rem, 4vw, 2.8rem);
    font-weight: 900; color: var(--white);
    letter-spacing: -.02em; line-height: 1.1; margin-bottom: 12px;
}
.blog-migration-index-v1 .blog-hero p { font-size: 1.05rem; color: #a8cfe0; max-width: 520px; }
.blog-migration-index-v1 .blog-hero-stats {
    display: flex; gap: 0; align-items: center;
    background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12);
    border-radius: var(--radius-lg); overflow: hidden; flex-shrink: 0;
}
.blog-migration-index-v1 .blog-hero-stat {
    padding: 18px 28px; border-right: 1px solid rgba(255,255,255,.12);
    text-align: center;
}
.blog-migration-index-v1 .blog-hero-stat:last-child { border-right: none; }
.blog-migration-index-v1 .blog-hero-stat strong {
    display: block; font-size: 1.7rem; font-weight: 900; color: var(--white); line-height: 1;
}
.blog-migration-index-v1 .blog-hero-stat span {
    font-size: .68rem; font-weight: 700; text-transform: uppercase;
    letter-spacing: .08em; color: #7dd3f0;
}

/* ─── Featured Post ──────────────────────────────────────────── */
.blog-migration-index-v1 .featured-section { background: var(--grey-1); padding: 48px 0 0; }
.blog-migration-index-v1 .featured-post {
    display: grid; grid-template-columns: 1fr 1fr;
    border-radius: var(--radius-lg); overflow: hidden;
    border: 1px solid var(--grey-2); box-shadow: var(--shadow);
}
.blog-migration-index-v1 .featured-img {
    background: linear-gradient(135deg, #001e2e 0%, #004f6e 60%, var(--brand) 100%);
    padding: 48px 40px;
    display: flex; flex-direction: column; justify-content: flex-end;
    position: relative; overflow: hidden;
    min-height: 280px;
}
.blog-migration-index-v1 .featured-img::before {
    content: ''; position: absolute; inset: 0;
    background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23006b92' fill-opacity='0.1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.blog-migration-index-v1 .featured-kicker {
    font-size: .67rem; font-weight: 700; text-transform: uppercase;
    letter-spacing: .14em; color: #7dd3f0; margin-bottom: 14px;
    display: flex; align-items: center; gap: 8px; position: relative; z-index: 1;
}
.blog-migration-index-v1 .featured-kicker::before { content: ''; width: 20px; height: 2px; background: #7dd3f0; }
.blog-migration-index-v1 .featured-migration {
    display: flex; align-items: center; gap: 10px; margin-bottom: 18px;
    position: relative; z-index: 1;
}
.blog-migration-index-v1 .featured-migration .arr { color: rgba(255,255,255,.4); font-size: 1rem; }
.blog-migration-index-v1 .featured-title {
    font-family: Lora, serif;
    font-size: 1.45rem; font-weight: 900; color: var(--white);
    line-height: 1.25; letter-spacing: -.01em; position: relative; z-index: 1;
}
.blog-migration-index-v1 .featured-body {
    background: var(--white); padding: 40px 40px;
    display: flex; flex-direction: column; justify-content: center;
}
.blog-migration-index-v1 .featured-meta {
    font-size: .76rem; color: #aaa;
    display: flex; align-items: center; gap: 7px; margin-bottom: 14px;
}
.blog-migration-index-v1 .featured-meta .dot { color: #ddd; }
.blog-migration-index-v1 .featured-excerpt {
    font-size: .92rem; color: #444; line-height: 1.75; margin-bottom: 24px; flex: 1;
}

/* ─── Filter system (CSS-only, :has() based) ─────────────────── */

/* Hide all radio inputs */
.blog-migration-index-v1 .blog-filter-wrap input[type="radio"] {
    position: absolute; opacity: 0; pointer-events: none; width: 0; height: 0;
}

.blog-migration-index-v1 .filter-section-wrap { background: var(--grey-1); padding: 28px 0 0; }
.blog-migration-index-v1 .filter-bar {
    background: var(--white); border: 1px solid var(--grey-2);
    border-radius: var(--radius-lg); padding: 18px 22px;
    display: flex; flex-direction: column; gap: 14px;
    box-shadow: var(--shadow);
}
.blog-migration-index-v1 .filter-row { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.blog-migration-index-v1 .filter-row-lbl {
    font-size: .65rem; font-weight: 700; text-transform: uppercase;
    letter-spacing: .1em; color: var(--grey-3); white-space: nowrap; min-width: 110px;
}
.blog-migration-index-v1 .filter-tabs  { display: flex; gap: 8px; flex-wrap: wrap; }
.blog-migration-index-v1 .filter-chips { display: flex; gap: 6px; flex-wrap: wrap; }

.blog-migration-index-v1 .filter-tab {
    padding: 7px 15px; border-radius: var(--radius);
    font-size: .81rem; font-weight: 700; cursor: pointer;
    border: 1.5px solid var(--grey-2); color: #555; background: var(--white);
    transition: all .16s; user-select: none; white-space: nowrap;
    display: inline-flex; align-items: center; gap: 5px;
}
.blog-migration-index-v1 .filter-tab:hover { border-color: var(--brand); color: var(--brand); background: #f0f8fc; }

.blog-migration-index-v1 .filter-chip {
    padding: 4px 12px; border-radius: 100px;
    font-size: .74rem; font-weight: 700; cursor: pointer;
    border: 1.5px solid var(--grey-2); color: #666; background: var(--white);
    transition: all .15s; user-select: none; white-space: nowrap;
}
.blog-migration-index-v1 .filter-chip:hover { border-color: #333; color: #333; }

/* ── Destination tab active states ── */
.blog-migration-index-v1 .blog-filter-wrap:has(#df-all:checked)    label[for="df-all"].filter-tab,
.blog-migration-index-v1 .blog-filter-wrap:has(#df-wp:checked)     label[for="df-wp"].filter-tab,
.blog-migration-index-v1 .blog-filter-wrap:has(#df-hs:checked)     label[for="df-hs"].filter-tab,
.blog-migration-index-v1 .blog-filter-wrap:has(#df-woo:checked)    label[for="df-woo"].filter-tab,
.blog-migration-index-v1 .blog-filter-wrap:has(#df-drupal:checked) label[for="df-drupal"].filter-tab {
    color: var(--white); border-color: var(--brand); background: var(--brand);
}
.blog-migration-index-v1 .blog-filter-wrap:has(#df-hs:checked) label[for="df-hs"].filter-tab {
    background: #c45300; border-color: #c45300;
}
.blog-migration-index-v1 .blog-filter-wrap:has(#df-woo:checked) label[for="df-woo"].filter-tab {
    background: #6b44a0; border-color: #6b44a0;
}
.blog-migration-index-v1 .blog-filter-wrap:has(#df-drupal:checked) label[for="df-drupal"].filter-tab {
    background: #1b6ca8; border-color: #1b6ca8;
}

/* ── Source chip active states ── */
.blog-migration-index-v1 .blog-filter-wrap:has(#sf-all:checked)         label[for="sf-all"].filter-chip,
.blog-migration-index-v1 .blog-filter-wrap:has(#sf-hubspot:checked)     label[for="sf-hubspot"].filter-chip,
.blog-migration-index-v1 .blog-filter-wrap:has(#sf-drupal:checked)      label[for="sf-drupal"].filter-chip,
.blog-migration-index-v1 .blog-filter-wrap:has(#sf-joomla:checked)      label[for="sf-joomla"].filter-chip,
.blog-migration-index-v1 .blog-filter-wrap:has(#sf-squarespace:checked) label[for="sf-squarespace"].filter-chip,
.blog-migration-index-v1 .blog-filter-wrap:has(#sf-dnn:checked)         label[for="sf-dnn"].filter-chip,
.blog-migration-index-v1 .blog-filter-wrap:has(#sf-umbraco:checked)     label[for="sf-umbraco"].filter-chip,
.blog-migration-index-v1 .blog-filter-wrap:has(#sf-shopify:checked)     label[for="sf-shopify"].filter-chip,
.blog-migration-index-v1 .blog-filter-wrap:has(#sf-magento:checked)     label[for="sf-magento"].filter-chip,
.blog-migration-index-v1 .blog-filter-wrap:has(#sf-wp:checked)          label[for="sf-wp"].filter-chip,
.blog-migration-index-v1 .blog-filter-wrap:has(#sf-sitecore:checked)    label[for="sf-sitecore"].filter-chip,
.blog-migration-index-v1 .blog-filter-wrap:has(#sf-bigcommerce:checked) label[for="sf-bigcommerce"].filter-chip {
    background: var(--black); color: var(--white); border-color: var(--black);
}

/* ── Filtering logic: hide non-matching cards ── */
/* Destination filters */
.blog-migration-index-v1 .blog-filter-wrap:has(#df-wp:checked)     .post-card:not([data-dest="wp"])     { display: none; }
.blog-migration-index-v1 .blog-filter-wrap:has(#df-hs:checked)     .post-card:not([data-dest="hs"])     { display: none; }
.blog-migration-index-v1 .blog-filter-wrap:has(#df-woo:checked)    .post-card:not([data-dest="woo"])    { display: none; }
.blog-migration-index-v1 .blog-filter-wrap:has(#df-drupal:checked) .post-card:not([data-dest="drupal"]) { display: none; }
/* Source filters — both apply simultaneously */
.blog-migration-index-v1 .blog-filter-wrap:has(#sf-hubspot:checked)     .post-card:not([data-src="hubspot"])     { display: none; }
.blog-migration-index-v1 .blog-filter-wrap:has(#sf-drupal:checked)      .post-card:not([data-src="drupal"])      { display: none; }
.blog-migration-index-v1 .blog-filter-wrap:has(#sf-joomla:checked)      .post-card:not([data-src="joomla"])      { display: none; }
.blog-migration-index-v1 .blog-filter-wrap:has(#sf-squarespace:checked) .post-card:not([data-src="squarespace"]) { display: none; }
.blog-migration-index-v1 .blog-filter-wrap:has(#sf-dnn:checked)         .post-card:not([data-src="dnn"])         { display: none; }
.blog-migration-index-v1 .blog-filter-wrap:has(#sf-umbraco:checked)     .post-card:not([data-src="umbraco"])     { display: none; }
.blog-migration-index-v1 .blog-filter-wrap:has(#sf-shopify:checked)     .post-card:not([data-src="shopify"])     { display: none; }
.blog-migration-index-v1 .blog-filter-wrap:has(#sf-magento:checked)     .post-card:not([data-src="magento"])     { display: none; }
.blog-migration-index-v1 .blog-filter-wrap:has(#sf-wp:checked)          .post-card:not([data-src="wp"])          { display: none; }
.blog-migration-index-v1 .blog-filter-wrap:has(#sf-sitecore:checked)    .post-card:not([data-src="sitecore"])    { display: none; }
.blog-migration-index-v1 .blog-filter-wrap:has(#sf-bigcommerce:checked) .post-card:not([data-src="bigcommerce"]) { display: none; }

/* ── Context banner: appears above grid when dest filter is active ── */
.blog-migration-index-v1 .filter-ctx { margin-bottom: 20px; }
.blog-migration-index-v1 .ctx-item { display: none; }
.blog-migration-index-v1 .blog-filter-wrap:has(#df-wp:checked)     .ctx-item[data-ctx="wp"]     { display: flex; }
.blog-migration-index-v1 .blog-filter-wrap:has(#df-hs:checked)     .ctx-item[data-ctx="hs"]     { display: flex; }
.blog-migration-index-v1 .blog-filter-wrap:has(#df-woo:checked)    .ctx-item[data-ctx="woo"]    { display: flex; }
.blog-migration-index-v1 .blog-filter-wrap:has(#df-drupal:checked) .ctx-item[data-ctx="drupal"] { display: flex; }
.blog-migration-index-v1 .ctx-item {
    align-items: center; justify-content: space-between; gap: 16px;
    padding: 14px 18px; border-radius: var(--radius);
    border-left: 3px solid var(--brand);
    background: var(--white); border-top: 1px solid var(--grey-2);
    border-right: 1px solid var(--grey-2); border-bottom: 1px solid var(--grey-2);
}
.blog-migration-index-v1 .ctx-item[data-ctx="hs"]     { border-left-color: #c45300; }
.blog-migration-index-v1 .ctx-item[data-ctx="woo"]    { border-left-color: #6b44a0; }
.blog-migration-index-v1 .ctx-item[data-ctx="drupal"] { border-left-color: #1b6ca8; }
.blog-migration-index-v1 .ctx-item strong { font-size: .88rem; font-weight: 800; }
.blog-migration-index-v1 .ctx-item span   { font-size: .78rem; color: #999; display: block; margin-top: 2px; }
.blog-migration-index-v1 .ctx-item a      { font-size: .78rem; font-weight: 700; color: var(--brand); white-space: nowrap; }

/* ── Sidebar shortcut active states ── */
.blog-migration-index-v1 .blog-filter-wrap:has(#df-all:checked)    label.dst-all    { background: #e8f4f8; border-color: var(--brand); color: var(--brand); }
.blog-migration-index-v1 .blog-filter-wrap:has(#df-wp:checked)     label.dst-wp     { background: #e8f4f8; border-color: var(--brand); color: var(--brand); }
.blog-migration-index-v1 .blog-filter-wrap:has(#df-hs:checked)     label.dst-hs     { background: #fff4ec; border-color: #c45300; color: #c45300; }
.blog-migration-index-v1 .blog-filter-wrap:has(#df-woo:checked)    label.dst-woo    { background: #f5f0fb; border-color: #6b44a0; color: #6b44a0; }
.blog-migration-index-v1 .blog-filter-wrap:has(#df-drupal:checked) label.dst-drupal { background: #e8f1fa; border-color: #1b6ca8; color: #1b6ca8; }

/* ─── Blog layout ────────────────────────────────────────────── */
.blog-migration-index-v1 .blog-content-section { background: var(--grey-1); padding: 28px 0 72px; }
.blog-migration-index-v1 .blog-layout {
    display: grid;
    grid-template-columns: 1fr;
    gap: 36px; align-items: start;
}

/* ─── Post cards ─────────────────────────────────────────────── */
.blog-migration-index-v1 .posts-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }

.blog-migration-index-v1 .post-card {
    background: var(--white); border: 1px solid var(--grey-2);
    border-radius: var(--radius-lg); overflow: hidden;
    transition: all .24s; position: relative;
    display: flex; flex-direction: column;
}
.blog-migration-index-v1 .post-card::before {
    content: ''; position: absolute;
    top: 0; left: 0; right: 0; height: 3px;
}
.blog-migration-index-v1 .post-card[data-dest="wp"]::before     { background: var(--brand); }
.blog-migration-index-v1 .post-card[data-dest="hs"]::before     { background: #c45300; }
.blog-migration-index-v1 .post-card[data-dest="woo"]::before    { background: #6b44a0; }
.blog-migration-index-v1 .post-card[data-dest="drupal"]::before { background: #1b6ca8; }
.blog-migration-index-v1 .post-card:hover { box-shadow: var(--shadow-lg); transform: translateY(-3px); }

.blog-migration-index-v1 .post-card-inner {
    padding: 20px 22px; flex: 1;
    display: flex; flex-direction: column;
}
.blog-migration-index-v1 .post-thumb {
    display: block;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 14px;
    border: 1px solid var(--grey-2);
}
.blog-migration-index-v1 .post-thumb img {
    width: 100%;
    height: 150px;
    object-fit: cover;
    display: block;
}
.blog-migration-index-v1 .post-migration {
    display: flex; align-items: center; gap: 7px; margin-bottom: 12px; flex-wrap: wrap;
}
.blog-migration-index-v1 .post-migration .arr { font-size: .8rem; color: var(--grey-3); }
.blog-migration-index-v1 .post-title {
    font-size: .93rem; font-weight: 800; line-height: 1.35;
    color: var(--black); margin-bottom: 9px;
}
.blog-migration-index-v1 .post-title a { transition: color .16s; }
.blog-migration-index-v1 .post-title a:hover { color: var(--brand); }
.blog-migration-index-v1 .post-excerpt {
    font-size: .81rem; color: #666; line-height: 1.65; margin-bottom: 14px; flex: 1;
    display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.blog-migration-index-v1 .post-foot {
    display: flex; align-items: center; justify-content: space-between;
    gap: 8px; padding-top: 12px; border-top: 1px solid var(--grey-2); margin-top: auto;
}
.blog-migration-index-v1 .post-meta { font-size: .72rem; color: #bbb; display: flex; align-items: center; gap: 5px; }
.blog-migration-index-v1 .post-meta .dot { color: #e0e0e0; }
.blog-migration-index-v1 .post-link {
    display: inline-flex; align-items: center; gap: 4px;
    font-size: .78rem; font-weight: 700; color: var(--brand);
    white-space: nowrap; transition: gap .14s;
}
.blog-migration-index-v1 .post-link:hover { gap: 8px; }

/* ─── Sidebar ─────────────────────────────────────────────────── */
.blog-migration-index-v1 .blog-sidebar { display: flex; flex-direction: column; gap: 18px; }

.blog-migration-index-v1 .sb-card {
    background: var(--white); border: 1px solid var(--grey-2);
    border-radius: var(--radius-lg); padding: 20px 22px;
}
.blog-migration-index-v1 .sb-head {
    font-size: .65rem; font-weight: 700; text-transform: uppercase;
    letter-spacing: .1em; color: var(--grey-3);
    margin-bottom: 14px; padding-bottom: 10px;
    border-bottom: 1px solid var(--grey-2);
}

/* Destination shortcuts */
.blog-migration-index-v1 .dest-shortcuts { display: flex; flex-direction: column; gap: 7px; }
.blog-migration-index-v1 .dest-shortcut {
    display: flex; align-items: center; justify-content: space-between;
    padding: 9px 12px; border-radius: var(--radius);
    border: 1.5px solid var(--grey-2);
    font-size: .82rem; font-weight: 700; color: #555;
    cursor: pointer; transition: all .16s; user-select: none;
}
.blog-migration-index-v1 .dest-shortcut:hover { border-color: var(--brand); color: var(--brand); background: #f0f8fc; }
.blog-migration-index-v1 .dest-shortcut .cnt { font-size: .7rem; font-weight: 700; color: var(--grey-3); }

/* Source cloud */
.blog-migration-index-v1 .source-cloud { display: flex; flex-wrap: wrap; gap: 6px; }

/* Recent posts */
.blog-migration-index-v1 .recent-list { display: flex; flex-direction: column; gap: 12px; }
.blog-migration-index-v1 .recent-item { display: flex; gap: 10px; align-items: flex-start; }
.blog-migration-index-v1 .recent-num {
    width: 20px; height: 20px; border-radius: 5px;
    background: var(--grey-1); border: 1px solid var(--grey-2);
    display: flex; align-items: center; justify-content: center;
    font-size: .6rem; font-weight: 900; color: var(--brand);
    flex-shrink: 0; margin-top: 2px;
}
.blog-migration-index-v1 .recent-item a {
    font-size: .81rem; font-weight: 600; color: #333;
    line-height: 1.4; transition: color .15s;
}
.blog-migration-index-v1 .recent-item a:hover { color: var(--brand); }

/* CTA card */
.blog-migration-index-v1 .sb-cta {
    background: linear-gradient(135deg, var(--black), #00304a);
    border-radius: var(--radius-lg); padding: 22px 20px; text-align: center;
}
.blog-migration-index-v1 .sb-cta h4 { font-size: .95rem; font-weight: 900; color: var(--white); margin-bottom: 8px; }
.blog-migration-index-v1 .sb-cta p { font-size: .79rem; color: #9ac5d8; margin-bottom: 16px; line-height: 1.6; }

/* ─── Pagination ──────────────────────────────────────────────── */
.blog-migration-index-v1 .pagination {
    display: flex; align-items: center; justify-content: center;
    gap: 5px; margin-top: 28px;
}
.blog-migration-index-v1 .pg-btn {
    width: 34px; height: 34px; border-radius: 8px;
    border: 1.5px solid var(--grey-2); background: var(--white);
    color: #555; font-size: .8rem; font-weight: 700;
    display: flex; align-items: center; justify-content: center;
    cursor: pointer; transition: all .16s; text-decoration: none;
}
.blog-migration-index-v1 .pg-btn:hover { background: var(--brand); color: var(--white); border-color: var(--brand); }
.blog-migration-index-v1 .pg-btn.active { background: var(--brand); color: var(--white); border-color: var(--brand); }
.blog-migration-index-v1 .pg-btn.wide { width: auto; padding: 0 14px; }
.blog-migration-index-v1 .pg-ellipsis { color: #ccc; font-size: .8rem; padding: 0 4px; }

/* ─── Responsive ──────────────────────────────────────────────── */
@media (max-width: 1024px) {
    .blog-migration-index-v1 .blog-layout { grid-template-columns: 1fr; }
    .blog-migration-index-v1 .blog-sidebar { display: none; }
    .blog-migration-index-v1 .featured-post { grid-template-columns: 1fr; }
    .blog-migration-index-v1 .featured-img { min-height: 200px; }
}
@media (max-width: 768px) {
    .blog-migration-index-v1 .posts-grid { grid-template-columns: 1fr; }
    .blog-migration-index-v1 .blog-hero-stats { display: none; }
    .blog-migration-index-v1 .filter-row-lbl { display: none; }
    .blog-migration-index-v1 .blog-hero p { display: none; }
}