.grid { 
    display:grid; 
    grid-template-columns:repeat(5, 1fr); 
    gap:16px; 
}
@media (max-width: 1100px) { .grid { grid-template-columns:repeat(3, 1fr); } }
@media (max-width: 700px)  { .grid { grid-template-columns:repeat(2, 1fr); } }
.card-link { 
    text-decoration:none; 
}
.card { 
    border-radius:4px; 
    padding:12px; 
    text-align:center; 
    padding:10px;
}
.card .card-header {
    display: flex;
    justify-content: center;
    align-items: center;
}
.card img.logo { 
    width:50px; 
    height:50px;
    margin-right: 20px;
}
.card .symbol { 
    font-weight:700; 
    font-size:25px; 
    color:#e2e8f0; 
    margin-top:4px; 
}
.card .korname { 
    font-size:11px; 
    color:#94a3b8; 
    margin-bottom:6px; 
}
.card canvas { 
    display:block;
    width: 100%;
    height: 130px;
    background: #121733;
    border: 1px solid #2a3458;
    border-radius: 4px;
    margin-top: 10px;
    padding: 10px;
}
.pagination { 
    display:flex; 
    justify-content:center; 
    gap:6px; 
    margin:24px 0; 
    flex-wrap:wrap; 
}
.pagination a, .pagination span { 
    padding:6px 12px; 
    border-radius:4px; 
    border:1px solid #1e293b; 
    color:#cbd5e1; 
    text-decoration:none; 
    font-size:13px; 
}
.pagination .current { 
    background:#2563eb; 
    color:#fff; 
    border-color:#2563eb; 
}