@layer components{.card-grid{display:grid;grid-auto-rows:auto;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-3)}.card{padding:var(--space-3);-webkit-box-shadow:0 0 105px rgba(45,255,196,.9);-moz-box-shadow:0 0 105px rgba(45,255,196,.9);box-shadow:0 0 105px rgba(45,255,196,.9);border-radius:.25rem;box-shadow:0 0 0 1px rgba(0,0,0,.06),0 2px 2px rgba(0,0,0,.04),0 4px 4px rgba(0,0,0,.05),0 6px 6px rgba(0,0,0,.06)}.card p{max-width:100%!important}body.dark .card{box-shadow:0 0 0 1px hsla(0,0%,100%,.06),0 2px 2px hsla(0,0%,100%,.04),0 4px 4px hsla(0,0%,100%,.05),0 6px 6px hsla(0,0%,100%,.06)}.card__title{font-size:1.266rem;margin-top:0;margin-bottom:.1rem}@media screen and (min-width:436px){.card__title{font-size:1.44rem}}.card__img{width:100%;height:15rem;object-fit:cover}.card__date{margin-top:0;font-size:.889rem}@media screen and (min-width:436px){.card__date{font-size:.833rem}}.card__description{margin:0}.card__subtitle{margin-top:.5rem;margin-bottom:.1rem;font-weight:600}.card__tags{display:inline-flex;gap:var(--space-1)}}