@layer components{.meeting-card{--stack-space:var(--space-s);padding:var(--space-m);background:var(--color-surface-alt);border:1px solid var(--color-border);border-inline-start:4px solid var(--color-accent);border-radius:var(--radius-m);& .meeting-card__title{font-size:var(--size-step-1)}& .meeting-card__list{display:grid;gap:var(--space-2xs)}& .meeting-card__row{display:grid;gap:var(--space-3xs);padding-block:var(--space-2xs);border-block-end:1px solid var(--color-border);&:last-child{border-block-end:0}@media(width >= 30rem){grid-template-columns: 8rem 1fr; gap: var(--space-s);}}& dt{color:var(--color-text-muted);font-size:var(--size-step--1);font-weight:600;letter-spacing:.04em;text-transform:uppercase}& .meeting-card__contact{--stack-space:var(--space-2xs);align-items:start}& .meeting-card__person{--stack-space:var(--space-3xs);align-items:start}& .meeting-card__person-name{font-weight:600;& .u-muted{font-weight:400}}& .meeting-card__fallback{color:var(--color-text-muted);font-size:var(--size-step--1)}}}