/* ===== DOCUMENTS PAGE ===== */

.documents__tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  margin-bottom: 40px;
}

.documents__tab {
  padding: 12px 24px;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  border: 0;
  border-radius: 50px;
  font-family: "Gilroy", "Open Sans", sans-serif;
  color: #ffffff;
  background: linear-gradient(94.97deg, #4E00A9 1.93%, #F1008E 96.93%);
  position: relative;
  z-index: 0;
  transition: box-shadow 0.3s;
  outline: none;
}
.documents__tab::before {
  content: "";
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border-radius: 50px;
  background: #11132A;
  z-index: -1;
}
.documents__tab.active::before { display: none; }
.documents__tab:hover { box-shadow: 0 0 20px rgba(116, 66, 200, 0.6); }

.documents__panels {
  position: relative;
}

.documents__panel {
  display: none;
}
.documents__panel.active {
  display: block;
}

.documents__panel-title {
  font-size: 24px;
  font-weight: 600;
  margin: 0 0 20px;
}
@media (min-width: 768px) { .documents__panel-title { font-size: 30px; } }

/* .documents__text overrides (base in .prose DS component) */
.documents__text { font-size: 15px; line-height: 1.8; color: rgba(255,255,255,0.85); }
@media (min-width: 768px) { .documents__text { font-size: 16px; } }