/* R3-5A Technology Detail Visuals - production placeholder removal */
#page-techd .article {
  max-width: 1120px;
  margin-inline: auto;
}

#page-techd .r3-tech-detail-cover {
  position: relative;
  display: block;
  width: 100%;
  min-height: 0;
  aspect-ratio: 16 / 7;
  margin: 0 0 28px;
  padding: 0;
  overflow: hidden;
  border-radius: 22px;
  background: #06101f;
  border: 1px solid rgba(93, 176, 235, .22);
  box-shadow:
    0 28px 80px rgba(0, 0, 0, .36),
    inset 0 1px 0 rgba(255, 255, 255, .035);
}

#page-techd .r3-tech-detail-cover::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(115deg, transparent 0 43%, rgba(105, 196, 255, .07) 48%, transparent 53% 100%),
    linear-gradient(180deg, transparent 76%, rgba(1, 7, 17, .16));
  transform: translateX(-120%);
  animation: r3TechDetailSweep 8s ease-in-out infinite;
}

#page-techd .r3-tech-detail-cover img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#page-techd .r3-tech-learning-note {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 2px 0 18px;
  padding: 7px 11px;
  border: 1px solid rgba(37, 230, 200, .18);
  border-radius: 999px;
  color: rgba(190, 218, 237, .72);
  background: rgba(8, 25, 43, .58);
  font-size: 11px;
  letter-spacing: .12em;
  text-transform: uppercase;
}

#page-techd .r3-tech-learning-note::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #25e6c8;
  box-shadow: 0 0 12px rgba(37, 230, 200, .65);
}

#page-techd #td-overview,
#page-techd #td-calculation,
#page-techd #td-applications {
  color: rgba(222, 231, 243, .82);
  line-height: 1.82;
}

@keyframes r3TechDetailSweep {
  0%, 62% { transform: translateX(-120%); }
  78% { transform: translateX(120%); }
  100% { transform: translateX(120%); }
}

@media (max-width: 760px) {
  #page-techd .r3-tech-detail-cover {
    aspect-ratio: 4 / 3;
    border-radius: 16px;
  }
  #page-techd .r3-tech-detail-cover img {
    object-fit: cover;
    object-position: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  #page-techd .r3-tech-detail-cover::after {
    animation: none;
  }
}