.date-card-container{inline-size:100%;container:date-card / inline-size}.date-card{padding:var(--spacing-base);margin:calc(-1 * var(--spacing-base));border-radius:var(--border-radius-small);transition:background var(--transition-duration-moderate-2) var(--ease-out-2),box-shadow var(--transition-duration-moderate-2) var(--ease-out-2);display:grid;grid-template-columns:1fr;gap:var(--spacing-base);&:hover,&:focus-within{background:var(--color-surface-base);outline:none;box-shadow:var(--shadow-box),var(--shadow-nearest)}}.date-slub{color:var(--color-brand-primary-emphasis)}.date-title{font-weight:var(--font-weight-fat);hyphens:auto;font-size:var(--font-size-medium);margin-block-end:var(--spacing-near)}.date-desc{margin-block-start:var(--spacing-base);max-inline-size:var(--measure-base)}.date-time{font-weight:var(--font-weight-fat);font-size:var(--font-size-medium);color:var(--color-text-muted);line-height:var(--line-height-small);margin-block-start:calc(var(--font-size-smallest) * var(--line-height-base))}.date-address{max-inline-size:var(--measure-small);font-size:var(--font-size-small);margin-block-end:auto}@container date-card (min-width: 32rem){.date-details{text-align:end;align-items:flex-end}.date-card{grid-template-columns:2fr 1fr}.date-address{text-align:end;align-items:flex-end}}