.grade{display:grid;grid-template-columns:repeat(4, 1fr);gap:1.5rem;text-align:center;align-items:start;justify-items:center;margin:2rem auto;max-width:1200px}@media(max-width: 992px){.grade{grid-template-columns:repeat(3, 1fr)}}@media(max-width: 768px){.grade{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 480px){.grade{grid-template-columns:1fr}}.grade div{width:100%}.grade figure{display:block;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.05);padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin:0}.grade a{display:block;background:#fff;border:1px solid #ddd;border-radius:8px;padding:1rem;box-shadow:0 2px 6px rgba(0,0,0,.05);transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:center}.grade a:hover{transform:translateY(-5px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.grade img{aspect-ratio:4/3;object-fit:contain;background:#fff;margin:0;width:100%;height:auto}.grade strong{font-size:.9rem;color:#333;line-height:1.3;display:none}/*# sourceMappingURL=style.css.map */