/* Upper-right, interactive rolling hero chart. Previous v07 asset/styles are retained. */
.bp-city-hero .bp-cinema-content{position:relative}
.bp-city-hero .bp-hero-trend-interactive{position:absolute;top:34px;right:0;bottom:auto;width:min(390px,36%);margin:0;color:#f6f4ed;text-shadow:0 1px 8px #071016,0 1px 3px #071016;isolation:isolate}
.bp-city-hero .bp-hero-trend-interactive::before{content:"";position:absolute;inset:-24px -28px;z-index:-1;background:radial-gradient(ellipse,#09141ccc 0%,#09141c70 55%,transparent 74%);pointer-events:none}
.bp-city-hero .bp-hero-trend-caption{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 5px;font-size:.875rem;line-height:1.5;color:#dfe6e7}
.bp-city-hero .bp-hero-trend-caption [data-hero-month]{font-size:.8125rem;text-align:right;color:#cedadd}
.bp-city-hero .bp-hero-trend-readout{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 12px;margin-bottom:2px;min-height:38px}
.bp-city-hero .bp-hero-trend-readout strong{display:block;font-size:clamp(1.2rem,2.05vw,1.75rem);line-height:1.35;font-weight:450;letter-spacing:-.035em;font-variant-numeric:tabular-nums;white-space:nowrap;color:#fbf0e5;transition:color .15s ease}
.bp-city-hero .bp-hero-trend-badge{font-size:.75rem;line-height:1.5;color:#c9d3d5}
.bp-city-hero .bp-hero-trend-surface{position:relative;touch-action:pan-y;outline-offset:6px}
.bp-city-hero .is-interactive .bp-hero-trend-surface{cursor:crosshair}
.bp-city-hero .bp-hero-trend-surface:focus-visible{outline:2px solid #f1b18b;border-radius:3px}
.bp-city-hero .bp-hero-trend-plot{display:block;width:100%;height:auto;overflow:visible}
.bp-city-hero .bp-hero-trend-guide{fill:none;stroke:#f0eceb40;stroke-width:1;stroke-dasharray:2 5;vector-effect:non-scaling-stroke}
.bp-city-hero .bp-hero-trend-scale{fill:#d0d9db;font-family:var(--bp-body);font-size:14px}
.bp-city-hero .bp-hero-trend-shadow{fill:none;stroke:#101c24b3;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.bp-city-hero .bp-hero-trend-line{fill:none;stroke:#f09664;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.bp-city-hero .bp-hero-trend-dot{fill:#f4b18a;stroke:#18242b;stroke-width:1.2;vector-effect:non-scaling-stroke}
.bp-city-hero .bp-hero-trend-crosshair{stroke:#f6c4a6;stroke-width:1;stroke-dasharray:2 4;opacity:0;vector-effect:non-scaling-stroke;transition:opacity .15s ease}
.bp-city-hero .bp-hero-trend-halo{fill:#f6a16d;opacity:.12;transition:opacity .15s ease}
.bp-city-hero .bp-hero-trend-selected{fill:#fff2e2;stroke:#f09664;stroke-width:2;vector-effect:non-scaling-stroke}
.bp-city-hero .is-inspecting .bp-hero-trend-crosshair{opacity:.7}
.bp-city-hero .is-inspecting .bp-hero-trend-halo{opacity:.3}
.bp-city-hero .is-inspecting .bp-hero-trend-readout strong{color:#ffc095}
.bp-city-hero .bp-hero-trend-axis{display:flex;justify-content:space-between;gap:8px;padding-left:8.5%;font-size:.75rem;line-height:1.5;color:#d0dadd}
.bp-city-hero .bp-hero-trend-axis>span:nth-child(2){color:#aabcc3}
.bp-city-hero .bp-hero-trend-hint{margin:7px 0 0;font-size:.75rem;line-height:1.5;color:#b5c6cc}
.bp-city-hero .bp-hero-trend-hint-live,.bp-city-hero .is-interactive .bp-hero-trend-hint-static{display:none}
.bp-city-hero .is-interactive .bp-hero-trend-hint-live{display:inline}
@media(max-width:1150px){
  .bp-city-hero .bp-hero-trend-interactive{top:30px;width:35%}
  .bp-city-hero .bp-hero-trend-scale{font-size:17px}
  .bp-city-hero .bp-hero-trend-badge{display:none}
}
@media(min-width:681px) and (max-width:920px){
  .bp-city-hero .bp-hero-trend-interactive{top:25px;width:38%}
  .bp-city-hero .bp-hero-trend-caption{display:block}
  .bp-city-hero .bp-hero-trend-caption [data-hero-month]{display:block;text-align:left}
  .bp-city-hero .bp-hero-trend-readout strong{font-size:1.2rem}
  .bp-city-hero .bp-hero-trend-scale{font-size:21px}
}
@media(max-width:680px){
  .bp-city-hero .bp-hero-trend-interactive{top:62px;left:0;right:auto;width:min(320px,100%)}
  .bp-city-hero .bp-hero-trend-caption{margin-bottom:3px}
  .bp-city-hero .bp-hero-trend-readout{min-height:30px}
  .bp-city-hero .bp-hero-trend-readout strong{font-size:1.35rem}
  .bp-city-hero .bp-hero-trend-scale{font-size:18px}
  .bp-city-hero .bp-hero-trend-hint{margin-top:4px}
  .bp-city-hero .bp-hero-trend-interactive::before{inset:-14px -14px}
  .bp-city-hero .bp-cinema-content{padding-top:300px}
}
@media(prefers-reduced-motion:reduce){
  .bp-city-hero .bp-hero-trend-interactive *{transition:none!important}
}
@media print{.bp-city-hero .bp-hero-trend-interactive{display:none}}