/* --- Blog hub: category filter chips ---------------------------------- */
    .pt-hub-filters { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: var(--pt-heading-gap); }
    .pt-hub-filter { padding: 10px 20px; border: 1px solid var(--pt-line); border-radius: 999px; background: var(--pt-white); color: var(--pt-navy); font-size: 13px; font-weight: 700; cursor: pointer; transition: border-color .2s ease, color .2s ease, background .2s ease; }
    .pt-hub-filter:hover { border-color: rgba(196,39,44,.4); color: var(--pt-red); }
    .pt-hub-filter.is-active { border-color: transparent; background: var(--pt-gradient); color: var(--pt-white); }

    /* --- Blog hub: result count line --------------------------------------- */
    .pt-hub-meta { margin-bottom: 26px; color: var(--pt-copy); font-size: 13px; }
    .pt-hub-meta strong { color: var(--pt-navy); }

    /* --- Blog hub: pagination ------------------------------------------- */
    .pt-pagination { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: var(--pt-heading-gap); }
    .pt-pagination-arrow { width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--pt-line); border-radius: 50%; background: var(--pt-white); color: var(--pt-navy); font-size: 16px; cursor: pointer; transition: border-color .2s ease, background .2s ease, color .2s ease; }
    .pt-pagination-arrow:hover { border-color: var(--pt-red); color: var(--pt-red); }
    .pt-pagination-arrow[aria-disabled="true"] { opacity: .35; pointer-events: none; }
    .pt-pagination-pages { display: flex; align-items: center; gap: 6px; }
    .pt-pagination-page { min-width: 40px; height: 40px; padding: 0 6px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid transparent; border-radius: 50%; background: transparent; color: var(--pt-copy); font-size: 14px; font-weight: 700; cursor: pointer; }
    .pt-pagination-page:hover { color: var(--pt-navy); border-color: var(--pt-line); }
    .pt-pagination-page.is-current { background: var(--pt-navy); color: var(--pt-white); }
    .pt-pagination-ellipsis { padding: 0 4px; color: #9AA4B2; font-size: 14px; }

    @media (max-width: 620px) {
      .pt-hub-filters { gap: 8px; }
      .pt-hub-filter { padding: 9px 16px; font-size: 12px; }
      .pt-pagination { gap: 6px; }
      .pt-pagination-page { min-width: 36px; height: 36px; }
    }
