.kolumnit-otsikko{
text-align:center;
font-size:32px;
margin-bottom:40px;
font-weight:700;
}

.kolumnit-grid{
max-width:900px;
margin:40px auto;
display:grid;
grid-template-columns:repeat(3,1fr);
gap:25px;
}

.kolumni-card{
text-decoration:none;
color:#000;
display:block;
}

.kolumni-image{
width:100%;
aspect-ratio:1/1;
background-size:cover;
background-position:center;
margin-bottom:12px;
border-radius:6px;
max-height:220px;
}

.kolumni-title{
font-size:20px;
line-height:1.3;
margin:6px 0;
font-weight:600;
}

.kolumni-date{
font-size:14px;
color:#777;
margin-bottom:8px;
}

.kolumni-excerpt{
font-size:15px;
line-height:1.5;
color:#444;
}

.kolumni-card:hover .kolumni-title{
text-decoration:underline;
}

.kolumnit-pagination{
max-width:900px;
margin:40px auto;
text-align:center;
}

.kolumnit-pagination a,
.kolumnit-pagination span{
display:inline-block;
margin:5px;
padding:6px 10px;
border:1px solid #ddd;
text-decoration:none;
color:#333;
}

.kolumnit-pagination .current{
background:#333;
color:#fff;
border-color:#333;
}

/* tablet */

@media(max-width:900px){

.kolumnit-grid{
grid-template-columns:repeat(2,1fr);
}

}

/* mobile */

@media(max-width:600px){

.kolumnit-grid{
grid-template-columns:1fr;
}

.kolumnit-otsikko{
font-size:26px;
}

.kolumni-title{
font-size:18px;
}

}