/* ===============================
   BASE
================================ */
.site-main{
  background:#ffffff;
}

.post-article{
  max-width:720px;
  margin:0 auto;
  padding:28px 16px 48px;
}

/* ===============================
   HEADER
================================ */
.post-header{
  margin-bottom:24px;
}

.post-title{
  font-size:2.2rem;
  line-height:1.15;
  letter-spacing:-0.02em;
  margin:0 0 10px;
  color:#0b1220;
}

.post-meta{
  font-size:0.9rem;
  color:#64748b;
  display:flex;
  gap:12px;
}

/* ===============================
   CONTENT
================================ */
.post-content{
  font-size:1.06rem;
  line-height:1.8;
  color:#0b1220;
}

.post-content p{
  margin:0 0 1.25em;
}

/* Headings */
.post-content h2{
  margin:2.2em 0 0.7em;
  font-size:1.45rem;
  line-height:1.25;
}

.post-content h3{
  margin:1.9em 0 0.6em;
  font-size:1.2rem;
}

/* Media inside content */
.post-content img,
.post-content figure,
.post-content video{
  max-width:100%;
  height:auto;
}

/* Links */
.post-content a{
  color:#0f172a;
  text-decoration:underline;
  text-underline-offset:3px;
}

/* ===============================
   ADS (INLINE + END)
================================ */
.post-ad{
  margin:24px 0;
}

/* Inline ad — principal no mobile */
.post-ad--inline{
  max-width:300px;
  margin:24px auto;
}

/* End of article ad */
.post-ad--end{
  max-width:300px;
  margin:40px auto 0;
}

/* Desktop alignment */
@media (min-width:1024px){
  .post-ad--inline,
  .post-ad--end{
    margin-left:0;
    margin-right:0;
  }
}

/* ===============================
   MOBILE TWEAKS
================================ */
@media (max-width:480px){
  .post-title{
    font-size:1.85rem;
  }

  .post-content{
    font-size:1.02rem;
  }
}