@layer components{.collection{display:block;margin-bottom:2rem;padding:0}@media (min-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}@media not (prefers-reduced-motion: reduce){.collection h3{view-transition-name:auto;view-transition-name:attr(id type(<custom-ident>),none);view-transition-class:heading}}.collection>time{font-family:var(--mono);font-size:.8rem;color:var(--text-light);-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto}.language-switch{display:flex;gap:.5rem;margin-block-end:2.5rem}.language-switch>a{font-size:.8em;padding:.5em 1em;border-radius:999px;transition:background-color .3s;color:var(--text-light)}@media (prefers-color-scheme: light){.language-switch>a{border:1px solid var(--line-light)}.language-switch>a:hover,.language-switch>a:focus-visible,.language-switch>a.active{background:var(--color-50);text-decoration-color:transparent}}@media (prefers-color-scheme: dark){.language-switch>a{border:1px solid var(--line)}.language-switch>a:hover,.language-switch>a:focus-visible,.language-switch>a.active{background:var(--line);text-decoration-color:transparent}}}