/* Related-service navigation: separate useful actions from explanatory prose. */
.resource-panel {
  max-width: 1100px;
  margin: 30px auto;
  padding: clamp(22px, 3vw, 32px);
  border: 1px solid #e1d5f2;
  border-radius: 18px;
  background: linear-gradient(120deg, #f7f2ff, #fff 65%);
  box-shadow: 0 16px 36px -28px #35155a40;
  text-align: left;
}
.resource-panel .resource-panel-title {
  margin: 0 0 10px;
  max-width: none;
  color: #211635;
  font-size: 1.18rem;
  font-weight: 750;
  line-height: 1.4;
  letter-spacing: -.015em;
  text-wrap: balance;
}
.resource-panel .resource-panel-copy {
  margin: 0;
  max-width: 85ch;
  color: #5b5270;
  font-size: .96rem;
  line-height: 1.75;
}
.resource-panel .resource-links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 22px 0 0;
  padding: 0;
}
.resource-panel .resource-links a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-width: 0;
  min-height: 60px;
  padding: 15px 18px;
  border: 1px solid #e1d5f2;
  border-radius: 12px;
  background: #fff;
  color: #54209b;
  font-size: .93rem;
  font-weight: 650;
  line-height: 1.5;
  text-decoration: none;
  overflow-wrap: anywhere;
  transition: border-color .18s ease, background-color .18s ease;
}
.resource-panel .resource-links a:last-child:nth-child(odd) { grid-column: 1 / -1; }
.resource-panel .resource-link-arrow {
  display: grid;
  place-items: center;
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #f0e8fc;
  color: #6623ce;
  font-size: 1.1rem;
  line-height: 1;
}
.resource-panel .resource-links a:hover { border-color: #aa83df; background: #faf7ff; }
.resource-panel a:focus-visible { outline: 3px solid #8954d2; outline-offset: 3px; }
.resource-panel-compact {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, .8fr);
  align-items: center;
  gap: 20px 32px;
}
.resource-panel-compact .resource-links { grid-template-columns: 1fr; margin: 0; }
.resource-panel-compact .resource-panel-title:last-child { margin-bottom: 0; }
@media (max-width: 700px) {
  .resource-panel { margin-block: 24px; border-radius: 15px; }
  .resource-panel-compact { grid-template-columns: 1fr; gap: 18px; }
  .resource-panel .resource-links { grid-template-columns: 1fr; gap: 10px; }
  .resource-panel .resource-links a { padding: 14px 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .resource-panel .resource-links a { transition: none; }
}