.lend-utilisation-trend { color: inherit; border: 1px solid currentColor; border-radius: .5rem; padding: 1rem; max-width: 42rem; }
.lend-utilisation-trend svg { display: block; width: 100%; height: auto; color: inherit; overflow: visible; }
.lend-utilisation-trend svg text { fill: currentColor; font: 14px system-ui, sans-serif; }
.lend-utilisation-trend svg circle { fill: currentColor; }
.lend-utilisation-trend__tick { font-size: 0.75rem; }
.lend-utilisation-trend__axis, .lend-utilisation-trend__line, .lend-utilisation-trend__kink { fill: none; stroke: currentColor; vector-effect: non-scaling-stroke; }
.lend-utilisation-trend__line { stroke-width: 3; }
.lend-utilisation-trend__kink { stroke-width: 2; stroke-dasharray: 5 4; }
.lend-utilisation-trend__readings { list-style: none; margin: .5rem 0 0; padding: 0; display: grid; gap: .25rem; }
.lend-utilisation-trend__readings li { display: flex; justify-content: space-between; gap: 1rem; }
.lend-utilisation-trend p { overflow-wrap: anywhere; }
@media (forced-colors: active) { .lend-utilisation-trend { color: CanvasText; } }