/* ========================================
   平板端响应式样式 (Tablet Responsive Styles)
   适用于屏幕宽度 769px - 1024px 的设备
   ======================================== */

/* 平板端媒体查询 (769px - 1024px) */
@media (min-width: 769px) and (max-width: 1024px) {
    /* ========================================
       单词卡片网格适配 (Word Card Grid)
       ======================================== */
    
    .grid {
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
        gap: 2rem;
    }
}