/* Shared by the TOP, seminar listing and seminar detail pages. */
.seminar-banner{display:block;width:100%;aspect-ratio:16/9;background:#f5f6f7;overflow:hidden}
.seminar-banner>img{display:block;width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:contain}
.motion-lp .upcoming-events .upcoming-layout{display:block}
.motion-lp .upcoming-events .upcoming-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.motion-lp .upcoming-events .upcoming-item{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;border:1px solid #dfe2e7;border-radius:6px;overflow:hidden;background:#fff;min-width:0}
.upcoming-banner-link{display:block;flex-shrink:0}
.upcoming-banner-link:focus-visible{outline-offset:-3px}
.upcoming-item-body{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:16px;padding:22px}
.motion-lp .upcoming-events .upcoming-date{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:14px}
.motion-lp .upcoming-events .upcoming-date span{margin:0}
.motion-lp .upcoming-events .upcoming-info h3{font-size:16px;line-height:1.7;overflow-wrap:anywhere}
.motion-lp .upcoming-events .event-action{margin-top:auto;grid-column:auto;align-self:flex-start}
.motion-lp .upcoming-list>.entries-empty{grid-column:1/-1}
@media(min-width:801px) and (max-width:1100px){.motion-lp .upcoming-events .upcoming-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){
  .seminar-banner{aspect-ratio:4/5}
  .motion-lp .upcoming-events .upcoming-list{grid-template-columns:1fr;gap:24px}
  .upcoming-item-body{padding:20px}
}
