.event-history { margin-top: 24px; padding: 24px; border: 1px solid #b6c7ca; border-radius: 12px; background: #f4f8f7; color: #122f45; overflow-wrap: anywhere; }
.event-history h3 { margin: 0 0 8px; font-size: 1.35rem; }
.event-history .eh-help { color: #36515e; }
.event-history .eh-origin { padding-bottom: 16px; border-bottom: 1px solid #b6c7ca; }
.eh-list { list-style: none; padding: 0; margin: 0; }
.eh-list > li { padding: 18px 0 18px 18px; border-left: 4px solid #087c79; border-bottom: 1px solid #cbd8da; }
.eh-title { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.eh-title strong { font-size: 1.05rem; }
.eh-title time, .eh-actor { color: #36515e; }
.eh-actor { margin: 6px 0; }
.eh-note { white-space: pre-wrap; }
.event-history summary { cursor: pointer; padding: 12px 0; color: #006663; font-weight: 700; }
.event-history dt { margin-top: 12px; font-weight: 700; }
.event-history dd { margin: 4px 0 12px; white-space: pre-wrap; }
.event-history dd span { display: block; }
@media(max-width: 600px) { .event-history { padding: 16px; } .eh-title { gap: 6px; } .eh-title time { width: 100%; } }

.event-history > .eh-disclosure > .eh-summary { padding: 0; color: #122f45; font-size: 1.1rem; }
.eh-summary .eh-count { margin-left: 12px; font-size: .9rem; font-weight: 600; color: #36515e; white-space: nowrap; }
.eh-summary:focus-visible { outline: 3px solid #087c79; outline-offset: 6px; border-radius: 3px; }
.eh-content { padding-top: 12px; }