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