.fund-history-panel + .fund-history-panel { margin-top: 2.5rem; padding-top: 2.5rem; border-top: 1px solid var(--memo-line); }
.fund-history-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; }
.fund-history-heading h3 { font-size: 1.35rem; font-weight: 650; }
.fund-history-heading p { color: var(--memo-green); font-size: 1.15rem; }
.fund-history-heading p span { color: var(--memo-muted); font-size: 0.85rem; }
.fund-history-note,
.fund-history-details p { margin-top: 0.75rem; color: var(--memo-muted); font-size: 0.9rem; line-height: 1.6; }
.fund-history-chart { width: 100%; height: 320px; margin-top: 1rem; }
.fund-history-chart[hidden] { display: none; }
.fund-return-tooltip { line-height: 1.5; }
.fund-return-tooltip-date,
.fund-return-tooltip-context { color: var(--memo-muted); font-size: 0.8rem; }
.fund-return-tooltip-value { margin-top: 0.65rem; font-size: 1.25rem; }
.fund-return-tooltip-context { margin-top: 0.65rem; }
.fund-history-currencies { display: flex; flex-wrap: wrap; gap: 0.3rem; }
.fund-history-currencies button { min-height: 44px; padding: 0.5rem 0.9rem; border: 1px solid var(--memo-line); border-radius: 4px; color: var(--memo-muted); }
.fund-history-currencies button[aria-pressed="true"] { background: var(--memo-green); border-color: var(--memo-green); color: var(--memo-surface); }
.fund-history-estimate { margin-top: 0.75rem; color: var(--memo-amber); font-size: 0.85rem; line-height: 1.6; }
.fund-history-latest { margin-top: 1rem; color: var(--memo-ink); font-size: 0.95rem; line-height: 1.6; }
.fund-history-details { margin-top: 1rem; }
.fund-history-details summary { cursor: pointer; min-height: 44px; padding: 0.75rem 0; color: var(--memo-muted); }
.fund-history-details summary:focus-visible { outline: 2px solid var(--memo-green); outline-offset: 2px; }
.fund-history-table-wrap { overflow-x: auto; }
.fund-history-details table { width: 100%; text-align: left; font-size: 0.9rem; }
.fund-history-details th,
.fund-history-details td { padding: 0.75rem; border-bottom: 1px solid var(--memo-line); }
.fund-history-details th { color: var(--memo-muted); font-weight: 500; }
@media (max-width: 420px) {
    .fund-history-chart { height: 280px; }
    .fund-history-currencies { width: 100%; }
    .fund-history-currencies button { flex: 1; }
}
