/* One central teaching shot replaces the 3D scene for the support-loss beat. */
.wtc7-bearing-shot {
  position:absolute;
  inset:0;
  z-index:4;
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto auto;
  gap:8px;
  min-width:0;
  min-height:0;
  box-sizing:border-box;
  padding:58px clamp(16px,4vw,42px) 20px;
  text-align:center;
  pointer-events:none;
  color:#c9d9df;
  opacity:var(--bearing-shot-opacity,1);
}
.wtc7-bearing-shot[hidden] {display:none!important}
.wtc7-bearing-shot-breadcrumb {
  margin:0;
  color:#95afbb;
  font:10px/1.4 ui-monospace,Menlo,monospace;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.wtc7-bearing-shot-diagram {
  display:block;
  align-self:stretch;
  justify-self:center;
  width:100%;
  height:100%;
  min-width:0;
  min-height:0;
  max-width:700px;
  overflow:visible;
  transform:scale(var(--bearing-shot-scale,1));
  transform-origin:center;
}
.wtc7-bearing-shot .bearing-column {fill:#355765;stroke:#8cb7c5;stroke-width:1.5}
.wtc7-bearing-shot .bearing-column-light {fill:none;stroke:#a2c6d2;stroke-width:1;opacity:.22}
.wtc7-bearing-shot .bearing-seat {fill:#79aebe;stroke:#b2d2db;stroke-width:1.2}
.wtc7-bearing-shot .bearing-seat-top {fill:none;stroke:#d5e7eb;stroke-width:1.5}
.wtc7-bearing-shot .bearing-seat-edge {fill:none;stroke:#d5e7eb;stroke-width:2}
.wtc7-bearing-shot .bearing-girder-end {fill:#e9ad69;stroke:#ffcf91;stroke-width:1.5;stroke-linejoin:round}
.wtc7-bearing-shot .bearing-girder-light {fill:none;stroke:#ffe0b6;stroke-width:1;opacity:.45}
.wtc7-bearing-shot .bearing-contact {stroke:#edf6ee;stroke-width:4;stroke-linecap:butt}
.wtc7-bearing-shot .bearing-push {fill:none;stroke:#e6bc87;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.wtc7-bearing-shot .bearing-label {fill:#b8cfd8;font:15px/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.wtc7-bearing-shot .bearing-label-line {fill:none;stroke:#94b2be;stroke-width:1}
.wtc7-bearing-shot-phase {
  min-height:28px;
  margin:0;
  color:#eed1a9;
  font:400 clamp(18px,2.2vw,23px)/1.2 "Iowan Old Style",Baskerville,Georgia,serif;
}
.wtc7-bearing-shot-note {
  margin:0;
  color:#829ca8;
  font:9px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
@media(max-width:480px) {
  .wtc7-bearing-shot {padding:49px 12px 12px;gap:5px}
  .wtc7-bearing-shot-breadcrumb {font-size:9px;letter-spacing:.07em}
  .wtc7-bearing-shot-phase {min-height:24px;font-size:19px}
}
@media(max-height:480px) {
  .wtc7-bearing-shot {padding:31px 12px 8px;gap:3px}
  .wtc7-bearing-shot-breadcrumb {font-size:8px}
  .wtc7-bearing-shot-phase {min-height:19px;font-size:16px}
  .wtc7-bearing-shot-note {font-size:8px}
}