/* One family of Coordinate symbols for all reader navigation. */
#reader .hx-reader-header button.hx-pyramid-control,
#reader .hx-reader-wake.hx-pyramid-control{
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;clip-path:none!important;
}
#reader .hx-reader-header button.hx-pyramid-control:before,
#reader .hx-reader-header button.hx-pyramid-control:after,
#reader .hx-prism .hx-astra-step.hx-pyramid-control:before,
#reader .hx-prism .hx-astra-step.hx-pyramid-control:after{content:none!important;display:none!important}
#reader .hx-reader-header button.hx-pyramid-control svg,
#reader.active .hx-prism .hx-astra-nav .hx-astra-step.hx-pyramid-control svg,
#reader .hx-reader-wake.hx-pyramid-control svg{
  display:block;width:40px!important;height:40px!important;max-width:100%;overflow:visible;
  fill:none;stroke:#d1f1ff;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;
  transform:none!important;
  filter:drop-shadow(0 0 3px #85cfff70) drop-shadow(0 0 7px #9470ff55);
  transition:filter .2s ease,opacity .2s ease;
}
#reader .hx-pyramid-symbol .pyramid-axis{stroke-width:.7;opacity:.3}
#reader .hx-pyramid-symbol .pyramid-orbit{stroke:#ac98ef;stroke-width:1;opacity:.8}
#reader .hx-pyramid-symbol .pyramid-inner{stroke:#b899ff;stroke-width:1.2}
#reader .hx-pyramid-symbol .pyramid-spine{stroke:#afa9ff;stroke-width:.7;opacity:.42}
#reader .hx-pyramid-symbol .pyramid-heart{fill:#f4fdff;stroke:none;filter:drop-shadow(0 0 4px #bdefff)}
#reader .hx-pyramid-control:hover .pyramid-outer,
#reader .hx-pyramid-control:focus-visible .pyramid-outer,
#reader .hx-pyramid-control[aria-expanded="true"] .pyramid-outer{fill:#a899ff16;stroke:#fff}
#reader .hx-pyramid-control:active .pyramid-heart{fill:#fff;filter:drop-shadow(0 0 8px #fff)}
#reader .hx-pyramid-control:focus-visible{outline:1px solid #b899ff!important;outline-offset:1px}
#reader .hx-prism .hx-astra-step.hx-pyramid-control:disabled{opacity:.2}
#reader .hx-reader-wake.hx-pyramid-control svg{width:28px!important;height:28px!important}
@media(prefers-reduced-motion:reduce){#reader .hx-pyramid-control svg{transition:none!important}}

/* A dedicated bottom-centre tap target, separate from page turns and scrubber. */
#reader .hx-prism > .hx-reader-wake.hx-pyramid-control{
  position:relative!important;inset:auto!important;transform:none!important;
  display:grid;place-items:center;flex:0 0 44px;align-self:center;
  width:44px;height:44px;min-height:44px;margin:0 auto;padding:0;
}