/* SVG and HTML labels share the full 1000 × 520 plotting coordinate system. */
.escape-chart{width:min(100%,1000px);height:auto;min-height:0;aspect-ratio:1000/520;margin:32px auto 0;overflow:visible}
.escape-chart svg{inset:0;width:100%;height:100%;overflow:visible}
.escape-chart .axis-y{left:5.8%;top:45.769%;transform:translate(calc(-50% - 24px),-50%) rotate(-90deg);white-space:nowrap}
.escape-chart .axis-x{right:4.2%;top:89.615%;bottom:auto;transform:translateY(20px)}
.escape-chart .now{left:5.8%;top:45.769%;transform:translate(12px,calc(-100% - 12px))}
.escape-chart .critical{left:31.8%;top:58.846%;transform:translate(-50%,18px);max-width:34%;text-align:center}
.escape-chart .intervention-note{left:58%;top:12%;max-width:36%}
.escape-chart .natural-note{left:74.2%;top:89.231%;transform:translate(14px,-100%);max-width:24%}
.escape-chart .note b{font-size:12px;line-height:1.5}
.escape-chart .note small{line-height:1.5}
/* Let the plot use the height left after the real heading and description. */
@media(min-width:601px){
  .escape{display:grid;grid-template-rows:auto auto minmax(240px,1fr);gap:clamp(16px,3vh,32px);height:max(100svh,650px);min-height:100svh;padding-top:88px;padding-bottom:42px;overflow:visible}
  .escape-heading{margin:0}
  .escape-heading .display{font-size:clamp(34px,min(4.8vw,6vh),68px);line-height:1.08;white-space:normal}
  body[data-lang="en"] .escape-heading .display{font-size:clamp(32px,min(4.2vw,5.5vh),62px)}
  .escape-heading p{margin-top:16px}
  .escape-chart{height:100%;width:min(100%,1000px);aspect-ratio:auto;margin:0 auto;min-height:0}
}
@media(max-width:600px){
  .escape-chart{aspect-ratio:1/1.15;margin-top:32px;margin-bottom:32px}
  .escape-chart .axis-y{transform:translate(calc(-50% - 15px),-50%) rotate(-90deg);font-size:10px;letter-spacing:0}
  .escape-chart .axis-x{font-size:10px;letter-spacing:0;transform:translateY(18px)}
  .escape-chart .critical{max-width:49%;transform:translate(-42%,18px)}
  .escape-chart .intervention-note{left:46%;top:8%;max-width:50%}
  .escape-chart .natural-note{left:76%;max-width:24%;transform:translate(2px,-100%)}
  .escape-chart .note{letter-spacing:0}
}