/* V36 — simplified technical review, request-based documentation, and clearer navigation */
.technical-panel {
  max-width: 1180px;
  margin-inline: auto;
  border: 1px solid #cfdae7;
  box-shadow: 0 22px 60px rgba(8, 42, 88, .08);
}

.technical-panel-head {
  padding: 34px 38px;
  background: linear-gradient(130deg, #0a2e62, #123a82);
}

.technical-panel-head h2 { font-size: clamp(25px, 3vw, 38px); }
.technical-panel-head p { max-width: 760px; font-size: 13px; line-height: 1.65; }
.status-chip { background: #fff; color: #123a82; border-color: #fff; }

.technical-table {
  gap: 1px;
  padding: 1px;
  background: #d9e2ec;
}

.technical-row,
.technical-row:nth-child(odd) {
  min-height: 116px;
  padding: 24px 28px;
  border: 0;
  background: #fff;
}

.technical-row dt {
  font-size: 12px;
  line-height: 1.45;
  letter-spacing: .02em;
}

.technical-row dd {
  font-size: 13px;
  line-height: 1.65;
}

.v36-support-row { background: #f4f8fc; }
.v36-support-row dd { color: #123a82; font-weight: 750; }

.v36-support-note {
  margin: 28px 30px 0;
  padding: 28px 30px;
  border-left: 5px solid #d71920;
  background: #f3f7fb;
}

.v36-support-note span {
  color: #d71920;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .14em;
}

.v36-support-note h3 {
  margin: 8px 0 7px;
  color: #092d61;
  font-size: 22px;
}

.v36-support-note p {
  max-width: 920px;
  margin: 0;
  color: #53667d;
  font-size: 13px;
  line-height: 1.75;
}

.technical-actions { padding: 24px 30px 30px; }
.technical-actions .btn { min-width: 175px; text-align: center; }

/* The matching tool now follows the product portfolio. */
.finder-section {
  border-top: 1px solid #d8e2ed;
  border-bottom: 1px solid #d8e2ed;
}

/* Clearly identify links that behave like cards. */
a.home-pathway,
a.news {
  position: relative;
  padding-bottom: 58px;
  cursor: pointer;
}

a.home-pathway::after,
a.news::after {
  content: "\2192";
  position: absolute;
  right: 22px;
  bottom: 20px;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid #9fb3ca;
  border-radius: 50%;
  color: #123a82;
  font-size: 18px;
  transition: color .2s ease, background .2s ease, border-color .2s ease, transform .2s ease;
}

a.home-pathway:hover::after,
a.home-pathway:focus-visible::after,
a.news:hover::after,
a.news:focus-visible::after {
  color: #fff;
  background: #123a82;
  border-color: #123a82;
  transform: translateX(3px);
}

a.home-pathway:focus-visible,
a.news:focus-visible {
  outline: 3px solid rgba(18, 58, 130, .24);
  outline-offset: 3px;
}

.product-family-card:has(.text-link) {
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.product-family-card:has(.text-link):hover {
  transform: translateY(-4px);
  border-color: #9fb3ca;
  box-shadow: 0 18px 40px rgba(8, 42, 88, .10);
}

.product-family-card .text-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 16px;
  padding-bottom: 4px;
  border-bottom: 2px solid #d71920;
  color: #123a82;
  font-weight: 850;
  text-decoration: none;
}

.product-family-card .text-link:focus-visible {
  outline: 3px solid rgba(18, 58, 130, .24);
  outline-offset: 4px;
}

.v36-redirect {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 32px;
  background: #f5f7fa;
}

.v36-redirect > div {
  max-width: 680px;
  padding: 50px;
  background: #fff;
  border-top: 5px solid #123a82;
  box-shadow: 0 24px 70px rgba(8, 42, 88, .12);
}

.v36-redirect img { width: 90px; }
.v36-redirect h1 { margin: 25px 0 12px; color: #092d61; }
.v36-redirect p { color: #53667d; line-height: 1.75; }

@media (max-width: 720px) {
  .technical-panel-head { padding: 27px 22px; }
  .technical-table { display: grid; grid-template-columns: 1fr; }
  .technical-row { min-height: 0; padding: 20px 22px; }
  .v36-support-note { margin: 20px 18px 0; padding: 23px 20px; }
  .v36-support-note h3 { font-size: 19px; }
  .technical-actions { display: grid; grid-template-columns: 1fr; padding: 18px; }
  .technical-actions .btn { width: 100%; }
  .v36-redirect > div { padding: 32px 24px; }
}

@media (prefers-reduced-motion: reduce) {
  a.home-pathway::after,
  a.news::after { transition: none; }
}