/* v6.8.4 — fixed-height period history, true round arrows and edge fades */
.period-viz-35-card .period-viz-35-shell{
  position:relative !important;
  min-width:0 !important;
}

.period-viz-35-card .period-viz-35-controls{
  position:static !important;
  z-index:auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
  min-height:42px !important;
  margin:-3px 2px 8px !important;
  pointer-events:auto !important;
}

.period-viz-35-card button.period-viz-35-arrow{
  appearance:none !important;
  box-sizing:border-box !important;
  -webkit-appearance:none !important;
  display:inline-grid !important;
  place-items:center !important;
  flex:0 0 42px !important;
  inline-size:42px !important;
  block-size:42px !important;
  min-inline-size:42px !important;
  max-inline-size:42px !important;
  min-block-size:42px !important;
  max-block-size:42px !important;
  aspect-ratio:1 / 1 !important;
  margin:0 !important;
  padding:0 !important;
  border:1px solid rgba(247,247,247,.18) !important;
  border-radius:50% !important;
  clip-path:circle(50%) !important;
  background:rgba(247,247,247,.07) !important;
  color:rgba(247,247,247,.91) !important;
  box-shadow:0 8px 20px rgba(0,0,0,.16) !important;
  font:inherit !important;
  line-height:1 !important;
  filter:none !important;
  transform:none !important;
  cursor:pointer !important;
}

.period-viz-35-card button.period-viz-35-arrow svg{
  display:block !important;
  inline-size:18px !important;
  block-size:18px !important;
  overflow:visible !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:2.25 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
  pointer-events:none !important;
}

.period-viz-35-card button.period-viz-35-arrow:hover:not(:disabled),
.period-viz-35-card button.period-viz-35-arrow:focus-visible:not(:disabled){
  background:rgba(245,192,68,.16) !important;
  border-color:rgba(245,192,68,.62) !important;
  color:var(--eqs-yellow-soft,#f7c94a) !important;
  box-shadow:0 0 0 3px rgba(245,192,68,.10),0 10px 22px rgba(0,0,0,.18) !important;
  transform:none !important;
}

.period-viz-35-card button.period-viz-35-arrow:disabled{
  opacity:.30 !important;
  background:rgba(247,247,247,.025) !important;
  border-color:rgba(247,247,247,.08) !important;
  color:rgba(247,247,247,.48) !important;
  cursor:default !important;
  box-shadow:none !important;
}

.period-viz-35-card .period-viz-35-page{
  display:none;
  min-width:112px;
  color:rgba(247,247,247,.52);
  font-size:11px;
  font-weight:750;
  line-height:1.2;
  text-align:center;
  white-space:nowrap;
}

.period-viz-35-card .period-viz-35-window-wrap{
  position:relative !important;
  min-width:0 !important;
  isolation:isolate !important;
}

.period-viz-35-card .period-viz-35-window{
  padding:4px 26px 10px !important;
  scroll-padding-inline:26px !important;
  scrollbar-width:thin !important;
  transition:mask-image .16s ease,-webkit-mask-image .16s ease !important;
}

.period-viz-35-card .period-viz-35-window-wrap.can-scroll-right .period-viz-35-window{
  -webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 46px),transparent 100%) !important;
  mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 46px),transparent 100%) !important;
}
.period-viz-35-card .period-viz-35-window-wrap.can-scroll-left .period-viz-35-window{
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 46px,#000 100%) !important;
  mask-image:linear-gradient(90deg,transparent 0,#000 46px,#000 100%) !important;
}
.period-viz-35-card .period-viz-35-window-wrap.can-scroll-left.can-scroll-right .period-viz-35-window{
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 46px,#000 calc(100% - 46px),transparent 100%) !important;
  mask-image:linear-gradient(90deg,transparent 0,#000 46px,#000 calc(100% - 46px),transparent 100%) !important;
}

.period-viz-35-card .period-viz-35-bars{
  padding-inline:0 !important;
  padding-bottom:2px !important;
}

.period-viz-35-card .period-viz-35-controls[hidden],
.period-viz-35-card .period-viz-mobile-row[hidden]{
  display:none !important;
}

.period-viz-mobile-list{
  display:none;
}

@media(max-width:640px){
  .period-viz-35-card{
    padding-bottom:18px !important;
  }

  .period-viz-35-card .card-title-row{
    display:block !important;
    margin-bottom:14px !important;
  }

  .period-viz-35-card .card-title-row .helper{
    max-width:none !important;
    margin-top:5px !important;
    text-align:left !important;
    font-size:12.5px !important;
  }

  .period-viz-35-card .period-viz-35-controls{
    display:grid !important;
    grid-template-columns:38px minmax(0,1fr) 38px !important;
    align-items:center !important;
    width:100% !important;
    min-height:38px !important;
    margin:0 0 11px !important;
    gap:9px !important;
  }

  .period-viz-35-card button.period-viz-35-arrow{
    flex-basis:38px !important;
    inline-size:38px !important;
    block-size:38px !important;
    min-inline-size:38px !important;
    max-inline-size:38px !important;
    min-block-size:38px !important;
    max-block-size:38px !important;
    justify-self:center !important;
  }

  .period-viz-35-card button.period-viz-35-arrow svg{
    inline-size:16px !important;
    block-size:16px !important;
  }

  .period-viz-35-card .period-viz-35-page{
    display:block !important;
    min-width:0 !important;
  }

  .period-viz-35-window-wrap{
    display:none !important;
  }

  .period-viz-mobile-list{
    display:grid !important;
    gap:9px !important;
    min-width:0 !important;
  }

  .period-viz-mobile-row{
    display:grid !important;
    grid-template-rows:auto auto 6px !important;
    gap:7px !important;
    min-width:0 !important;
    min-height:91px !important;
    padding:13px 14px 12px !important;
    border:1px solid rgba(247,247,247,.13) !important;
    border-radius:17px !important;
    background:linear-gradient(180deg,rgba(247,247,247,.045),rgba(247,247,247,.018)) !important;
    color:var(--eqs-white,#f7f7f7) !important;
    text-decoration:none !important;
    box-shadow:none !important;
  }

  .period-viz-mobile-row:hover,
  .period-viz-mobile-row:focus-visible{
    border-color:rgba(245,192,68,.45) !important;
    background:linear-gradient(180deg,rgba(245,192,68,.075),rgba(247,247,247,.018)) !important;
  }

  .period-viz-mobile-head{
    display:flex !important;
    align-items:baseline !important;
    justify-content:space-between !important;
    gap:12px !important;
    min-width:0 !important;
  }

  .period-viz-mobile-head strong,
  .period-viz-mobile-head b{
    display:block !important;
    margin:0 !important;
    color:rgba(247,247,247,.88) !important;
    font-size:16px !important;
    line-height:1.1 !important;
    font-weight:900 !important;
    font-variant-numeric:tabular-nums !important;
    white-space:nowrap !important;
  }

  .period-viz-mobile-head b{
    color:rgba(247,247,247,.76) !important;
    font-size:14px !important;
  }

  .period-viz-mobile-row.latest .period-viz-mobile-head strong,
  .period-viz-mobile-row.selected .period-viz-mobile-head strong,
  .period-viz-mobile-row.latest .period-viz-mobile-head b,
  .period-viz-mobile-row.selected .period-viz-mobile-head b{
    color:var(--eqs-white,#f7f7f7) !important;
  }

  .period-viz-mobile-meta{
    display:block !important;
    overflow:hidden !important;
    color:rgba(247,247,247,.46) !important;
    font-size:10px !important;
    font-weight:800 !important;
    line-height:1.15 !important;
    letter-spacing:.045em !important;
    text-overflow:ellipsis !important;
    text-transform:uppercase !important;
    white-space:nowrap !important;
  }

  .period-viz-mobile-row.latest .period-viz-mobile-meta,
  .period-viz-mobile-row.selected .period-viz-mobile-meta{
    color:rgba(245,192,68,.78) !important;
  }

  .period-viz-mobile-track{
    position:relative !important;
    display:block !important;
    width:100% !important;
    height:6px !important;
    overflow:hidden !important;
    border-radius:999px !important;
    background:rgba(247,247,247,.065) !important;
  }

  .period-viz-mobile-track i{
    display:block !important;
    width:max(4px,min(var(--bar,0%),100%)) !important;
    min-width:4px !important;
    height:100% !important;
    border-radius:inherit !important;
    background:rgba(247,247,247,.34) !important;
  }

  .period-viz-mobile-row.latest .period-viz-mobile-track i,
  .period-viz-mobile-row.selected .period-viz-mobile-track i{
    background:linear-gradient(90deg,#f7c94a,#eeb83a) !important;
  }
}

@media(prefers-reduced-motion:reduce){
  .period-viz-35-card .period-viz-35-window{
    scroll-behavior:auto !important;
    transition:none !important;
  }
}