.latest-resources {
  --color-canvas: var(--brand-background);
  --color-surface-subtle: color-mix(in srgb, var(--brand-background) 72%, var(--brand-neutral));
  --color-text: var(--brand-text);
  --color-text-muted: rgb(23 19 43 / 68%);
  --color-action: var(--brand-primary);
  --color-action-hover: color-mix(in srgb, var(--brand-primary) 88%, var(--brand-text));
  --color-action-text: var(--brand-background);
  --color-border: var(--brand-neutral);
  color: var(--color-text);
  background: var(--color-canvas);
  padding: 64px max(16px, calc((100% - 1200px) / 2));
}
.latest-resources-head { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:32px; }
.latest-resources h2 { font-size:clamp(2rem, 1.65rem + 1.55vw, 3rem); line-height:1.05; font-weight:600; letter-spacing:-.03em; }
.latest-resources-actions { display:flex; gap:8px; align-items:center; flex-shrink:0; }
.latest-resources-actions button { width:48px; height:48px; border-radius:999px; border:1px solid var(--color-border); color:var(--color-text); background:var(--color-surface-subtle); cursor:pointer; }
.latest-resources-actions button:disabled { opacity:.4; cursor:default; }
.latest-resources :is(a,button,[tabindex]):focus-visible { outline:2px solid var(--color-action); outline-offset:3px; }
.latest-resources-track { display:flex; gap:16px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; padding:4px; }
.latest-resource { flex:0 0 94%; min-width:0; display:grid; grid-template-columns:1fr 1fr; border-radius:24px; background:var(--color-surface-subtle); overflow:hidden; padding:16px; scroll-snap-align:start; }
.latest-resource-copy { display:flex; flex-direction:column; align-items:flex-start; padding:32px; gap:24px; }
.latest-resource-category { color:var(--color-text-muted); font-weight:400; font-size:clamp(1.125rem,1.04rem + .35vw,1.25rem); line-height:1.5; }
.latest-resource h3 { font-size:clamp(1.5rem,1.3rem + .9vw,2rem); font-weight:600; letter-spacing:-.02em; line-height:1.15; text-wrap:balance; overflow-wrap:anywhere; }
.latest-resource-copy > p:not(.latest-resource-category) { color:var(--color-text-muted); line-height:1.5; }
.latest-resource-cta { display:inline-flex; align-items:center; gap:16px; min-height:48px; padding:12px 24px; border-radius:10px; background:var(--color-action); color:var(--color-action-text); font-weight:600; }
.latest-resource-cta:hover { background:var(--color-action-hover); }
/* Blog covers also carry the legacy .img-cover class (position:absolute).
   Keep them in the card grid so they cannot cover the homepage hero. */
.latest-resource img { position:static; inset:auto; display:block; width:100%; height:100%; min-height:536px; object-fit:cover; border-radius:16px; }
.latest-resource-sr { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
@media(max-width:1023px) { .latest-resources-head { align-items:flex-start; flex-direction:column; } .latest-resource-copy { padding:16px; } }
@media(max-width:767px) { .latest-resources { padding:48px 16px; } .latest-resource { grid-template-columns:1fr; flex-basis:100%; } .latest-resource img { min-height:0; height:240px; } .latest-resource-copy { gap:16px; }  }

.latest-resources-track::-webkit-scrollbar { display:none; }