.training-index{padding:60px 24px 80px}.training-index-list{flex-direction:column;gap:20px;display:flex}.training-index-card{border:1px solid var(--border);background:#fff;border-radius:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));transition:box-shadow .25s;display:grid;overflow:hidden}.training-index-card:hover{box-shadow:0 14px 36px #00000017}.training-index-media{background:var(--subtle);height:200px;color:var(--text-2);justify-content:center;align-items:center;font-size:13px;display:flex;position:relative}.training-index-media img{object-fit:cover;width:100%;height:100%}.training-index-body{flex-direction:column;justify-content:center;padding:28px 30px;display:flex}.training-index-meta{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.training-index-meta span:first-child{background:var(--subtle);color:var(--brand);border-radius:100px;padding:4px 12px;font-size:12px;font-weight:600}.training-index-meta span:not(:first-child){color:var(--text-2);font-size:13px}.training-index-body h3{margin:0 0 10px;font-size:21px;font-weight:600;line-height:1.4}.training-index-body h3 a{color:var(--text);text-decoration:none}.training-index-body h3 a:hover{color:var(--brand)}.training-index-body p{color:var(--text-2);margin:0;font-size:15px;line-height:1.65}.training-index-empty{text-align:center;border:1px dashed var(--border);border-radius:20px;padding:60px}.training-index-empty h2{color:var(--text);margin:0 0 8px;font-size:24px}.training-index-empty p{color:var(--text-2);margin:0}@media (max-width:680px){.training-index-body{padding:20px}}