/* Technology page: browse by process beside a readable matrix. */
.technology-page .technology-catalog-layout {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 46px;
  align-items: start;
}
.technology-page .technology-category-nav {
  position: sticky;
  top: calc(var(--site-preview-height, 0px) + var(--site-nav-height, 78px) + 30px);
  max-height: calc(100dvh - var(--site-preview-height, 0px) - var(--site-nav-height, 78px) - 46px);
  overflow-y: auto;
  overscroll-behavior: contain;
  display: grid;
  gap: 4px;
  padding: 8px 0;
}
.technology-page .technology-category-nav .eyebrow { margin: 0 0 10px; color: #b27a0a; }
.technology-page .technology-category-nav a {
  display: block;
  padding: 11px 14px;
  border-left: 2px solid transparent;
  color: #31516f;
  font-size: 14px;
  line-height: 1.4;
  text-decoration: none;
}
.technology-page .technology-category-nav a:hover,
.technology-page .technology-category-nav a:focus-visible {
  border-left-color: #e3a008;
  color: #08254a;
  background: #f5f8fb;
}
.technology-page [data-technology-cards] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 26px 22px;
}
.technology-page [data-technology-cards] .card { min-width: 0; }
.technology-page [data-technology-cards] .card-media { aspect-ratio: 1.2 / 1; }
.technology-page [data-technology-cards] .card-body { padding: 18px 0 8px; }
.technology-page [data-technology-cards] .card-body h3 { font-size: clamp(21px, 2vw, 29px); }
.technology-page [data-technology-cards] .card-body p { margin-top: 10px; line-height: 1.7; }
@media (max-width: 900px) {
  .technology-page .technology-catalog-layout { grid-template-columns: 1fr; gap: 24px; }
  .technology-page .technology-category-nav { position: static; display: flex; gap: 8px; max-height: none; overflow-x: auto; padding: 0 0 8px; scrollbar-width: none; }
  .technology-page .technology-category-nav::-webkit-scrollbar { display: none; }
  .technology-page .technology-category-nav .eyebrow { flex: 0 0 auto; align-self: center; margin: 0 8px 0 0; }
  .technology-page .technology-category-nav a { flex: 0 0 auto; padding: 9px 12px; border: 1px solid #dce5ee; border-radius: 999px; white-space: nowrap; }
  .technology-page .technology-category-nav a:hover, .technology-page .technology-category-nav a:focus-visible { border-color: #e3a008; background: #fffaf0; }
}
@media (max-width: 620px) {
  .technology-page [data-technology-cards] { grid-template-columns: minmax(0, 1fr); gap: 18px; }
}