@layer components{.blog-cover{background:var(--s1);position:relative;overflow:hidden}.blog-cover:before{content:"";background-image:repeating-linear-gradient(135deg, var(--hatch) 0 2px, transparent 2px 9px);position:absolute;inset:0}.blog-cover__label{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--ink-3);letter-spacing:.01em;position:relative}.blog-card:has(a:focus-visible){outline:2px solid var(--focus-ring-color);outline-offset:2px}.blog-card a{text-decoration:none}}