/* Technical Docs section styling */
.tech-docs {
  /* background: #f8fafc; */
  border-radius: 12px;
  /* padding: 24px; */
}

/* tighten spacing on cards inside */
/* Tech Docs split layout */
.tech-docs-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border: 1px solid #eef2f7;
  border-radius: 16px;
  overflow: hidden;
  background: #ffffff;
}

.tech-docs .split-left {
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
  color: #ffffff;
  display: flex;
  align-items: center;
  min-height: 280px;
}
.tech-docs .split-left__inner {
  padding: 40px 32px;
}
.tech-docs .split-left .brand-mark { opacity: .9; }
.tech-docs .split-left .text-white-50 { color: rgba(255,255,255,.7) !important; }

.tech-docs .split-right { padding: 24px; background: #fff; }

/* Smaller action buttons in this section, keep global rounding */
.tech-docs .button,
.tech-docs .button.button-primary,
.tech-docs .button.button-secondary {
  font-size: 0.8125rem !important; /* ~13px */
  padding: 4px 10px !important;
  line-height: 1.15 !important;
  min-height: 0 !important;
  min-width: 0 !important;
  letter-spacing: normal !important;
}

/* Make these actions visually lighter than CTAs */
.tech-docs .button.button-primary,
.tech-docs .button.button-secondary {
  background-color: transparent !important;
  /* border: 1px solid #cbd5e1 !important; */
  box-shadow: none !important;
}
.tech-docs .button.button-primary:hover,
.tech-docs .button.button-secondary:hover {
  background-color: #f1f5f9 !important;
  /* color: #0f172a !important; */
  border-color: #94a3b8 !important;
}

.tech-docs .d-flex.gap-2.flex-wrap { gap: .5rem !important; }
.tech-docs h3.h5 { margin-bottom: .25rem !important; }
.tech-docs p.text-muted { margin-bottom: .75rem !important; }

@media (max-width: 992px) {
  .tech-docs-split { grid-template-columns: 1fr; }
  .tech-docs .split-left__inner { padding: 28px 20px; }
}

@media (max-width: 576px) {
  .tech-docs .button,
  .tech-docs .button.button-primary,
  .tech-docs .button.button-secondary { width: 100%; }
}