.m-cp-blog-listing-grid{--cp-blog-listing-grid-bg:var(--cp-warm-cream,#f5f2ec);--cp-blog-listing-grid-fg:var(--cp-deep-harmony,#24211c);--cp-blog-listing-grid-card-bg:var(--cp-pure-comfort,#fff);--cp-blog-listing-grid-pill-bg:#d5e6fa;--cp-blog-listing-grid-pill-fg:#2c5287;--cp-blog-listing-grid-link:var(--cp-deep-harmony,#24211c)}@layer cp-blog-listing-grid{.m-cp-blog-listing-grid{--cp-blog-listing-grid-bg:var(--cp-warm-cream,#f5f2ec);--cp-blog-listing-grid-fg:var(--cp-deep-harmony,#24211c);--cp-blog-listing-grid-card-bg:var(--cp-pure-comfort,#fff);--cp-blog-listing-grid-card-radius:20px;--cp-blog-listing-grid-media-radius:12px;--cp-blog-listing-grid-pill-bg:#d5e6fa;--cp-blog-listing-grid-pill-fg:#2c5287;--cp-blog-listing-grid-link:var(--cp-deep-harmony,#24211c);background-color:var(--cp-blog-listing-grid-bg);color:var(--cp-blog-listing-grid-fg);container-name:cp-blog-listing-grid;container-type:inline-size}.m-cp-blog-listing-grid__list{display:grid;gap:1.5rem;grid-template-columns:1fr;list-style:none;margin:0;padding:0}.m-cp-blog-listing-grid__card{background-color:var(--cp-blog-listing-grid-card-bg);border-radius:var(--cp-blog-listing-grid-card-radius);display:flex;flex-direction:column;height:100%;padding:1rem}.m-cp-blog-listing-grid__media{aspect-ratio:2/1;background-color:color-mix(in srgb,var(--cp-blog-listing-grid-fg) 15%,transparent);border-radius:var(--cp-blog-listing-grid-media-radius);display:block;overflow:hidden}.m-cp-blog-listing-grid__media img{display:block;height:100%;object-fit:cover;width:100%}.m-cp-blog-listing-grid__body{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;gap:.625rem;margin-top:1.125rem}.m-cp-blog-listing-grid__pill{background-color:var(--cp-blog-listing-grid-pill-bg);border-radius:6px;color:var(--cp-blog-listing-grid-pill-fg);display:inline-block;flex-shrink:1;font-size:.75rem;font-weight:500;max-width:100%;min-width:0;overflow:hidden;padding:.25rem .75rem;text-overflow:ellipsis;white-space:nowrap}.m-cp-blog-listing-grid__title{font-size:1.0625rem;font-weight:500;line-height:1.35;margin:0}.m-cp-blog-listing-grid__title a{color:inherit;text-decoration:none}.m-cp-blog-listing-grid__title a:hover{text-decoration:underline}.m-cp-blog-listing-grid__meta{align-items:center;display:flex;gap:.75rem;justify-content:space-between;margin-top:auto;width:100%}.m-cp-blog-listing-grid__meta-left{align-items:center;color:var(--cp-calm-stone,#514a44);display:flex;font-size:.8125rem;gap:.5rem;min-width:0}.m-cp-blog-listing-grid__date{flex-shrink:0}.m-cp-blog-listing-grid__link{color:var(--cp-blog-listing-grid-link);flex:0 0 auto;font-size:1rem;font-weight:500;text-decoration:underline;text-underline-offset:.15em}.m-cp-blog-listing-grid__empty{color:var(--cp-calm-stone,#514a44);padding:3rem 0;text-align:center}.m-cp-blog-listing-grid__pagination{display:flex;justify-content:center;margin-top:2.5rem}.m-cp-blog-listing-grid__pages{align-items:center;display:flex;gap:.5rem;list-style:none;margin:0;padding:0}.m-cp-blog-listing-grid__page-btn{align-items:center;border-radius:50%;color:var(--cp-blog-listing-grid-fg);display:inline-flex;font-size:.875rem;font-weight:500;height:2.25rem;justify-content:center;text-decoration:none;transition:background-color .2s ease,color .2s ease;width:2.25rem}.m-cp-blog-listing-grid__page-btn:hover{background-color:color-mix(in srgb,var(--cp-blog-listing-grid-fg) 8%,transparent)}.m-cp-blog-listing-grid__page-btn.is-current{background-color:var(--cp-blog-listing-grid-fg);color:var(--cp-pure-comfort,#fff)}.m-cp-blog-listing-grid__page-btn--next,.m-cp-blog-listing-grid__page-btn--prev{background-color:var(--cp-blog-listing-grid-card-bg)}.m-cp-blog-listing-grid__page-btn--next:hover,.m-cp-blog-listing-grid__page-btn--prev:hover{background-color:color-mix(in srgb,var(--cp-blog-listing-grid-fg) 10%,var(--cp-blog-listing-grid-card-bg))}.m-cp-blog-listing-grid__ellipsis{color:var(--cp-calm-stone,#514a44);padding:0 .125rem}@container cp-blog-listing-grid (min-width: 48rem){.m-cp-blog-listing-grid__list{grid-template-columns:repeat(2,1fr)}}@container cp-blog-listing-grid (min-width: 64rem){.m-cp-blog-listing-grid__inner[data-cp-blog-columns="3"] .m-cp-blog-listing-grid__list{grid-template-columns:repeat(3,1fr)}}}