/* =============================================
   S2M TECH — SPECIFIC STYLES
   ============================================= */

/* Override gold accents with blue for tech page */
.page-tech .section-tag:not(.section-tag--blue):not(.section-tag--green) {
  color: var(--blue-light);
  border-color: var(--blue-dim);
  background: var(--blue-dim);
}

.page-tech .main-nav a::after { background: var(--blue-bright); }
.page-tech .main-nav a:hover { color: var(--blue-light); }

/* Hero for tech page */
.page-tech .hero-eyebrow { color: var(--blue-light); }
.page-tech .hero-title .accent-blue { color: var(--blue-light); }

/* ABAP code rain effect */
.code-rain {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

.code-rain-column {
  position: absolute;
  top: -100%;
  font-family: var(--font-mono);
  font-size: 0.7rem;
  color: rgba(58, 123, 213, 0.15);
  writing-mode: vertical-rl;
  text-orientation: mixed;
  animation: codefall linear infinite;
  white-space: nowrap;
  user-select: none;
  pointer-events: none;
}

@keyframes codefall {
  0% { transform: translateY(-100%); opacity: 0; }
  10% { opacity: 1; }
  90% { opacity: 1; }
  100% { transform: translateY(200%); opacity: 0; }
}

/* =============================================
   BREADCRUMB BACK LINK STYLE
   ============================================= */
.page-tech .breadcrumb-link { color: rgba(58, 123, 213, 0.6); }
.page-tech .breadcrumb-link:hover { color: var(--blue-light); }

/* =============================================
   FOOTER TECH OVERRIDES
   ============================================= */

.page-tech .footer-brand .logo-s2m { color: var(--blue-light); }