/* Filter chips */
    .blog-filters{
      display:flex;
      flex-wrap:wrap;
      justify-content:center;
      gap:10px;
      margin-bottom:28px;
    }
    .blog-chip{
      border:0;
      cursor:pointer;
      padding:10px 14px;
      border-radius:999px;
      background:#e9eaee;
      color:#111827;
      font-weight:650;
      font-size:13px;
      line-height:1;
      transition: transform .12s ease, filter .12s ease, background .12s ease;
    }
    .blog-chip:hover{ filter:brightness(.98); }
    .blog-chip[aria-pressed="true"]{ background:#2b2b2b; color:#ffffff; }
    .blog-chip:focus-visible{ outline:3px solid rgba(43,43,43,.25); outline-offset:3px; }

    /* Grid */
    .blog-grid{
      display:grid;
      grid-template-columns: repeat(3, 1fr);
      gap:22px;
    }


    /* Card */
    .blog-card{
      box-sizing: border-box;
      border: 1px solid rgba(175, 175, 175, 1);
      transition: all .3s ease-in-out;
    }
    .blog-card:hover{
      transform: translateY(-3px);
      box-shadow: 0 18px 40px rgba(16,24,40,.10);
    }

    .blog-media{
      position:relative;
      aspect-ratio: 16 / 10;
      background: #eef0f2;
      display:grid;
      place-items:center;
    }
    .blog-media svg{ opacity:.35; }

    .blog-badge{
      position:absolute;
      top:12px;
      right:12px;
      padding:6px 10px;
      border-radius:999px;
      background:#ffffff;
      border:1px solid #e6e7eb;
      font-size:11px;
      font-weight:750;
      letter-spacing:.02em;
      text-transform:uppercase;
      color:#111;
    }

    .blog-body {
        padding: 30px;
    }

    .blog-title{
      color: rgba(0, 0, 0, 1);
      font-family: Outfit;
      font-size: 18px;
      font-weight: 600;
      line-height: 23px;
      text-align: left;
      margin-top: 0;
    }
    .blog-title a{
      color: rgba(0, 0, 0, 1);
      text-decoration: none;
    }
    .blog-body p {
      margin: 0;
      font-size: 16px;
      line-height: 19px;
      font-family: Inter;
    }
    /* Load more */
    .load-wrap{
      display:flex;
      justify-content:center;
      margin-top:26px;
    }
    .load-more{
      border:0;
      cursor:pointer;
      padding:12px 18px;
      border-radius:999px;
      background:#0b4f88;
      color:#fff;
      font-weight:800;
      font-size:14px;
      box-shadow: 0 12px 26px rgba(11,79,136,.22);
      transition: transform .12s ease, filter .12s ease;
    }
    .load-more:hover{ transform: translateY(-1px); filter:brightness(1.03); }
    .load-more:active{ transform: translateY(0); }
    .load-more:focus-visible{ outline:3px solid rgba(11,79,136,.25); outline-offset:3px; }

    .meta{
      text-align:center;
      color:#667085;
      font-size:13px;
      margin-top:14px;
    }

    [hidden]{ display:none !important; }