div.articleList .article { break-before: column; }

div.cd {
    width: 100%;
    margin:0 0 1em;
    border:1px solid #ccc;
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    padding:0;
    float:left;
    text-align:center;
    background-color:#FFFFFF;
}

@media(min-width: 400px) {
    div.cd {
        width:49%;
        margin:0 .5% 1em;
    }
}

@media(min-width: 640px) {
    div.cd {
        width:32%;
        margin:0 .5% 1em;
    }
}


@media(min-width: 768px) {
    div.cd {
        width:24%;
        margin:0 .5% 1em;
    }
}

@media(min-width: 992px) {
    div.cd {
        width:19%;
        margin:0 .5% 1em;
    }
}

.cd img {
    margin:0;
    padding:0;
    display:inline;
    border:none;
    width: 100%;
    height: auto;
    max-width: 170px;
}
.cd .cover img {
}
.cd p {
    margin:0 5px 5px 5px;
    padding:0;
}
.cd p.title {
    font-weight:bold;
    font-size:110%;
    margin-top:5px;
    margin-bottom:2px;
    height: 6em;

}
.cd p.artist {
    font-style:italic;
}
.cd .buynow,
.cd a.buynow {
    display:block;
    border:1px solid #0000CC;
    background-color:#0000FF;
    border-top:1px solid #0066FF;
    border-left:1px solid #0066FF;
    color:#FFFFFF;
    text-decoration:none;
    text-align:center;
    padding:5px;
    margin:0 10px;
}
.cd .buynow:hover,
.cd a.buynow:hover{
    background-color: #0066FF;
}

.cd p.title {
}

/* article list */
.articleList {
    -moz-column-count: 1;
    -webkit-column-count:1;
    column-count: 1;
    -moz-column-gap: 15px;
    -webkit-column-gap: 15px;
    column-gap: 15px;
}

@media(min-width: 600px) {
    .articleList {
        -moz-column-count: 2;
        -webkit-column-count:2;
        column-count: 2;
    }
}

@media(min-width: 800px) {
    .articleList {
        -moz-column-count: 3;
        -webkit-column-count:3;
        column-count: 3;
    }
}

@media(min-width: 1000px) {
    .articleList {
        -moz-column-count: 4;
        -webkit-column-count:4;
        column-count: 4;
    }
}

.articleListTitle {
    margin: 2em 0;
    text-align: center;
}

.articleList .article {
    break-before: column;

    -webkir-page-break-inside: avoid;
    page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    column-break-inside: avoid;
}

#cdnwiki {
    text-align: center;
}
#cdnwiki span {
    width: 200px;
}