.usagechart-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:26px 0}.usagechart-layout .usagepanel{margin:0}.usagechart-layout .usagechart-wide{grid-column:1/-1}.usagechart-kicker{color:var(--ochre);font-size:11px;letter-spacing:2px;text-transform:uppercase}.usagechart-layout h2{margin:8px 0 5px}.usagechart-layout .smallprint{margin:0 0 22px}.usagetrend{display:block;width:100%;height:auto;min-width:400px}.usagetrend text{font:12px system-ui,sans-serif;fill:#687765}.usagechart-scroll{overflow-x:auto}.usagechart-grid{stroke:#e4e9df;stroke-width:1;stroke-dasharray:3 5}.usagechart-area{fill:#8fa978;opacity:.15}.usagechart-line{fill:none;stroke:#2e5a40;stroke-width:3;stroke-linejoin:round;stroke-linecap:round}.usagechart-dot{fill:#fdfcf6;stroke:#2e5a40;stroke-width:2}.usagechart-dot:hover,.usagechart-dot:focus{fill:#bd8737;stroke:#8c652b;stroke-width:3;outline:none}.usagebars{display:grid;gap:18px}.usagebar{display:grid;grid-template-columns:minmax(100px,1.1fr) minmax(60px,2fr) 50px;gap:14px;align-items:center;font-size:13px}.usagebar span{overflow-wrap:anywhere}.usagebar strong{text-align:right;font-variant-numeric:tabular-nums}.usagebar-track{height:12px;background:#edf1e8;border-radius:10px;overflow:hidden}.usagebar-track i{display:block;height:100%;background:linear-gradient(90deg,#2b533c,#75916a);border-radius:10px}.usagechart-layout .usagepanel:nth-child(3) .usagebar-track i{background:linear-gradient(90deg,#a76e28,#d9b776)}.usagechart-empty{padding:45px 15px;background:#f6f7f2;border:1px dashed #d7ddcf;border-radius:9px;color:#687765;text-align:center}.usagechart-layout details{margin-top:22px;font-size:13px}.usagechart-layout summary{cursor:pointer;color:#49614a}.usagechart-layout details .usagepanel{padding:0;border:none;margin-top:12px}@media(max-width:780px){.usagechart-layout{grid-template-columns:1fr}.usagechart-wide{grid-column:auto}.usagebar{gap:8px;grid-template-columns:minmax(95px,1.3fr) minmax(40px,2fr) 40px}}