:root{--border-color: #989c9a;--border-highlight-color: #4b4949;--border-radius: 8px;--padding: 8px;--primary-color: #1e415d;--secondary-color: #708090}*{box-sizing:border-box}html,body{height:100%}body{background-color:#e3e5e4;color:#151515;font-family:sans-serif;margin:0}a{color:var(--primary-color)}a:hover{color:var(--secondary-color)}button{background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;padding:4px 8px}button:hover{background-color:var(--secondary-color);cursor:pointer}form{display:flex;flex-wrap:wrap;gap:8px}form input,form select{border:1px solid var(--primary-color);padding:var(--padding)}h1{margin-top:0}.card{background-color:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius);display:flex;flex:1;flex-direction:column;justify-content:space-between;padding:var(--padding);transition:transform .12s ease-in-out,border-color .12s ease-in-out,box-shadow .12s ease-in-out;will-change:transform}.card:hover{border-color:var(--border-highlight-color);box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.card h2{font-size:large}.card img{aspect-ratio:1/1;border-radius:var(--border-radius);max-height:200px;object-fit:contain;width:100%}.card p{margin:0 0 16px}.card .card-actions{display:flex;justify-content:space-evenly}.card .card-actions a{color:var(--primary-color);display:inline-block;font-size:.9rem;padding:4px 8px;text-decoration:none;text-transform:uppercase}.card .card-actions a:hover{color:var(--secondary-color)}.card .card-meta{display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:4px}.card-skeleton{align-items:center;background-color:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius);display:flex;justify-content:center;min-height:300px;padding:var(--padding)}.container{background-color:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--padding)}.grid-container{align-items:stretch;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.grid-container .grid-item{display:flex;flex-direction:column;height:100%}.subheader{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:var(--padding) 0}.subheader h1{margin:0}