#yg-feed {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: none;
  margin: 0 0 24px;
  padding: 18px 20px 28px;
  box-sizing: border-box;
  background: linear-gradient(180deg, rgba(226, 28, 33, 0.12), rgba(0, 0, 0, 0.62));
  border: 2px solid #e21c21;
  border-left: 0;
  border-right: 0;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.45);
}

.yg-feed-inner {
  width: 100%;
  max-width: 1680px;
  margin: 0 auto;
}

#yg-feed .yg-disasters-title,
#yg-feed .yg-photo-gallery-title {
  margin: 0 0 8px;
}

#yg-feed .yg-photo-gallery-title {
  margin-bottom: 10px;
}

.yg-feed-meta {
  margin: 0 0 16px;
  text-align: center;
  color: #ffe566;
  font: 700 clamp(20px, 3.2vw, 32px) / 1.25 Georgia, "Times New Roman", serif;
  letter-spacing: 0.04em;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.65);
}

.yg-feed-grid {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  width: 100%;
  max-width: 100%;
  min-height: 240px;
  overflow-anchor: none;
}

.yg-feed-grid > .yg-mason-col {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.yg-feed-grid .yg-disaster-card,
.yg-feed-grid .yg-photo-card-wrap {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0;
  box-sizing: border-box;
}

.yg-feed-grid > .yg-disasters-loading,
.yg-feed-grid > .yg-photo-gallery-empty,
.yg-feed-loading-big {
  flex: 1 1 100%;
  width: 100%;
  margin: 28px 0;
  text-align: center;
  color: #ffe566;
  font: 700 clamp(22px, 3.6vw, 36px) / 1.3 Georgia, "Times New Roman", serif;
  letter-spacing: 0.05em;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.7);
}

.yg-feed-more {
  display: none;
  margin: 18px auto 6px;
  padding: 14px 22px;
  width: fit-content;
  max-width: 92%;
  text-align: center;
  color: #111;
  background: #ffe566;
  border: 2px solid #111;
  border-radius: 999px;
  font: 800 clamp(16px, 2.4vw, 22px) / 1.2 system-ui, Helvetica, sans-serif;
  letter-spacing: 0.04em;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35);
}

.yg-feed-more.is-on {
  display: block;
}

.yg-feed-skel {
  width: 100%;
  aspect-ratio: 4 / 3;
  border-radius: 10px;
  background: linear-gradient(110deg, #1a1a1a 8%, #2c2c2c 18%, #1a1a1a 33%);
  background-size: 200% 100%;
  animation: yg-feed-skel 1.1s linear infinite;
  border: 1px solid rgba(255, 229, 102, 0.25);
}

@keyframes yg-feed-skel {
  to {
    background-position-x: -200%;
  }
}


/* Never leave feed photos invisible if load events race */
#yg-feed .yg-photo-card img {
  opacity: 1 !important;
}
#yg-feed .yg-photo-card::before {
  opacity: 0 !important;
}