body{margin:0;font-family:system-ui;background:#f7f8fa}
.home-wrap{max-width:1200px;margin:auto;padding:15px}
.home-hero{text-align:center;padding:40px 10px}
.home-hero h1{margin:0;font-size:28px}
.home-hero p{color:#555}

.home-section{margin-top:30px}
.home-section h2{margin-bottom:15px}

.grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:15px
}
.card{
  background:#fff;
  border:1px solid #ddd;
  border-radius:6px;
  padding:15px;
  text-decoration:none;
  color:#000
}
.card:hover{border-color:#2271b1}
.title{display:block;font-weight:600}
.meta{font-size:13px;color:#666}

.home-footer{text-align:center;margin:40px 0;color:#666;font-size:13px}
.home-ads {
  margin: 20px 0;
  text-align: center;
}
.ad-box {
  margin: 10px auto;
}