/* Data-rich but compact product history. Independent of national BOP charts. */
.hs6-explorer{border:1px solid #d9e6eb;border-radius:10px;background:linear-gradient(155deg,#fbfdfd,#f1f8f9);padding:18px 18px 12px;margin:17px 0}
.hs6-explorer[hidden]{display:none}
.hs6-explorer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:8px}
.hs6-explorer-eyebrow{display:block;font-size:10px;font-weight:750;letter-spacing:.09em;color:#678695;margin-bottom:4px}
.hs6-explorer-heading h4{font-size:17px;margin:0;color:#214c5e;letter-spacing:-.02em}
.hs6-explorer-controls{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:100%}
.hs6-explorer-controls>label{font-size:11px;font-weight:650;color:#557583}
.hs6-explorer-controls select{min-width:110px;min-height:34px;padding:6px 9px;border-radius:7px;border:1px solid #c6d8df;background:white;color:#21485a;font:inherit;font-size:12px}
.hs6-explorer-custom{display:flex;gap:8px;flex-wrap:wrap}
.hs6-explorer-custom[hidden]{display:none}
.hs6-explorer-custom label{font-size:10px;color:#557583;display:flex;flex-direction:column;gap:4px}
.hs6-explorer-custom input{min-height:34px;min-width:0;width:129px;padding:5px 7px;box-sizing:border-box;border:1px solid #c6d8df;border-radius:7px;background:white;color:#21485a;font:inherit;font-size:12px}
.hs6-explorer-coverage{font-size:11px;color:#617c89;margin:0 0 12px;line-height:1.45}
.hs6-explorer-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.hs6-explorer-card{min-width:0;padding:12px 14px 8px;border:1px solid #dbe7eb;background:#fff;border-radius:9px}
.hs6-explorer-card h5{margin:0 0 12px;font-size:12px;color:#335a6a;font-weight:720}
.hs6-explorer-plot{position:relative}
.hs6-explorer-plot svg{display:block;width:100%;height:134px;cursor:crosshair;touch-action:pan-y}
.hs6-explorer-line{fill:none;stroke:#387d96;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.hs6-explorer-single{stroke:#387d96;fill:white;stroke-width:2}
.hs6-explorer-marker{fill:#204e61;stroke:white;stroke-width:1.5}
.hs6-explorer-tip{position:absolute;left:50%;top:-57px;transform:translateX(-50%);z-index:5;min-width:143px;max-width:calc(100% - 16px);padding:7px 9px;border-radius:7px;background:#143847;color:white;box-shadow:0 6px 19px #193e4a38;pointer-events:none;font-variant-numeric:tabular-nums}
.hs6-explorer-tip[hidden]{display:none}
.hs6-explorer-tip strong,.hs6-explorer-tip span{display:block;font-size:10px;line-height:1.45;white-space:nowrap}
.hs6-explorer-tip span{color:#d6e7ed}
.hs6-explorer-axis{display:flex;justify-content:space-between;gap:8px;margin:3px 0;color:#718b96;font-size:10px}
.hs6-explorer-read{font-size:10px;color:#597786;line-height:1.5;min-height:28px;margin:7px 0 0;font-variant-numeric:tabular-nums}
.hs6-explorer-controls select:focus-visible,.hs6-explorer-custom input:focus-visible,.hs6-explorer-plot svg:focus-visible{outline:2px solid #29809c;outline-offset:3px}
@media(max-width:750px){.hs6-explorer-charts{grid-template-columns:1fr}.hs6-explorer-head{gap:9px}.hs6-explorer-controls{justify-content:flex-start}.hs6-explorer-plot svg{height:105px}}

/* The reporting month belongs alongside Flow and HS6 product controls. */
#hs6-section #hs6-focus-month{
  box-sizing:border-box;width:100%;min-width:0;max-width:100%;
  min-height:44px;padding:9px;
  border:1px solid #aeb8bd;border-radius:4px;
  background:#fff;color:#234756;font-family:inherit;font-size:13px
}
#hs6-section #hs6-focus-month:focus-visible{outline:3px solid #2c8099;outline-offset:2px}
#hs6-section #hs6-focus-month:disabled{opacity:.6}

/* Product-level period navigation keeps the main filters compact on all screens. */
#hs6-section .hs6-period-control{
  flex:1 1 310px;display:flex;align-items:end;gap:8px;flex-wrap:wrap;min-width:0
}
#hs6-section .hs6-period-control label{flex:1 1 84px;min-width:78px;margin:0}
#hs6-section #hs6-focus-year,#hs6-section #hs6-focus-month{
  width:100%;min-width:0;max-width:100%;min-height:44px;
  border:1px solid #aeb8bd;border-radius:4px;padding:8px;
  background:white;color:#234756;font:inherit;font-size:13px
}
#hs6-section .hs6-date-nav{display:flex;align-items:center;gap:4px;flex:0 0 auto}
#hs6-section .hs6-date-nav button{
  min-height:44px;min-width:36px;padding:6px 8px;border:1px solid #c5d5db;
  border-radius:5px;color:#214c5e;background:white;cursor:pointer;font:inherit;font-size:14px
}
#hs6-section .hs6-date-nav button:disabled{opacity:.35;cursor:default}
#hs6-section .hs6-date-nav button:focus-visible{
  outline:3px solid #2c8099;outline-offset:2px
}
#hs6-section .hs6-date-nav #hs6-latest{font-size:12px;font-weight:650}
#hs6-section .hs6-coverage{
  font-size:12px;color:#547686;line-height:1.45;margin:5px 0 10px
}
@media(max-width:650px){
 #hs6-section .hs6-period-control{flex-basis:100%;gap:7px}
 #hs6-section .hs6-period-control label{flex:1 1 68px}
 #hs6-section .hs6-date-nav{flex:0 0 auto}
}