/* ============================================================================
   THE NEWS FRONTLINE — Advertisement slots
   ========================================================================== */

.tnf-ad-slot {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 16px;
}
.tnf-ad-slot-home-top { margin-top: 16px; margin-bottom: 4px; }
.tnf-ad-slot-article-middle { margin: 24px 0; }

.tnf-ad-card {
  display: block;
  position: relative;
  background: #fff;
  border: 1px solid #E5E5E5;
  border-radius: 14px;
  overflow: hidden;
  text-decoration: none;
}
.tnf-ad-label {
  display: block;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #9CA3AF;
  padding: 8px 12px 4px;
}
.tnf-ad-card img {
  width: 100%;
  display: block;
}

.tnf-ad-home-top img { max-height: 160px; object-fit: cover; }
.tnf-ad-article-middle img { max-height: 220px; object-fit: cover; }
/* NOTE: these max-heights are only a *default* fallback for ads that
   don't specify a custom Display Size in the admin panel. When an ad
   does set width_px/height_px, tnf-ads.js applies the size via inline
   styles with !important, which override these — see that file. */
.tnf-ad-sidebar { margin-bottom: 12px; }
.tnf-ad-sidebar img { aspect-ratio: 1/1; object-fit: cover; }

.tnf-ad-code { padding: 0 12px 12px; }