.ie-journal .obj_article_details .main_entry .ie-article-usage {
    order: 10;
    border-top: 1px solid var(--rule);
    margin-top: 8px;
    padding-top: 24px;
}
.ie-journal .ie-article-usage .label {margin-bottom: 6px}
.ie-journal .ie-usage-period,.ie-journal .ie-usage-updated {font-size: 12px;color: var(--muted);line-height: 1.6}
.ie-journal .ie-usage-legend {display: flex;flex-wrap: wrap;gap: 12px 24px;list-style: none;margin: 18px 0 20px;padding: 0;font-size: 12px}
.ie-journal .ie-usage-legend li {display: flex;align-items: center;gap: 7px;margin: 0;padding: 0;max-width: 100%;flex-wrap: wrap}
.ie-journal .ie-usage-legend strong {font-variant-numeric: tabular-nums;color: var(--ink);font-weight: 650}
.ie-journal .ie-usage-swatch {display: inline-block;width: 10px;height: 10px;flex: 0 0 10px}
.ie-journal .ie-usage-views {background: var(--green)}
.ie-journal .ie-usage-pdf {background: var(--wine)}
.ie-journal .ie-usage-scroll {max-width: 100%;overflow-x: auto;padding-top: 16px;margin-bottom: 12px;outline-offset: 2px}
.ie-journal .ie-usage-chart {height: 222px;display: grid;grid-template-columns: 36px minmax(0,1fr);gap: 8px}
.ie-journal .ie-usage-axis {height: 180px;display: flex;flex-direction: column;justify-content: space-between;text-align: right;font-size: 11px;line-height: 1;color: var(--muted);font-variant-numeric: tabular-nums}
.ie-journal .ie-usage-plot {position: relative;display: grid;grid-template-columns: repeat(var(--ie-usage-months),minmax(0,1fr));gap: 8px;height: 180px;border-bottom: 1px solid #aebbb7}
.ie-journal .ie-usage-plot::before,.ie-journal .ie-usage-plot::after {content: '';position: absolute;left: 0;right: 0;border-top: 1px solid var(--rule);pointer-events: none}
.ie-journal .ie-usage-plot::before {top: 0}
.ie-journal .ie-usage-plot::after {top: 50%}
.ie-journal .ie-usage-month {position: relative;min-width: 0;height: 180px}
.ie-journal .ie-usage-columns {position: relative;z-index: 1;height: 180px;display: flex;align-items: flex-end;justify-content: center;gap: 12px;padding-inline: 5px}
.ie-journal .ie-usage-bar {position: relative;width: 20px;max-width: 26%;flex: 0 0 20px;border-radius: 2px 2px 0 0}
.ie-journal .ie-usage-bar.ie-usage-zero {background: transparent}
.ie-journal .ie-usage-bar>span {position: absolute;bottom: calc(100% + 5px);left: 50%;transform: translateX(-50%);color: var(--ink);font-size: 11px;line-height: 1.2;white-space: nowrap;font-variant-numeric: tabular-nums}
.ie-journal .ie-usage-month-label {display: block;position: absolute;top: 190px;left: 0;right: 0;text-align: center;font-size: 11px;line-height: 1.4;color: var(--muted);white-space: nowrap}
.ie-journal .ie-usage-data {margin-top: 14px;font-size: 12px}
.ie-journal .ie-usage-data summary {display: list-item;cursor: pointer;color: var(--green);font-size: 12px;font-weight: 600;line-height: 1.6}
.ie-journal .ie-usage-data table {width: 100%;border-collapse: collapse;table-layout: fixed;margin-top: 14px;font-size: 12px;line-height: 1.5}
.ie-journal .ie-usage-data caption {text-align: left;color: var(--muted);padding-bottom: 8px;font-size: 11px}
.ie-journal .ie-usage-data th,.ie-journal .ie-usage-data td {border-bottom: 1px solid var(--rule);padding: 9px 6px;text-align: right;overflow-wrap: anywhere}
.ie-journal .ie-usage-data th {font-weight: 600}
.ie-journal .ie-usage-data th:first-child {text-align: left}
.ie-journal .ie-usage-data tbody th {font-weight: 400;color: var(--muted)}
.ie-journal .ie-usage-method {font-size: 11px;line-height: 1.7;color: var(--muted);margin-top: 15px;text-align: justify;overflow-wrap: anywhere}
@media (max-width: 700px) {
    .ie-journal .ie-usage-chart {grid-template-columns: 28px minmax(0,1fr);gap: 5px}
    .ie-journal .ie-usage-legend {gap: 10px 18px}
    .ie-journal .ie-usage-data th,.ie-journal .ie-usage-data td {padding-inline: 4px}
}