/* HERO */
.pub-hero{
  background:#1d3b6f;
  color:#fff;
  text-align:center;
  padding:60px 0;
}

.pub-hero h1{
  font-size:32px;
}

/* CARDS */
.pub-section{
  padding:40px 8%;
  display:flex;
  flex-direction:column;
  gap:20px;
}

.pub-card{
  display:flex;
  gap:0;
  background:#fff;
  border-radius:10px;
  overflow:hidden;
  box-shadow:0 2px 10px rgba(0,0,0,0.08);
  align-items:stretch;
}

.pub-img-wrap{
  position:relative;
  flex-shrink:0;
}

.pub-img-wrap img{
  width:280px;
  min-width:280px;
  height:210px;
  object-fit:cover;
  display:block;
}

.pub-badge{
  display:inline-block;
  background:#F34B1C33;
  color:#ff4b2b;
  font-size:13px;
  padding:5px 18px;
  border-radius:20px;
  font-weight:600;
  margin-bottom:2px;
  width:fit-content;
}

.pub-content{
  padding:20px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:8px;
}

.pub-meta{
  display:flex;
  gap:10px;
  font-size:13px;
  color:#888;
}

.pub-meta span{
  display:flex;
  align-items:center;
  gap:5px;
}

.pub-content h3{
  font-size:18px;
  font-weight:600;
  color:#1d3b6f;
  margin:0;
  line-height:1.4;
}

.pub-content p{
  font-size:14px;
  color:#666;
  margin:0;
  line-height:1.6;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.pub-content a{
  color:#ff4b2b;
  text-decoration:none;
  font-weight:500;
  font-size:14px;
  margin-top:4px;
}