.site-main .ec-trends {
    margin: 16px 0 var(--ec-section-gap);
}
.ec-trends__heading,
.ec-trend__heading {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px 16px;
}
.ec-trends__heading { margin-bottom: 22px; }
.ec-trends__heading h2 { margin: 0 0 6px; font-size: 1.25rem; }
.ec-trends__heading p { margin: 0; color: var(--ec-muted); font-size: .875rem; }
.ec-trends__heading a { display: inline-flex; gap: 6px; align-items: center; min-height: 44px; font-size: .875rem; }
.ec-trends__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 35rem), 1fr)); gap: 28px; }
.ec-trend { min-width: 0; margin: 0; --ec-trend-color: var(--ec-blue); }
.ec-trend--success { --ec-trend-color: #198754; }
.ec-trend__heading h3 { margin: 0; font-size: 1rem; }
.ec-trend__delta { color: var(--ec-text); font-size: .8125rem; font-variant-numeric: tabular-nums; }
.ec-trend__method { margin: 6px 0 0; color: var(--ec-muted); font-size: .8125rem; }
.ec-trend__plot { position: relative; height: 150px; margin-top: 8px; }
.ec-trend__plot svg { display: block; width: 100%; height: 100%; overflow: visible; }
.ec-trend__line { fill: none; stroke: var(--ec-trend-color); stroke-width: 2.5px; stroke-linejoin: round; }
.ec-trend__line--current { stroke-dasharray: 4 4; }
.ec-trend__point { position: absolute; width: calc(100% / var(--ec-trend-count)); height: 44px; transform: translate(-50%, -50%); padding: 0; margin: 0; border: 0; background: transparent; color: var(--ec-text); cursor: pointer; touch-action: manipulation; }
.ec-trend__point:focus-visible { outline: 2px solid var(--ec-trend-color); outline-offset: -2px; border-radius: 4px; }
.ec-trend__dot { position: absolute; left: 50%; top: 50%; width: 8px; height: 8px; transform: translate(-50%, -50%); border-radius: 50%; background: var(--ec-trend-color); }
.ec-trend__point--current .ec-trend__dot { background: #fff; outline: 2px solid var(--ec-trend-color); outline-offset: 1px; }
.ec-trends--interactive .ec-trend__point[aria-pressed="true"] .ec-trend__dot { box-shadow: 0 0 0 5px color-mix(in srgb, var(--ec-trend-color) 18%, transparent); }
.ec-trend__value { position: absolute; bottom: calc(50% + 15px); left: 50%; transform: translateX(-50%); color: var(--ec-text); font-size: .75rem; font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; }
.ec-trend__dates { display: grid; list-style: none; padding: 8px 0 0; margin: 0; border-top: 1px solid var(--ec-border); text-align: center; color: var(--ec-muted); font-size: .75rem; font-variant-numeric: tabular-nums; }
.ec-trend__status { margin: 12px 0 0; color: var(--ec-muted); font-size: .8125rem; }
.ec-trend__selection { margin: 12px 0 0; min-height: 1.5em; font-size: .875rem; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.ec-trends__hint { margin: 18px 0 0; color: var(--ec-muted); font-size: .8125rem; }
.ec-trend__fallback { padding-left: 20px; margin: 12px 0; font-size: .875rem; }
.ec-trend__empty { margin: 10px 0 0; font-size: .875rem; color: var(--ec-muted); }
.ec-trends__note { margin: 20px 0 0; padding-top: 16px; border-top: 1px solid var(--ec-border); color: var(--ec-muted); font-size: .75rem; }
@media (max-width: 767.98px) {
    .ec-trends__grid { grid-template-columns: minmax(0, 1fr); gap: 24px; }
    .ec-trend + .ec-trend { padding-top: 20px; border-top: 1px solid var(--ec-border); }
    .ec-trend__point:not(:first-of-type):not(:last-of-type) .ec-trend__value { display: none; }
    .ec-trend__point:first-of-type .ec-trend__value { transform: none; }
    .ec-trend__point:last-of-type .ec-trend__value { left: auto; right: 50%; transform: none; }
    .ec-trend__dates li { visibility: hidden; }
    .ec-trend__dates li:nth-child(3n + 1), .ec-trend__dates li:last-child { visibility: visible; }
}