/* Two separate planes share the original map projection. Only the photographic
   plane is composited into the neighbouring sections' ice-coloured surface. */
#income .income-exposure {
  position: absolute;
  inset: 0;
  pointer-events: none;
  mask-image: linear-gradient(to bottom,
    transparent 0%, rgb(0 0 0 / .025) 4%, rgb(0 0 0 / .12) 9%,
    rgb(0 0 0 / .38) 16%, rgb(0 0 0 / .74) 24%, rgb(0 0 0 / .96) 32%,
    black 39% 63%, rgb(0 0 0 / .96) 69%, rgb(0 0 0 / .76) 76%,
    rgb(0 0 0 / .44) 84%, rgb(0 0 0 / .15) 91%, rgb(0 0 0 / .035) 96%, transparent);
}
/* A shallow feather also covers the physical ends of the bitmap when its
   intrinsic aspect ratio makes it shorter than the section. */
#income .income-exposure .atlas-plane {
  mask-image: linear-gradient(transparent,black 9% 91%,transparent);
}
#income .income-atlas::after,
#income .income-atlas > .atlas-plane::after { content: none; }
#income .income-exposure .atlas-plane::after {
  inset: 0;
  background:
    radial-gradient(ellipse 48% 38% at 9% 40%,rgb(248 250 249 / .84),rgb(237 247 253 / .51) 52%,transparent),
    radial-gradient(ellipse 42% 45% at 22% 55%,rgb(226 241 253 / .75),rgb(219 239 249 / .44) 54%,transparent),
    radial-gradient(ellipse 49% 24% at 12% 72%,rgb(239 247 250 / .64),transparent),
    linear-gradient(102deg,rgb(230 242 251 / .43),transparent 57%);
}
@media(max-width:900px) {
  #income .income-exposure {
    mask-image: linear-gradient(transparent,rgb(0 0 0 / .07) 7%,
      rgb(0 0 0 / .4) 16%,rgb(0 0 0 / .85) 28%,black 39% 64%,
      rgb(0 0 0 / .87) 72%,rgb(0 0 0 / .45) 84%,rgb(0 0 0 / .09) 94%,transparent);
  }
  #income .income-exposure .atlas-plane { mask-image:none; }
}
#income .abaco-pin i {
  z-index: 1;
  border: 2px solid #1472ce;
  background: radial-gradient(circle at 40% 38%, white 0 38%, #b9f3ff 78%, #81d7ff);
  box-shadow: 0 0 0 1px #c9f3ff, 0 0 7px 2px #86daffb8;
}
#income .abaco-pin i::after {
  border-color: #3189d7;
  box-shadow: 0 0 0 1px #c8f5ff85, inset 0 0 7px #68caff4d;
}
#income .abaco-leader { stroke: #104c87; stroke-width: 3; stroke-linejoin: round; stroke-linecap: round; }
#income .abaco-leader use { stroke: #eafaff; stroke-width: 1.5; }
#income .abaco-note {
  isolation: isolate;
  border-left-color: transparent;
  text-shadow: 0 1px 3px #041b38, 0 2px 8px #071e3dbd;
}
#income .abaco-note::before {
  content: ""; position: absolute; z-index: -1; pointer-events: none;
  inset: -13px -8px -13px -14px;
  background: radial-gradient(ellipse at 40% 52%,#0a2646b0 10%,#0a2e5087 49%,transparent 76%);
  filter: blur(4px);
}
#income .abaco-note::after {
  content: ""; position: absolute; inset: 0 auto 0 -3px; width: 3px;
  background: linear-gradient(90deg,#175ca7 0 1px,#8fdcff 1px,#d1f6ff);
}
@media(min-width:901px) {
  #income .abaco-note p span { display:block; white-space:nowrap; }
}
/* Keep the former control's footprint in the calculator grid. */
#income .calc-controls > .primary { margin-top:24px; min-height:46.5px; }
