@layer components{.collection{display:block;margin-bottom:2rem;padding:0}@media (width >= 500px){.collection{display:grid;margin-bottom:1rem;grid-gap:1rem;grid-template-columns:1fr max-content;align-items:baseline}}.collection h3{margin:0;font-size:1.125rem;font-weight:600;line-height:1.4;text-wrap:balance}.collection>time{font-family:var(--mono);font-size:.8rem;color:var(--text-light);-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto}}