@layer components{.blog-cover{background:var(--paper-2);border:1px solid var(--line);position:relative;overflow:hidden}.blog-cover:before{content:"";background-image:repeating-linear-gradient(135deg,#0c0d100e 0 2px,#0000 2px 9px);position:absolute;inset:0}.dark .blog-cover:before{background-image:repeating-linear-gradient(135deg,#ffffff0f 0 2px,#0000 2px 9px)}.blog-cover__label{font-family:var(--font-mono);color:var(--ink-500);letter-spacing:.01em;font-size:11px;position:relative}.blog-card{transition:transform .14s,box-shadow .14s,border-color .14s}.blog-card:hover{transform:translateY(-2px);box-shadow:0 18px 40px -26px #0c0d1073}.blog-card:has(a:focus-visible){outline:2px solid var(--ember);outline-offset:3px}.blog-card a{text-decoration:none}}