/* ═══════════════════════════════════════════════════════
   Parish Publisher — "Related Posts" Sidebar Widget
   Loaded site-wide (sidebars can appear on any page), so this
   duplicates the small set of design tokens it needs rather
   than depending on parish-publisher.css being present.
═══════════════════════════════════════════════════════ */
:root {
  --pp-blue:   #1a5ea8;
  --pp-blue-lt:#e8f1fc;
  --pp-slate:  #3a3d45;
  --pp-muted:  #6b7280;
  --pp-border: #e2e5ea;
  --pp-sans:   'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
}

.pp-widget * { box-sizing: border-box; }
.pp-widget { font-family: var(--pp-sans, sans-serif); }

.pp-widget__list { list-style: none; margin: 0; padding: 0; }
.pp-widget__item {
  display: flex; align-items: flex-start; gap: 10px;
  padding: 10px 0; border-bottom: 1px solid var(--pp-border, #e2e5ea);
}
.pp-widget__item:first-child { padding-top: 0; }
.pp-widget__item:last-child { border-bottom: none; padding-bottom: 0; }

.pp-widget__thumb {
  flex: none; width: 56px; height: 56px; border-radius: 6px; overflow: hidden; display: block;
}
.pp-widget__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }

.pp-widget__meta { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.pp-widget__link {
  font-size: .92rem; font-weight: 500; color: var(--pp-slate, #3a3d45); text-decoration: none;
  line-height: 1.35;
}
.pp-widget__link:hover { color: var(--pp-blue, #1a5ea8); }
.pp-widget__date { font-size: 11.5px; color: var(--pp-muted, #6b7280); }
.pp-widget__empty { font-size: .88rem; color: var(--pp-muted, #6b7280); font-style: italic; margin: 0; }