.card{display:flex;justify-content:space-between}.card.card--background{background:var(--color-gray-5);padding:1.25rem .625rem}@media screen and (min-width:768px){.card.card--background{padding:1.5rem}}.card.card--border{border-top:1px solid var(--color-secondary-20);padding-bottom:1.25rem;padding-top:1.25rem}@media screen and (min-width:768px){.card.card--border{padding-bottom:1.5rem;padding-top:1.5rem}}@media screen and (min-width:1024px){.card.card--padding{padding-left:1.5rem;padding-right:1.5rem}}.card__content{display:grid;grid-template-areas:"tags" "heading" "intro" "date";width:100%}@media screen and (min-width:375px){.card__content{grid-template-areas:"tags tags picture" "heading heading picture" "intro intro picture" "date date picture"}}.card__content--course{display:grid;gap:1rem;grid-template-areas:"date" "location" "tags" "heading" "intro";width:100%}@media screen and (min-width:1024px){.card__content--course{align-items:start;grid-template-areas:"date location tags" "heading heading heading" "intro intro intro";grid-template-columns:1fr 1fr 2fr;justify-content:space-between}}.card__content--course svg{stroke:var(--color-dark-blue)}.card__heading{font-size:var(--font-size-h3);grid-area:heading}.card__heading--course{font-size:var(--font-size-h2)}@media screen and (min-width:1024px){.card__heading--course{font-size:var(--font-size-h1)}}.card__tags{align-items:center;grid-area:tags;margin:0 0 .5rem}.card__tags svg{display:block}.card__tags--course{color:var(--color-dark-blue);font-size:.75rem;font-weight:500;justify-self:end}.card__tags--color-sand{background:var(--color-sand)}.card__tags--color-green,.card__tags--color-sand{color:var(--color-dark-blue);height:100%;width:100%}.card__tags--color-green{background:var(--color-quaternary-20)}.card__picture{align-self:flex-start;display:none;flex:none;grid-area:picture;margin-left:1rem;max-width:6rem}@media screen and (min-width:375px){.card__picture{display:block}}@media screen and (min-width:768px){.card__picture{max-width:8rem}}.card__picture.card__picture--padding{background:var(--color-white);padding:.625rem}@media screen and (min-width:768px){.card__picture.card__picture--padding{max-width:8.75rem}}.card__intro{color:var(--color-secondary-80);font-size:1.125rem;grid-area:intro;margin:.5rem 0 0}.card__date{grid-area:date;margin:.5rem 0 0}.card__date--course{margin:0}.card__date--course,.card__location{align-items:center;display:flex;gap:.75rem}.card__location{grid-area:location}.card__location--course{margin-left:0}@media screen and (min-width:1024px){.card__location--course{margin-left:1rem}}.card-course--color{color:var(--color-dark-blue)}