/* WCC Veterans | Remembrance portrait extension | 2026-10-29
   Scoped to the existing Community #remembrance group.
   The supplied photographic JPEG is byte-identical; no filters, transform,
   AI face re-creation, or retouching are applied.
   The existing five remembrance names and one family detail stay unchanged.
   Shared presentation works with image-backed entries and name-only entries.
*/
.remembrance-panel .remembrance-list{
  max-width:980px;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  align-items:stretch;
}
.remembrance-panel .remembrance-list > li{
  min-width:0;
  min-height:0;
  width:auto;
  grid-column:auto;
  align-self:stretch;
  justify-self:stretch;
  padding:13px 13px 22px;
  border:1px solid rgba(155,123,66,.55);
  background:#fffdf6;
  box-shadow:0 8px 21px rgba(7,29,23,.075);
  text-align:center;
  justify-content:flex-start;
  gap:0;
}
/* Name-only members use the WCC crest, not an invented portrait. */
.remembrance-panel .remembrance-list > li:not(.wcc-memory-with-photo)::before{
  content:"";
  display:block;
  width:100%;
  aspect-ratio:4 / 5;
  max-height:290px;
  flex:none;
  box-sizing:border-box;
  margin:0 0 17px;
  border:1px solid #c7b78c;
  background:#efe4ca url('/images/wcc-veterans-logo.webp') center center / 46% auto no-repeat;
}
.remembrance-panel .remembrance-list .wcc-memory-photo{
  box-sizing:border-box;
  display:block;
  width:100%;
  aspect-ratio:4 / 5;
  max-height:290px;
  flex:none;
  margin:0 0 17px;
  border:1px solid #c7b78c;
  background:#efe4ca;
  object-fit:cover;
  object-position:center center;
  filter:none !important;
  transform:none !important;
}
.remembrance-panel .remembrance-list > li > strong{
  display:block;
  margin-top:2px;
  overflow-wrap:anywhere;
  color:#173f30;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(1.01rem,1.6vw,1.17rem);
  line-height:1.45;
}
.remembrance-panel .remembrance-list > li > small{
  display:block;
  color:#786845;
  line-height:1.55;
  margin-top:6px;
  font-size:.85rem;
}
@media(max-width:880px) and (min-width:601px){
  .remembrance-panel .remembrance-list{grid-template-columns:repeat(2,minmax(0,1fr));max-width:650px;}
}
@media(max-width:600px){
  .remembrance-panel .remembrance-list{grid-template-columns:1fr;max-width:360px;}
  .remembrance-panel .remembrance-list > li{padding:12px 12px 19px;}
}