.miot-archive{padding:2rem 1rem}.miot-archive__heading{text-align:center;color:var(--color-dark);margin-bottom:2rem;font-size:2.2rem}.miot-archive__filters{display:flex;gap:1rem;justify-content:center;margin:2rem 0}.miot-archive__filter{padding:10px 22px;border-radius:30px;background:var(--color-primary-light);color:var(--color-dark);font-weight:600;font-size:1rem;border:none;cursor:pointer;box-shadow:0 3px 10px var(--color-shadow);transition:.25s ease}.miot-archive__filter--aktualny{background-color:#c5e5c0;color:#266a1f}.miot-archive__filter--przeszly{background-color:#e0e0e0;color:#555}.miot-archive__filter--aktualny:hover{background-color:#266a1f;color:var(--color-background)}.miot-archive__filter--aktualny.active{background-color:#266a1f;color:var(--color-background);box-shadow:0 4px 14px rgb(0 0 0 / .15)}.miot-archive__filter--przeszly:hover{background-color:#555;color:var(--color-background)}.miot-archive__filter--przeszly.active{background-color:#555;color:var(--color-background);box-shadow:0 4px 14px rgb(0 0 0 / .15)}.miot-archive__grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin:0 auto}.miot-archive__card{background-color:#fff;border-radius:14px;overflow:hidden;box-shadow:0 4px 12px var(--color-shadow);border:1px solid rgb(0 0 0 / .05);display:flex;flex-direction:column;transition:.25s ease}.miot-archive__card:hover{transform:translateY(-3px);box-shadow:0 6px 18px rgb(0 0 0 / .12)}.miot-archive__img img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.miot-archive__placeholder{aspect-ratio:16/9;width:100%;background:var(--color-background);display:flex;align-items:center;justify-content:center;color:var(--color-accent);font-size:28px}.miot-archive__body{padding:14px 16px}.miot-archive__title{font-size:1.4rem;color:var(--color-dark);margin-bottom:.5rem}.miot-archive__meta p{margin:0;color:var(--color-dark-light)}.miot-archive__badge{margin-top:10px;padding:6px 12px;border-radius:8px;display:inline-block;font-weight:600;font-size:.9rem;text-transform:uppercase}.miot-archive__badge--aktualny{background-color:#c5e5c0;color:#266a1f}.miot-archive__badge--przeszly{background-color:#e0e0e0;color:#555}.miot-archive__cta{display:block;background:var(--color-accent);color:var(--color-background);text-align:center;padding:12px 0;font-weight:600;text-decoration:none;transition:.25s ease;font-size:1rem}.miot-archive__cta:hover{background:var(--color-accent-hover)}@media(min-width:768px){.miot-archive__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.miot-archive__grid{grid-template-columns:repeat(3,1fr)}}