/* The load is stamped into place; the selected repair point is physically located.
   These accents never own image visibility or application selection state. */
body.workshop-chapters-ready .detail-title.is-visible h2 span,
body.workshop-chapters-ready .detail-title.is-visible .load-rule {
  animation: none;
}
.workshop-chapters-ready .detail-title h2 { perspective: 700px; }
.workshop-chapters-ready .detail-title h2 span { transform-origin: 50% 90%; }
.workshop-chapters-ready .load-rule { position: relative; transform-origin: center bottom; }
.workshop-chapters-ready .load-rule::before,
.workshop-chapters-ready .load-rule::after {
  content: "";
  position: absolute;
  top: -7px;
  bottom: -7px;
  width: 5px;
  border-top: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  opacity: .8;
}
.workshop-chapters-ready .load-rule::before { left: -7px; border-left: 2px solid currentColor; }
.workshop-chapters-ready .load-rule::after { right: -7px; border-right: 2px solid currentColor; }
.chapter-press-clamps {
  position: absolute;
  inset: -11px -13px;
  pointer-events: none;
  opacity: 0;
  color: white;
}
.chapter-press-clamps i {
  position: absolute;
  width: 24px;
  height: 17px;
  border: 0 solid currentColor;
}
.chapter-press-clamps i:nth-child(1) { top: 0; left: 0; border-width: 2px 0 0 3px; }
.chapter-press-clamps i:nth-child(2) { top: 0; right: 0; border-width: 2px 3px 0 0; }
.chapter-press-clamps i:nth-child(3) { bottom: 0; left: 0; border-width: 0 0 2px 3px; }
.chapter-press-clamps i:nth-child(4) { bottom: 0; right: 0; border-width: 0 3px 2px 0; }
.chapter-locator {
  --locator-size: 106px;
  position: absolute;
  inset: 0 auto auto 0;
  width: var(--locator-size);
  height: var(--locator-size);
  z-index: 4;
  pointer-events: none;
  visibility: hidden;
  color: white;
  filter: drop-shadow(0 1px 1px #082c6780);
}
.chapter-locator.is-positioned { visibility: visible; }
.chapter-locator i {
  position: absolute;
  width: 18px;
  height: 18px;
  border: 0 solid currentColor;
}
.chapter-locator i:nth-child(1) { top: 0; left: 0; border-width: 2px 0 0 2px; }
.chapter-locator i:nth-child(2) { top: 0; right: 0; border-width: 2px 2px 0 0; }
.chapter-locator i:nth-child(3) { bottom: 0; left: 0; border-width: 0 0 2px 2px; }
.chapter-locator i:nth-child(4) { bottom: 0; right: 0; border-width: 0 2px 2px 0; }
.chapter-locator::before,
.chapter-locator::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 4px;
  left: calc(50% - 6px);
  background: var(--red, #bd2629);
  box-shadow: 0 0 0 1px #fff;
}
.chapter-locator::before { top: -1px; }
.chapter-locator::after { bottom: -1px; }
@media (max-width: 650px) {
  .chapter-locator { --locator-size: 62px; }
  .chapter-locator i { width: 11px; height: 11px; }
  .chapter-press-clamps { inset: -8px -9px; }
}
.motion-off .chapter-press-clamps { display: none; }
@media (prefers-reduced-motion: reduce), (forced-colors: active) {
  .chapter-press-clamps { display: none; }
  .chapter-locator { filter: none; }
}