.observed-volume{padding:26px 56px 24px;border-bottom:1px solid var(--line);background:#f0f1e8;min-width:0}
.observed-volume p{margin:0;font:11px/1.6 Arial,Helvetica,sans-serif;color:var(--muted)}
.observed-volume .eyebrow{font:9px/1.5 monospace;letter-spacing:1px;margin:0 0 8px}
.observed-volume h2{font:400 27px/1.2 Georgia,'Times New Roman',serif;letter-spacing:-.5px;margin:0 0 8px}
.volume-heading{display:flex;justify-content:space-between;gap:20px 32px;align-items:start;margin-bottom:22px}
.volume-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;min-width:0}
.volume-totals>div{min-width:0}
.volume-totals dt{font:9px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.6px;color:var(--muted);margin-bottom:8px}
.volume-totals dd{margin:0;font:400 27px/1.2 Georgia,'Times New Roman',serif;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.volume-chart-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 12px}
.volume-chart-toolbar>p{font-size:12px;color:var(--ink)}
.volume-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.volume-controls>div{display:flex;gap:3px}
.observed-volume button{font:11px/1.4 Arial,Helvetica,sans-serif;color:var(--ink);cursor:pointer}
.volume-controls button{border:1px solid #bdc7b3;border-radius:3px;padding:7px 10px;background:transparent;min-height:32px}
.volume-controls button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.observed-volume button:focus-visible,.observed-volume a:focus-visible{outline:3px solid #6c8747;outline-offset:3px}
.volume-chart{display:grid;grid-template-columns:50px minmax(0,1fr);gap:8px;height:150px}
.volume-scale{display:flex;flex-direction:column;justify-content:space-between;text-align:right;font:10px/1.1 monospace;color:var(--muted);padding-bottom:1px}
.volume-bars{display:flex;align-items:stretch;gap:3px;min-width:0;border-bottom:1px solid #9cae8d;background:linear-gradient(to bottom,#d7d9ce 1px,transparent 1px);background-size:100% 50%;position:relative}
.volume-bars .volume-bar{position:relative;display:flex;align-items:end;flex:1 1 0;min-width:0;padding:0;border:0;background:transparent;border-radius:2px 2px 0 0}
.volume-bar-fill{display:block;width:100%;min-height:2px;background:#658449;border-radius:2px 2px 0 0;pointer-events:none}
.volume-bar[data-covered=false]{background:repeating-linear-gradient(135deg,transparent,transparent 5px,#d9ddce 5px,#d9ddce 6px)}
.volume-bar[data-pending=true] .volume-bar-fill{background:#92a877}
.volume-bar[data-zero=true] .volume-bar-fill{background:#86977a;height:1px;min-height:1px}
.volume-bar[data-zero=true][data-covered=false] .volume-bar-fill{background:transparent}
.volume-bars .volume-bar:hover,.volume-bars .volume-bar:focus-visible{background-color:#dee5d2;z-index:1}
.volume-bar:hover .volume-bar-fill,.volume-bar:focus-visible .volume-bar-fill{background:#294a30}
.volume-axis{margin:8px 0 0 58px;display:flex;justify-content:space-between;gap:8px;font:10px/1.5 Arial,Helvetica,sans-serif;color:var(--muted)}
.observed-volume .volume-hour-detail{margin:12px 0 0;min-height:36px;color:var(--ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.observed-volume .volume-legend{margin:0 0 12px;font-size:10px}
.volume-legend-mark{display:inline-block;width:10px;height:10px;margin-right:4px;vertical-align:-1px;border:1px solid #a9b39a;background:repeating-linear-gradient(135deg,transparent,transparent 2px,#bdc7ae 2px,#bdc7ae 3px)}
.volume-footer{border-top:1px solid var(--line);padding-top:12px;display:flex;justify-content:space-between;align-items:baseline;gap:8px 20px;flex-wrap:wrap}
.volume-footer a{font:11px/1.6 Arial,Helvetica,sans-serif;text-underline-offset:3px}
.observed-volume .volume-method{font-size:10px;margin-top:8px;max-width:1000px}
.observed-volume[data-status=stale] #volume-status,.observed-volume[data-status=partial] #volume-status,.observed-volume[data-status=unavailable] #volume-status{color:#775019}
.observed-volume .volume-empty{padding:22px 0;font-size:12px}
.observed-volume [hidden]{display:none!important}
@media(max-width:1050px){.volume-heading{display:block}.volume-totals{margin-top:20px;max-width:680px}}
@media(max-width:850px){.observed-volume{padding:24px}.volume-totals{gap:18px}.volume-totals dd{font-size:25px}}
@media(max-width:600px){.volume-totals{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.volume-totals>div:last-child{grid-column:1/-1;display:flex;align-items:baseline;gap:12px}.volume-totals>div:last-child dt{margin:0}.volume-totals>div:last-child dd{font-size:22px}.volume-heading{margin-bottom:18px}.volume-controls{width:100%;justify-content:space-between}.volume-chart{height:128px;grid-template-columns:38px minmax(0,1fr);gap:6px}.volume-bars{gap:2px}.volume-axis{margin-left:44px;font-size:9px}.volume-scale{font-size:9px}.volume-axis span:nth-child(2){display:none}.observed-volume .volume-hour-detail{min-height:54px}.volume-totals dd{font-size:26px}}