/* Related posts — GP friendly, LiteSpeed-safe, responsive */
:root{
  --urp-bg:#eef6f7; --urp-text:#111827; --urp-muted:#6b7280; --urp-card-bg:#fff;
  --urp-border:#e5e7eb; --urp-gap:24px; --urp-shadow:0 6px 20px rgba(0,0,0,.06);
}

.urp{ margin-top:24px }
.urp-moz{ font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; color:var(--urp-text); }
.urp .urp-h{
  text-align:center; margin:0 0 22px; font-weight:800; letter-spacing:.1px;
  font-size:clamp(1.4rem,1.1rem + .8vw,2rem);
}

.urp-related .urp-rel-grid,
.urp-ajax .urp-rel-grid{
  display:grid !important;
  grid-template-columns:1fr;
  gap:var(--urp-gap);
  list-style:none;
  margin:0;
  padding:0;
  align-items:start;
}
@media (min-width:640px){
  .urp-related .urp-rel-grid, .urp-ajax .urp-rel-grid{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}
@media (min-width:900px){
  .urp-related .urp-rel-grid, .urp-ajax .urp-rel-grid{ grid-template-columns:repeat(4,minmax(0,1fr)) !important; }
}

.urp-rel-card{ list-style:none; width:100%; min-width:0; }
.urp-rel-link{ display:block; width:100%; text-decoration:none; color:inherit; }

.urp-figure{
  position:relative; margin:0 0 10px 0; border-radius:12px; overflow:hidden;
  box-shadow:var(--urp-shadow); background:#f3f4f6; aspect-ratio:16/9;
}

/* Image visibility — default visible, fade in when .loaded or LS lazyloader toggles */
.urp-img{ width:100%; height:100%; object-fit:cover; display:block; opacity:1;
  transition:opacity .25s ease, transform .35s ease }
.urp-img.loaded, .urp-img.lazyloaded, .urp-img.ls-is-cached{ opacity:1 }
.urp-rel-link:hover .urp-img{ transform:scale(1.01) }

.urp-title{ margin:0 0 6px 0; font-weight:800; line-height:1.25;
  font-size:clamp(1rem,.95rem + .3vw,1.12rem); }
.urp-date{ display:block; font-size:.9rem; color:var(--urp-muted) }

/* Prevent Auto Ads inside URP sections (soft block) */
.urp .google-auto-placed,
.urp ins.adsbygoogle{ display:none !important; visibility:hidden !important; }

/* AJAX controls */
.urp-ajax-controls{
  margin-top:18px; display:flex; justify-content:center; align-items:center; gap:12px;
}
.urp-ajax-btn{
  appearance:none; border:1px solid var(--urp-border); background:var(--urp-card-bg); color:#111827;
  padding:10px 16px; border-radius:10px; font-weight:700; cursor:pointer;
}
.urp-ajax-btn[disabled]{ opacity:.6; cursor:default }
.urp-ajax-spinner{ font-size:.95rem; color:var(--urp-muted) }