.history-timeline--accordion details { min-width: 0; align-self: start; border: 1px solid var(--line); border-radius: 12px; background: var(--paper); }
.history-timeline--accordion summary { display: grid; grid-template-columns: minmax(0, 1fr) 24px; gap: 8px 12px; align-content: center; min-height: 80px; padding: 16px; cursor: pointer; list-style: none; }
.history-timeline--accordion summary::-webkit-details-marker { display: none; }
.history-timeline--accordion summary:focus-visible { outline: 3px solid var(--accent); outline-offset: 3px; }
.history-timeline--accordion summary .period { grid-column: 1; margin: 0; font: 700 12px/16px Manrope, sans-serif; }
.history-event-title { grid-column: 1; font: 400 18px/28px Prata, Georgia, serif; color: var(--ink); text-wrap: balance; }
.history-event-toggle { grid-column: 2; grid-row: 1/3; align-self: center; color: var(--accent); font: 400 24px/32px Manrope, sans-serif; text-align: center; transition: transform 300ms cubic-bezier(.22,1,.36,1); }
.history-timeline--accordion details[open] .history-event-toggle { transform: rotate(180deg); }
.history-event-body { padding: 0 16px 16px; }
.history-event-body p { margin: 0; font: 400 14px/20px Manrope, sans-serif; color: var(--muted); text-wrap: pretty; }
.history-event-body .history-event-source { display: inline-flex; align-items: center; min-height: 44px; margin-top: 8px; font: 600 14px/20px Manrope, sans-serif; }
@media (max-width: 760px) { .history-timeline--accordion { gap: 8px; } .history-timeline--accordion summary { min-height: 72px; } }
@media (prefers-reduced-motion: reduce) { .history-event-toggle { transition: none; } }