/* #readers: the growth chart, the dots by company type, the markets, the Other panel. */
/* ---------- 1. who reads: growth, then the dots ---------- */
.dots{position:absolute;inset:0}
.dot{position:absolute;left:0;top:0;width:10px;height:10px;border-radius:50%;background:var(--ink);will-change:transform}
.dot.f{background:var(--red)}
.dlab{position:absolute;left:0;top:0;text-align:left;opacity:0;white-space:normal}
.dlab .pc{display:block;font:600 30px/1 var(--disp);color:var(--ink);font-variant-numeric:lining-nums}
.dlab .nm{display:block;margin-top:6px;font:500 13px/1.3 var(--sans);color:var(--grey)}
.dlab.f .pc{color:var(--red)}
.dlab.sm .pc{font-size:20px}
.dkey{position:absolute;left:0;top:0;font:500 13px var(--sans);color:var(--grey);white-space:nowrap}
.dkey i{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--ink);margin-right:8px;vertical-align:0}
.dkey i.f{background:var(--red);margin-left:22px}
.dband{position:absolute;left:0;top:0;font:600 14px var(--disp);color:var(--ink);opacity:0;white-space:nowrap}
.gch{position:absolute;inset:0}
.gch svg{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:visible}
.gch .ax{font:500 12px var(--sans);fill:var(--grey)}
.gch .co{font:600 15px var(--disp);fill:var(--ink)}
.gch .co.cu{fill:var(--red)}
.gch .co.cp{fill:#2F6F9A}
.gch .co2{font:500 12.5px var(--sans);fill:var(--grey)}
.gch .co2.cu2{font:650 15px var(--sans);fill:var(--red)}
.gch .co2.cp2{font:650 15px var(--sans);fill:#2F6F9A}
.gch .pvl{font-family:var(--sans)}
.gch #gAvgT,.gch .pvl{paint-order:stroke;stroke:#FCFBF8;stroke-width:5px;stroke-linejoin:round}
.gch .pk1{font:700 14.5px var(--sans);fill:#2F6F9A}
.gnotes{position:absolute;left:54px;right:0;bottom:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 30px;font:400 13px/1.45 var(--sans);color:var(--grey)}
.gnotes p{margin:0}
.gnotes b{color:var(--ink);font-weight:650}
.gnotes .src{grid-column:1/-1;text-align:right;font-weight:400;font-size:13px;color:#9DA2AA}
.gnotes .kd{display:inline-block;width:18px;height:3px;border-radius:2px;margin-right:8px;vertical-align:middle}
.gnotes .kd.u{background:var(--red)}
.gnotes .kd.p{background:#2F6F9A}
.gch .gavn{font-family:var(--disp);font-weight:700;fill:#14161A;paint-order:stroke;stroke:#FCFBF8;stroke-width:6px;stroke-linejoin:round;font-variant-numeric:lining-nums tabular-nums;letter-spacing:-.01em}
.dlab .pc .apac-i{position:relative;left:auto;top:auto;display:inline-block;vertical-align:3px;margin-left:8px;opacity:1;visibility:visible;transform:none;pointer-events:auto}
.m-only{display:none}
.seed{display:none}
.small .kd{display:inline-block;width:20px;height:3px;border-radius:2px;background:var(--ink);margin-right:9px;vertical-align:middle}
.small .kd.r{background:var(--red)}
.apac-i{all:unset;box-sizing:border-box;position:absolute;left:0;top:0;z-index:5;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1.5px var(--ink);color:var(--ink);font:italic 600 13px/18px var(--disp);text-align:center;cursor:pointer;opacity:0;visibility:hidden;transition:background .18s,color .18s}
.apac-i:hover,.apac-i[aria-expanded=true]{background:var(--ink);color:#fff}
.apac-p{position:absolute;inset:0;z-index:6;display:grid;place-items:center;opacity:0;visibility:hidden;pointer-events:none}
.apac-p.open{opacity:1;visibility:visible}
#dots.dim .dot{opacity:.12}
.apac-c{pointer-events:auto;position:relative;width:min(350px,92%);background:#fff;box-shadow:0 0 0 1px var(--line),0 24px 60px rgba(20,22,26,.18);border-radius:8px;padding:22px 24px 20px}
#othP .apac-c{width:min(400px,92%)}
#othP .apac-c li{grid-template-columns:minmax(0,160px) minmax(0,1fr) 36px}
.apac-c h3{margin:0 40px 0 0;font:600 20px/1.2 var(--disp);color:var(--ink)}
.apac-c .sm{margin:6px 0 14px;font:400 13px/1.45 var(--sans);color:var(--grey)}
.apac-c .x{all:unset;box-sizing:border-box;position:absolute;right:16px;top:16px;font:600 13px var(--sans);color:var(--grey);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.apac-c .x:hover{color:var(--red)}
.apac-c ul{list-style:none;margin:0;padding:0}
.apac-c li{display:grid;grid-template-columns:minmax(0,98px) minmax(0,1fr) 36px;column-gap:10px;align-items:center;padding:5px 0;font:500 14px var(--sans);color:var(--text)}
.apac-c li i{display:block;height:6px;background:var(--line)}
.apac-c li i::after{content:"";display:block;height:100%;width:calc(var(--w) * var(--k,4));background:var(--ink)}
.apac-c li b{text-align:right;font:600 14px var(--sans);color:var(--ink);font-variant-numeric:tabular-nums}
.mk-markets{display:none}
@media (max-width:959px){
  #readers .sc-stage{height:540px;overflow-x:clip}
  .gnotes{left:38px;grid-template-columns:1fr;gap:5px;font-size:13px}
  .m-only{display:block}
  .dkey{white-space:normal;max-width:100%;font-size:13px;line-height:1.5}
  .dkey i.f{margin-left:12px}
  .mk-markets{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;list-style:none;margin:22px 0 0;padding:16px 0 0;border-top:1px solid var(--line)}
  .mk-markets li{display:flex;justify-content:space-between;font:400 15px var(--sans);color:var(--text)}
  .mk-markets b{font:600 17px var(--disp);color:var(--ink)}
  .mk-markets li.f b{color:var(--red)}
  .mk-markets li.sub{display:none;padding-left:12px;color:var(--grey);font-size:14px}
  .mk-markets.open li.sub{display:flex}
  .apac-t{all:unset;box-sizing:border-box;display:inline-block;width:22px;height:22px;margin-left:6px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--ink);text-align:center;font:italic 600 13px/22px var(--disp);color:var(--ink);cursor:pointer;vertical-align:1px}
  .apac-t[aria-expanded=true]{background:var(--ink);color:#fff}
  .apac-i,.apac-p,.dlab .pc .apac-i{display:none}
}

/* touch: the small round i, the panel's close word and the phone's list toggle keep their drawing and are 44x44 boxes (a transparent border the fill and the ring do not paint under,
   the margin taking it back so nothing moves) */
@media (pointer:coarse){
  .apac-c .x::before{content:"";position:absolute;inset:-14px -12px}
  .apac-i{width:44px;height:44px;border:13px solid transparent;background-clip:padding-box;margin:-13px 0 0 -13px}
  .dlab .pc .apac-i{margin:-13px -13px -13px -5px}
  .apac-t{width:44px;height:44px;border:11px solid transparent;background-clip:padding-box;margin:-11px -11px -11px -5px}
}
.apac-c .x:focus-visible{outline:2px solid var(--red);outline-offset:6px}