.page-header{text-align:center;margin-top:50px;margin-bottom:40px}.page-title{font-size:2.5em;color:#333;margin-bottom:10px}.flashcard-set-archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:50px;margin-bottom:50px}.flashcard-set-item{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.flashcard-set-item:hover{transform:translateY(-5px);box-shadow:0 8px 16px rgba(0,0,0,.2)}.flashcard-set-item a{text-decoration:none;color:inherit;display:block}.flashcard-set-image{width:100%;height:200px;overflow:hidden;display:flex;justify-content:center;align-items:center;background-color:#f0f0f0}.flashcard-set-image img{width:100%;height:100%;object-fit:cover}.flashcard-set-content{padding:20px;text-align:center}.flashcard-set-content h2{font-size:1.8em;margin-top:0;margin-bottom:10px;color:#333}.flashcard-set-content p{font-size:.95em;color:#666;line-height:1.5;margin-bottom:15px}.flashcard-set-content .button{display:inline-block;background-color:#007bff;color:#fff;padding:10px 20px;border-radius:5px;text-decoration:none;font-weight:700;transition:background-color .3s ease}.flashcard-set-content .button:hover{background-color:#0056b3}@media (max-width:992px){.flashcard-set-archive-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.flashcard-set-archive-grid{grid-template-columns:repeat(1,1fr)}}