/* Event Details: canonical presentation. Sticky/column placement belongs to the page. */
.octopus-event-details {
    display:flex; flex-direction:column; gap:var(--space-component-lg); min-width:0;
    padding:var(--space-layout-sm); border-radius:calc(var(--shape-radius-input) * 2); background:var(--color-white);
    color:var(--color-text-primary); font-family:var(--font-sans);line-height:var(--type-body-leading); overflow-wrap:anywhere;
}
.dark .octopus-event-details { background:var(--color-bg-surface); }
.octopus-event-details__date { padding-bottom:var(--space-component-lg); border-bottom:1px solid var(--color-border-subtle); color:var(--color-text-brand); }
.octopus-event-details__stamp { display:flex; gap:var(--space-component-sm); align-items:center; font-variant-numeric:tabular-nums; }
.octopus-event-details__stamp strong { font-size:var(--type-display-size); font-weight:var(--type-display-weight); line-height:var(--type-display-leading); letter-spacing:var(--type-display-tracking); }
.octopus-event-details__stamp > span { font-size:var(--type-label-size); font-weight:var(--type-label-weight); text-transform:uppercase; }
.octopus-event-details__stamp small { display:block; font-size:var(--type-caption-size); color:var(--color-text-secondary); }
.octopus-event-details__facts { margin:0; display:grid; gap:var(--space-component-sm); }
.octopus-event-details__facts dt { font-size:var(--type-body-secondary-size); line-height:var(--type-body-secondary-leading); color:var(--color-text-secondary); }
.octopus-event-details__facts dd { margin:calc(var(--space-component-xs) / 2) 0 0; font-size:var(--type-body-size); line-height:var(--type-body-leading); white-space:pre-line; }
.octopus-event-details__note { margin:0; font-size:var(--type-caption-size); line-height:var(--type-caption-leading); color:var(--color-text-secondary); white-space:pre-line; }
.octopus-event-details__actions { display:grid; gap:var(--space-component-sm); }
.octopus-event-details__actions > * { width:100%; min-width:0; white-space:normal; }
@media(max-width:39.9375rem){.octopus-event-details { padding:var(--space-layout-xs); }}