/* Clearer device edge against the midnight page. */
.how .laptop-frame {
  padding: 12px;
  border: 2px solid #b5c4d7;
  background: linear-gradient(145deg, #91a1b8 0%, #657792 58%, #9aaac0 100%);
  box-shadow: 0 0 0 2px rgba(10, 18, 33, .7),
    0 28px 58px -25px rgba(0, 0, 0, .72),
    inset 0 1px rgba(255, 255, 255, .55);
}
.how .laptop-frame .shot-stack { border-color: #1d2940; }
.how .laptop-camera { background: #1d2940; box-shadow: 0 0 0 1px #b5c4d7; }

/* Fill the Works Councils story stage without leaving a large empty floor. */
@media (min-width: 861px) {
  .br-story .br-stage { padding-top: clamp(24px, 3vh, 38px); padding-bottom: 30px; }
  .br-story .br-stage .wrap { height: 100%; display: flex; flex-direction: column; }
  .br-story .br-pills { margin-bottom: 12px; }
  .br-story .br-stage-grid {
    flex: 1;
    min-height: 0;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: clamp(40px, 5vw, 96px);
    align-items: center;
  }
  .br-story .br-stage-visual { align-items: center; }
  .br-story .br-tri-svg {
    width: min(100%, 780px, calc((100vh - 280px) * 1.19));
    max-width: none;
  }
  .br-story .br-msgs { align-self: center; width: 100%; }
}