/* Event and trip posters retain their complete artwork at every screen size. */
#ic-events-approved .event-card>.event-cover,#ic-home-approved .event-card>.event-cover,.event-card>.event-cover{
 aspect-ratio:1/1;
 width:100%;
 min-height:0;
 background-size:contain;
 background-position:center;
 background-repeat:no-repeat;
 background-color:#f1f5f5;
}
#ic-events-approved .event-card>.event-cover::after,#ic-home-approved .event-card>.event-cover::after,.event-card>.event-cover::after{content:none}
.feature-photo.ic-activity-poster{
 width:100%;
 min-height:0;
 aspect-ratio:1/1;
 align-self:start;
 background-size:contain;
 background-position:center;
 background-repeat:no-repeat;
 background-color:#f1f5f5;
}

#ic-events-approved .event-card>.event-cover>img,.event-card>.event-cover>img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}

/* Keep the action at the foot of every card, including older browsers. */
:is(#ic-home-approved,#ic-events-approved,body) .event-card{display:flex;flex-direction:column;min-width:0}
:is(#ic-home-approved,#ic-events-approved,body) .event-card .event-body{display:flex;flex-direction:column;flex:1;min-width:0}
:is(#ic-home-approved,#ic-events-approved,body) .event-card .event-actions{margin-top:auto;padding-top:1rem}
:is(#ic-home-approved,#ic-events-approved,body) .event-card .event-title{display:block;overflow:visible;-webkit-line-clamp:unset;line-clamp:unset;overflow-wrap:anywhere}
:is(#ic-home-approved,#ic-events-approved,body) .event-card .event-meta>div:last-child{min-width:0}
:is(#ic-home-approved,#ic-events-approved,body) .event-card .event-location{overflow-wrap:anywhere}

/* Share content rows across adjacent cards without fixing or clipping text heights.
   Cover / kicker / title / place / time / badges / description / action. */
@supports (grid-template-rows:subgrid){
  @media (min-width:620px){
    :is(#ic-home-approved,#ic-events-approved,body) .event-grid{row-gap:0}
    :is(#ic-home-approved,#ic-events-approved,body) .event-grid>.event-card{display:grid;grid-row:span 8;grid-template-rows:subgrid;row-gap:0;margin-bottom:1rem}
    :is(#ic-home-approved,#ic-events-approved,body) .event-grid>.event-card>.event-cover{grid-row:1;align-self:start}
    :is(#ic-home-approved,#ic-events-approved,body) .event-card .event-body{display:grid;grid-row:2 / span 7;grid-template-rows:subgrid;row-gap:0}
    :is(#ic-home-approved,#ic-events-approved,body) .event-card .event-meta{grid-row:1 / span 5;grid-template-rows:subgrid;row-gap:0;align-items:stretch}
    :is(#ic-home-approved,#ic-events-approved,body) .event-card .date-box{grid-column:1;grid-row:1 / -1;align-self:start}
    :is(#ic-home-approved,#ic-events-approved,body) .event-card .event-meta>div:last-child{display:grid;grid-column:2;grid-row:1 / -1;grid-template-rows:subgrid;row-gap:0}
    #ic-events-approved .event-card-no-date .event-meta>div:last-child{grid-column:1}
    :is(#ic-home-approved,#ic-events-approved,body) .event-card .event-kicker{grid-row:1;align-self:start}
    :is(#ic-home-approved,#ic-events-approved,body) .event-card .event-title{grid-row:2;align-self:start}
    :is(#ic-home-approved,#ic-events-approved,body) .event-card .event-location{grid-row:3;align-self:start}
    :is(#ic-home-approved,#ic-events-approved,body) .event-card .event-time{grid-row:4;align-self:start}
    :is(#ic-home-approved,#ic-events-approved,body) .event-card .badges,
    :is(#ic-home-approved,#ic-events-approved,body) .event-card .event-time+.event-time{grid-row:5;align-self:start}
    :is(#ic-home-approved,#ic-events-approved,body) .event-card .event-description{grid-row:6;align-self:start}
    :is(#ic-home-approved,#ic-events-approved,body) .event-card .event-actions{grid-row:7;align-self:stretch;margin-top:0}
  }
}