.smart-devices{
  padding:32px 0;
}

.smart-header{
  margin-bottom:18px;
}
.smart-header h2{
  font-size:22px;
  margin:0;
}
.smart-header small{
  color:#666;
  font-size:13px;
}

/* GRID */
.smart-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
}

/* CARD */
.smart-card{
  display:flex;
  gap:14px;
  background:#fff;
  padding:16px;
  border-radius:16px;
  box-shadow:0 4px 14px rgba(0,0,0,.06);
}

.smart-card img{
  width:96px;
  height:96px;
  object-fit:cover;
  border-radius:12px;
  flex-shrink:0;
}

.smart-content h3{
  font-size:16px;
  margin:0 0 6px;
}
.smart-content h3 a{
  color:#111;
  text-decoration:none;
}
.smart-content p{
  font-size:14px;
  color:#555;
  margin:0 0 6px;
}

.smart-meta{
  font-size:12px;
  color:#777;
  margin-bottom:6px;
}

.read-more{
  font-size:13px;
  color:#1a73e8;
  text-decoration:none;
}

.smart-footer{
  margin-top:16px;
}
.more-btn{
  font-size:14px;
  color:#1a73e8;
  text-decoration:none;
}

/* MOBILE */
@media(max-width:768px){
  .smart-grid{ grid-template-columns:1fr }
}