/* Phase 71: shared specialty navigation */

.sxn-shell {
  margin: 0 18px 14px;
  padding: 10px;
  border: 1px solid rgba(116, 84, 42, 0.14);
  border-radius: 18px;
  background: rgba(255, 250, 242, 0.82);
  box-shadow: 0 14px 30px rgba(72, 46, 17, 0.08);
}

.sxn-primary,
.sxn-secondary {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.sxn-secondary {
  margin-top: 8px;
}

.sxn-btn,
.sxn-chip {
  min-height: 38px;
  padding: 0 14px;
  border-radius: 12px;
  border: 1px solid rgba(116, 84, 42, 0.14);
  background: rgba(255,255,255,.84);
  color: #2e2012;
  font: inherit;
  font-size: .74rem;
  font-weight: 800;
  cursor: pointer;
}

.sxn-btn.active,
.sxn-chip.active {
  background: linear-gradient(135deg, #d79a47, #f0c16a);
  color: #2d1807;
  border-color: rgba(158, 102, 34, 0.34);
}

.sxn-chip {
  min-height: 32px;
  padding: 0 12px;
  font-size: .7rem;
  background: rgba(255,248,234,.92);
}

#documentary-app .doc-nav,
#adtreatment-app .v12-tabnav {
  display: none !important;
}

@media (max-width: 720px) {
  .sxn-shell {
    margin: 0 10px 12px;
    border-radius: 16px;
  }

  .sxn-primary,
  .sxn-secondary {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .sxn-btn,
  .sxn-chip {
    width: 100%;
  }
}