.ebel-grid {
display: flex;
flex-wrap: wrap;
align-items: stretch;
justify-content: center;
}
.ebel-card {
flex: 0 0 100%;
margin: .5em;
border: 1px solid #e5e7eb;
border-radius: 12px;
overflow: hidden;
background: #fff;
box-shadow: 0 1px 2px rgba(0,0,0,0.04);
display: flex;
flex-direction: column;
}
.ebel-thumb img {
width: 100%;
height: 180px;
object-fit: cover;
display: block;
}
.ebel-body {
padding: 14px 16px 18px;
display: flex;
flex-direction: column;
gap: 8px;
}
.ebel-title {
margin: 0;
font-size: 18px;
line-height: 1.3;
}
.ebel-title a { text-decoration: none; }
.ebel-date {
font-size: 13px;
color: #6b7280;
}
.ebel-desc {
font-size: 14px;
color: #374151;
}
.ebel-notice, .ebel-empty {
padding: 12px 14px;
background: #fef3c7;
border: 1px solid #f59e0b;
border-radius: 8px;
}
@media (min-width: 768px) {
.ebel-card {
flex: 0 0 calc(33% - 1em);
}
.ebel-thumb img {
height: 12vw;
}
}