/* Scoped Blog Hub Styles ("Soft Colors. Same Spark.") */
    .bj-filters {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 10px;
      margin-top: 26px;
    }

    .bj-filters a {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      font-family: var(--font-heading);
      font-size: 14px;
      font-weight: 700;
      color: var(--sp-ink);
      background: var(--sp-white);
      border: 1.5px solid rgba(77, 98, 84, 0.28);
      padding: 9px 18px;
      border-radius: 999px;
      text-decoration: none;
      transition: background-color 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
    }

    .bj-filters a:hover {
      background: var(--sp-sage-tint);
      border-color: var(--sp-deep-sage);
      color: var(--sp-ink);
    }

    .bj-filters a[aria-current="page"] {
      background: var(--sp-peach);
      border-color: var(--sp-ink);
      color: var(--sp-ink);
      font-weight: 800;
      box-shadow: 0 4px 12px rgba(38, 49, 43, 0.08);
    }

    /* Featured Article Showcase Card */
    .bj-feature {
      background: var(--sp-white);
      border: 1px solid rgba(77, 98, 84, 0.18);
      border-radius: var(--radius-xl);
      padding: clamp(26px, 4vw, 48px);
      box-shadow: var(--sp-shadow-card);
      display: grid;
      grid-template-columns: 1.1fr 0.9fr;
      gap: clamp(28px, 4.5vw, 52px);
      align-items: center;
      position: relative;
      overflow: hidden;
    }

    .bj-feature::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      width: 10px;
      background: var(--sp-peach);
    }

    .bj-kicker {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      font-family: var(--font-heading);
      font-size: 12px;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 0.05em;
      color: var(--sp-ink);
      background: var(--sp-peach-tint);
      border: 1px solid rgba(238, 182, 164, 0.65);
      padding: 5px 13px;
      border-radius: 999px;
      margin-bottom: 14px;
      width: fit-content;
    }

    .bj-feature-copy h2 {
      font-family: var(--font-heading);
      font-size: clamp(26px, 2.8vw, 36px);
      font-weight: 800;
      line-height: 1.18;
      letter-spacing: -0.02em;
      color: var(--sp-ink);
    }

    .bj-feature-copy h2 a {
      color: var(--sp-ink);
      text-decoration: none;
    }

    .bj-feature-copy h2 a:hover {
      color: var(--sp-deep-sage);
      text-decoration: underline;
    }

    .bj-feature-copy > p:not(.bj-kicker):not(.bj-date) {
      margin-top: 14px;
      font-size: 17.5px;
      line-height: 1.65;
      color: var(--sp-quiet);
    }

    .bj-date {
      margin-top: 16px;
      margin-bottom: 18px;
      font-family: var(--font-heading);
      font-size: 13.5px;
      font-weight: 700;
      color: var(--sp-quiet);
      display: flex;
      align-items: center;
      gap: 8px;
      flex-wrap: wrap;
    }

    .bj-read-time {
      display: inline-block;
      background: var(--sp-cream);
      border: 1px solid rgba(77, 98, 84, 0.16);
      padding: 2px 9px;
      border-radius: 999px;
      font-size: 12px;
      color: var(--sp-ink);
    }

    .bj-feature-art {
      background: var(--sp-cream);
      border: 1px solid rgba(77, 98, 84, 0.16);
      border-radius: var(--radius-lg);
      padding: 24px;
      display: grid;
      place-items: center;
    }

    .bj-feature-art.bj-feature-educator {
      padding: 12px;
    }

    .bj-feature-art svg {
      width: 100%;
      max-width: 460px;
      height: auto;
    }

    .bj-feature-art img {
      width: 100%;
      height: auto;
      max-height: 360px;
      object-fit: cover;
      border-radius: calc(var(--radius-lg) - 8px);
      display: block;
    }

    /* Article Grid Section */
    .bj-more-header {
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 16px;
      margin-bottom: 32px;
    }

    .bj-articles {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: clamp(22px, 3vw, 32px);
    }

    .bj-articles.bj-single {
      grid-template-columns: minmax(0, 680px);
    }

    .bj-articles article {
      background: var(--sp-white);
      border: 1px solid rgba(77, 98, 84, 0.18);
      border-radius: var(--radius-lg);
      padding: clamp(24px, 3vw, 32px);
      box-shadow: var(--sp-shadow-card);
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      gap: 20px;
      transition: transform 0.2s ease, box-shadow 0.2s ease;
    }

    .bj-articles article:hover {
      transform: translateY(-3px);
      box-shadow: var(--sp-shadow-float);
    }

    .bj-articles article[hidden] {
      display: none !important;
    }

    .bj-articles article:nth-child(4n+1) .bj-kicker { background: var(--sp-butter); border-color: rgba(241, 212, 154, 0.8); }
    .bj-articles article:nth-child(4n+2) .bj-kicker { background: var(--sp-dusty-teal); border-color: rgba(158, 185, 184, 0.8); }
    .bj-articles article:nth-child(4n+3) .bj-kicker { background: var(--sp-sage); border-color: rgba(141, 155, 132, 0.8); }
    .bj-articles article:nth-child(4n+4) .bj-kicker { background: var(--sp-blush); border-color: rgba(232, 185, 181, 0.8); }

    .bj-card-art {
      background: var(--sp-cream);
      border: 1px solid rgba(77, 98, 84, 0.14);
      border-radius: var(--radius-md);
      padding: 16px;
      display: grid;
      place-items: center;
      order: -1;
    }

    .bj-card-art svg {
      width: 100%;
      max-height: 190px;
      height: auto;
    }

    .bj-articles h3 {
      font-family: var(--font-heading);
      font-size: clamp(20px, 2vw, 24px);
      font-weight: 800;
      line-height: 1.25;
      color: var(--sp-ink);
    }

    .bj-articles h3 a {
      color: var(--sp-ink);
      text-decoration: none;
    }

    .bj-articles h3 a:hover {
      color: var(--sp-deep-sage);
      text-decoration: underline;
    }

    .bj-articles article p:not(.bj-kicker):not(.bj-date) {
      margin-top: 10px;
      font-size: 16px;
      line-height: 1.6;
      color: var(--sp-quiet);
    }

    /* Consulting & Resource Split CTA */
    .bj-cta {
      background: var(--sp-white);
      border-block: 1px solid rgba(77, 98, 84, 0.15);
    }

    .dg-split {
      display: grid;
      grid-template-columns: 1.05fr 0.95fr;
      gap: clamp(28px, 4.5vw, 56px);
      align-items: center;
    }

    .dg-cta-copy p:not(.sc-kicker) {
      margin-top: 16px;
      font-size: 17.5px;
      line-height: 1.65;
      color: var(--sp-quiet);
    }

    .dg-prose {
      background: var(--sp-cream);
      border: 1px solid rgba(77, 98, 84, 0.18);
      border-radius: var(--radius-lg);
      padding: clamp(24px, 3.5vw, 36px);
      display: grid;
      gap: 12px;
    }

    .dg-prose p {
      margin: 0;
    }

    .dg-prose p a {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      background: var(--sp-white);
      border: 1px solid rgba(77, 98, 84, 0.18);
      border-left: 6px solid var(--sp-peach);
      border-radius: 14px;
      padding: 14px 18px;
      font-family: var(--font-heading);
      font-size: 15.5px;
      font-weight: 800;
      color: var(--sp-ink);
      text-decoration: none;
      transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease;
    }

    .dg-prose p:nth-child(1) a { border-left-color: var(--sp-peach); }
    .dg-prose p:nth-child(2) a { border-left-color: var(--sp-butter); }
    .dg-prose p:nth-child(3) a { border-left-color: var(--sp-sage); }
    .dg-prose p:nth-child(4) a { border-left-color: var(--sp-dusty-teal); }

    .dg-prose p a::after {
      content: "→";
      color: var(--sp-deep-sage);
      font-weight: 800;
    }

    .dg-prose p a:hover {
      transform: translateX(3px);
      box-shadow: var(--sp-shadow-card);
      color: var(--sp-deep-sage);
    }

    .dg-prose p:last-child {
      margin-top: 6px;
      font-size: 13.5px;
      color: var(--sp-quiet);
      font-weight: 600;
      text-align: center;
    }

    @media (max-width: 960px) {
      .bj-feature,
      .bj-articles,
      .bj-articles.bj-single,
      .dg-split {
        grid-template-columns: 1fr;
      }
    }