.cards-container{padding-bottom:1.5rem;padding-top:1.5rem}.cards-container>h1{padding-bottom:.5rem}.cards{display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}@media(max-width:900px){.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:550px){.cards{grid-template-columns:1fr}}.cards>article{display:flex;flex-direction:column;gap:.25rem}.cards>article>a{margin-bottom:auto}.cards>article .details{display:flex;gap:.5rem;justify-content:space-between}.cards>article .details>div{display:flex;flex-direction:column}.cards>article .details h2{font-size:1.125rem}.cards>article .details p{font-size:.875rem;margin:auto 0;word-break:keep-all;color:var(--colour-mid-dark-grey)}.cards>article .details>p{font-weight:bold}.cards>.guide-card .details>div{flex-direction:column-reverse}.cards>article>.tags{border-top:1px solid var(--colour-extra-light-grey);display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem;padding:.5rem 0}.cards>article>.tags>button{background-color:var(--colour-extra-light-grey);border-radius:15px;color:var(--colour-dark-grey);font-size:.875rem;padding:.25rem .875rem;white-space:nowrap;cursor:pointer}.card-filters{background-color:var(--colour-mid-dark-grey);display:flex;justify-content:space-between;margin:.5rem 0;padding:0 .5rem}.card-filters>div:first-child{align-items:center;color:var(--colour-white);display:flex;flex-wrap:wrap;gap:.5rem}.card-filters>div:first-child>button{background-color:inherit;cursor:pointer;font-size:.938rem;padding:.5rem}.card-filters>div:first-child>button.active{color:var(--colour-primary);font-weight:bold;text-decoration:underline;text-underline-offset:.25rem}