.sae-wrapper{width:100%;}
.sae-grid{display:grid;gap:24px;}
.sae-cols-1{grid-template-columns:1fr;}
.sae-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}
.sae-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}
.sae-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}

.sae-card{
  background:#fff;
  border:1px solid #e6e6e6;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 8px 24px rgba(0,0,0,.06);
  display:flex;
  flex-direction:column;
  height:100%;
}
.sae-thumb{display:block;aspect-ratio:16/10;overflow:hidden;background:#f5f5f5;}
.sae-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease;}
.sae-card:hover .sae-thumb img{transform:scale(1.04);}
.sae-thumb-empty{display:flex;align-items:center;justify-content:center;color:#666;font-size:14px;}

.sae-content{padding:20px;display:flex;flex-direction:column;gap:12px;flex:1;}
.sae-top-event-date{
  font-size:15px;
  white-space:nowrap;
  font-weight:700;
  color:#0f4c81;
  line-height:1.4;
}
.sae-title{margin:0;font-size:22px;line-height:1.3;}
.sae-title a{text-decoration:none;color:#1f2937;}
.sae-title a:hover{color:#0f4c81;}

.sae-excerpt{
  color:#4b5563;
  font-size:16px;
  line-height:1.7;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:5.2em;
}
.sae-signature{font-size:13px;color:#6b7280;line-height:1.5;}
.sae-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;}
.sae-button{
  display:inline-block;align-self:flex-start;background:#0f4c81;color:#fff !important;text-decoration:none;
  padding:12px 18px;border-radius:999px;font-size:14px;line-height:1;transition:transform .2s ease, opacity .2s ease;border:none;
}
.sae-button:hover{opacity:.92;transform:translateY(-1px);}
.sae-readmore{background:#0f4c81;}
.sae-pdf-button{background:#d62828;}
.sae-empty{padding:22px;background:#f8fafc;border-radius:16px;color:#334155;}
.sae-pagination{margin-top:28px;text-align:center;}
.sae-pagination .page-numbers{
  display:inline-block;margin:0 4px;padding:10px 14px;border-radius:999px;border:1px solid #dbe2ea;
  color:#1f2937;text-decoration:none;background:#fff;
}
.sae-pagination .current{background:#0f4c81;color:#fff;border-color:#0f4c81;}

.sae-single-top-meta{margin:0 0 18px;}
.sae-big-date{
  font-size:28px;
  font-weight:800;
  color:#0f4c81;
  line-height:1.2;
  margin:0;
}
.sae-single-extra{
  margin:22px 0 24px;
  padding:18px 0 0;
  border-top:1px solid #e5e7eb;
}
.sae-single-signature{
  font-size:18px;
  color:#374151;
  margin:0 0 16px;
  font-weight:600;
}

@media (max-width:980px){
  .sae-cols-4,.sae-cols-3{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:767px){
  .sae-cols-4,.sae-cols-3,.sae-cols-2{grid-template-columns:1fr;}
  .sae-title{font-size:20px;}
  .sae-content{padding:16px;}
  .sae-actions{flex-direction:column;align-items:flex-start;}
  .sae-top-event-date{font-size:17px;}
  .sae-big-date{font-size:24px;}
  .sae-excerpt{font-size:15px;}
}