.content-card{display:flex;flex-direction:column;height:100%;width:100%}.content-card-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--spacing-2xl);gap:var(--spacing-2xl)}.content-card-grid__empty{font-size:var(--font-size-base);color:var(--ink-4);text-align:center;padding:var(--spacing-5xl) 0;font-weight:600}.content-card__media{aspect-ratio:16/9;overflow:hidden;background:var(--bg-mute);position:relative}.content-card__image{width:100%;height:100%;object-fit:cover;display:block}.content-card__placeholder{height:100%;border-radius:0;border:none}.content-card__body{padding:var(--spacing-xl);flex:1 1;display:flex;flex-direction:column;justify-content:space-between}.content-card__meta{display:flex;align-items:center;gap:10px;margin-bottom:var(--spacing-md);flex-wrap:wrap}.content-card__date{font-size:var(--font-size-sm);color:var(--ink-4);font-weight:600}.content-card__badge{font-size:var(--font-size-xs);padding:2px var(--spacing-sm);letter-spacing:.05em;border-radius:var(--radius-sm);font-weight:700}.content-card__badge--new{color:var(--lilac);border:1px solid rgba(217,70,239,.25);background:rgba(217,70,239,.04)}.content-card__title{font-size:var(--font-size-xl);font-weight:800;color:var(--ink);line-height:1.45;margin-bottom:10px;-webkit-line-clamp:2}.content-card__excerpt{font-size:var(--font-size-md);color:var(--ink-3);line-height:1.65;-webkit-line-clamp:3}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-3xl);flex-wrap:wrap}.pagination__nav{font-size:var(--font-size-md);padding:var(--spacing-sm) var(--spacing-xl);font-weight:700}.pagination__page{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);font-size:var(--font-size-md);font-weight:500;background:var(--bg);color:var(--ink-2);border:1px solid rgba(15,23,42,.06);box-shadow:0 2px 4px rgba(15,23,42,.01);text-decoration:none;transition:all .2s}.pagination__page--active{font-weight:800;background:var(--blue);color:var(--bg);border-color:var(--blue);box-shadow:0 4px 12px rgba(0,102,255,.2)}