.cycle-legend {display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}
.cycle-legend button {background:var(--panel);color:var(--ink);border:1px solid var(--line);padding:10px 14px;min-height:44px;font:inherit;font-size:.85rem;cursor:pointer}
.cycle-legend button::before {content:"";display:inline-block;width:10px;height:10px;background:var(--series);border-radius:50%;margin-right:9px}
.cycle-legend button[aria-pressed="false"] {opacity:.5}
#cycle-chart-primary,#cycle-chart-nitrate {overflow-x:auto}
#cycle-chart-primary svg,#cycle-chart-nitrate svg {display:block;width:100%;min-width:300px;height:auto}
#cycle-chart-primary text,#cycle-chart-nitrate text {fill:#fff;font:13px var(--sans)}
#cycle-chart-primary .cycle-hit,#cycle-chart-nitrate .cycle-hit {cursor:pointer;pointer-events:all}
#cycle-chart-primary .cycle-hit:focus,#cycle-chart-nitrate .cycle-hit:focus {outline:none;stroke:white;stroke-width:2}
#cycle-detail {min-height:3em;color:var(--ink)}
.cycle-table-wrap {overflow-x:auto}
.cycle-table {width:100%;border-collapse:collapse;font-size:.8rem;margin-top:14px}
.cycle-table th,.cycle-table td {padding:12px 10px;text-align:left;border-bottom:1px solid var(--line);min-width:110px}
#cycle summary {cursor:pointer}