@layer components{.collection{grid-gap:.25rem;grid-template-columns:1fr;margin-block-end:2rem;padding:0;display:grid}@media (width>=500px){.collection{grid-gap:1rem;grid-template-columns:1fr max-content;align-items:baseline;margin-bottom:1rem}}.collection h3{text-wrap:balance;letter-spacing:-.01em;margin:0;font-size:1.25rem;font-weight:500;line-height:1.1}.collection>time{color:var(--text-lighter);-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;font-feature-settings:"tnum", "zero";font-size:.8rem}}