body{margin:0;font-family:sans-serif;background:#f1f5f9}
.topbar{background:#111;color:#fff;text-align:center;padding:10px}
.navbar{background:#dc2626;text-align:center;padding:10px}
.navbar a{color:#fff;margin:5px;font-weight:bold}
.main-layout{display:flex;gap:20px}
.content{width:70%}
.sidebar{width:30%}
.posts{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.post-card{background:#fff;padding:10px;border-radius:8px}
.post-card img{width:100%;height:150px;object-fit:cover}
.side-post{background:#fff;margin:5px;padding:5px}
.ad-box{background:#ddd;padding:20px;text-align:center;margin:10px 0}
.view-more{display:block;text-align:center;background:red;color:#fff;padding:10px;margin:10px 0}
.footer{background:#111;color:#fff;text-align:center;padding:10px;margin-top:20px}
@media(max-width:768px){.main-layout{flex-direction:column}.content,.sidebar{width:100%}.posts{grid-template-columns:1fr}}
.post-content {
  width: 100%;
  overflow: hidden;
}

.post-content table {
  width: 100% !important;
  display: block;
  overflow-x: auto;
}

.post-content img {
  max-width: 100%;
  height: auto;
}

.post-content * {
  max-width: 100%;
}