.company-page .dividend-summary--events {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr);
    gap: 12px 24px;
    padding: 16px;
    background: var(--ui-surface);
    border-color: var(--ui-line);
}
.dividend-summary--events > div { min-width: 0; }
.dividend-summary__amount, .dividend-history-event__amount { font-size: 20px; font-weight: 650; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.dividend-event-dates { display: grid; }
.dividend-event-dates dt { font-weight: 400; }
.dividend-event-dates dd { margin: 0; }
.dividend-summary__amount-line { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 8px; }
.company-page .dividend-summary__metric { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px; }
.company-page .dividend-summary__metric strong { font-size: 22px; color: var(--ui-ink); font-variant-numeric: tabular-nums; }
.dividend-summary__yield { padding-left: 24px; border-left: 1px solid var(--ui-line); }
.dividend-summary__help { grid-column: 1 / -1; border-top: 1px solid var(--ui-line); }
.dividend-summary__help > p { max-width: 76ch; }
.dividend-method-help summary, .dividend-event-source summary { cursor: pointer; min-height: 44px; padding: 12px 0; }
.dividend-event-source { overflow-wrap: anywhere; }
.dividend-event-source a { display: inline-block; min-height: 32px; padding: 4px 0; }
.dividend-history-mobile { display: none; }
.dividend-history-table td.font-weight-bold, .dividend-history-table td.text-nowrap { text-align: right; }
@media (max-width: 767.98px) {
    .company-page .dividend-summary--events { grid-template-columns: minmax(0, 1fr); gap: 8px; padding: 12px 16px 0; }
    .company-page .dividend-summary__yield { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 12px; padding: 12px 0 0; border-left: 0; border-top: 1px solid var(--ui-line); }
    .dividend-summary__yield > p { flex-basis: 100%; }
    .dividend-history-mobile { display: block; }
    .dividend-history-table-wrap { display: none; }
    .dividend-history-year { border: 1px solid var(--ui-line); border-radius: 6px; margin-bottom: 12px; }
    .dividend-history-year > summary { cursor: pointer; padding: 14px; min-height: 44px; }
    .dividend-history-event { padding: 14px; border-top: 1px solid var(--ui-line); }
}

.company-profile { overflow-wrap: anywhere; }

/* Keep the summary readable without stretching labels away from their values. */
.company-page .dividend-summary h2 { font-size: 16px; line-height: 1.4; }
.dividend-summary__event > .small { color: var(--ui-muted); }
.dividend-summary__unavailable { margin: 12px 0; font-size: 14px; color: var(--ui-muted); }
.dividend-summary__records { margin: 8px 0 12px; }
.dividend-summary__records li { padding: 7px 0; border-top: 1px solid var(--ui-line); }
.dividend-summary__records li:first-child { border-top: 0; padding-top: 0; }
.dividend-summary__shared-date { margin: 6px 0; color: var(--ui-muted); }
.dividend-public-source { font-size: 14px; }
.dividend-history-event__amount--unavailable { font-size: 14px; font-weight: 400; color: var(--ui-muted); }
.dividend-summary .dividend-event-dates { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px 14px; margin-top: 10px; font-size: 14px; }
.dividend-summary .dividend-event-dates > div { min-width: 0; }
.dividend-summary .dividend-event-dates dt { margin-bottom: 2px; }
.dividend-summary .dividend-event-dates dt { color: var(--ui-muted); }
.dividend-summary .dividend-event-dates dd { text-align: left; font-variant-numeric: tabular-nums; }
.dividend-history-event .dividend-event-dates { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 14px; margin: 10px 0 .5rem; font-size: 14px; }
.dividend-history-event .dividend-event-dates > div { min-width: 0; }
.dividend-history-event .dividend-event-dates dt { margin-bottom: 2px; color: var(--ui-muted); }
.dividend-history-event .dividend-event-dates dd { text-align: left; font-variant-numeric: tabular-nums; }
.dividend-method-help, .dividend-event-source { font-size: 13px; }
.dividend-method-help > summary, .dividend-event-source > summary { color: var(--ui-muted); }
.company-page .dividend-history-heading { margin-top: 28px !important; margin-bottom: 0; font-size: 20px; }
.dividend-history-note { margin-bottom: 8px !important; }
.dividend-history-table-wrap { border: 1px solid var(--ui-line); border-radius: 8px; background: var(--ui-surface); }
.company-page .dividend-history-table-wrap .dividend-history-year { border-bottom: 1px solid var(--ui-line); }
.company-page .dividend-history-table-wrap .dividend-history-year:last-child { border-bottom: 0; }
.company-page .dividend-history-table-wrap .dividend-history-year > summary { padding: 14px 16px; min-height: 48px; font-size: 14px; cursor: pointer; }
.company-page .dividend-history-table { table-layout: fixed; margin-bottom: 0; }
.dividend-history-col-date { width: 132px; }
.dividend-history-col-metric { width: 124px; }
.dividend-history-col-action { width: 76px; }
.company-page .dividend-history-table th, .company-page .dividend-history-table td { padding: 10px 16px; font-size: 14px; vertical-align: middle; overflow-wrap: anywhere; }
.company-page .dividend-history-table thead th { background: var(--ui-page); color: var(--ui-muted); border-bottom-width: 1px; font-size: 12px; }
.company-page .dividend-history-table .dividend-history-table__action { padding: 10px 8px; text-align: center; white-space: nowrap; overflow-wrap: normal; }
.dividend-history-table__action .btn { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; white-space: nowrap; }
.dividend-history-table__particulars > details > summary { cursor: pointer; color: var(--ui-muted); }
.dividend-history-table__particulars > details[open] > summary { margin-bottom: 8px; }
.company-profile--empty { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 16px; padding-top: 16px; border-top: 1px solid var(--ui-line); font-size: 13px; }
.company-profile--empty h2 { flex-basis: 100%; font-size: 16px; margin-bottom: 0; }
.company-profile--empty p { margin: 0; }
.company-page .dividend-history-year > .dividend-year-header { display: grid; grid-template-columns: 10px minmax(0, 1fr) auto; align-items: center; gap: 12px; list-style: none; padding: 14px 16px; }
.dividend-year-header::-webkit-details-marker { display: none; }
.dividend-year-header::before { content: ''; width: 6px; height: 6px; border-right: 1.5px solid var(--ui-muted); border-bottom: 1.5px solid var(--ui-muted); transform: rotate(-45deg); }
.dividend-history-year[open] > .dividend-year-header::before { transform: rotate(45deg); }
.company-page .dividend-history-year > .dividend-year-header span { margin: 0; color: inherit; font-size: inherit; min-width: 0; }
.dividend-year-header__heading { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 16px; }
.dividend-year-header__count { font-size: 12px; color: var(--ui-muted); font-weight: 400; }
.dividend-year-header__metrics { display: grid; grid-template-columns: 144px 192px; gap: 20px; }
.dividend-year-header__metric { display: flex; flex-direction: column; gap: 4px; }
.dividend-year-header__metric small { font-size: 12px; font-weight: 400; color: var(--ui-muted); }
.dividend-year-header__metric strong { font-size: 14px; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
@media (max-width: 767.98px) {
    .company-page .dividend-history-year > .dividend-year-header { grid-template-columns: 10px minmax(0, 1fr); gap: 10px; }
    .dividend-year-header__metrics { grid-column: 2; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; }
}