.panel {
  background-color: var(--bg-surface);
  background-image: var(--texture-surface), var(--texture-speckle);
  background-size:
    256px 256px,
    128px 128px;
  background-repeat: repeat, repeat;
  border: 1px solid rgba(var(--gold-rgb), 0.2);
  border-radius: 4px;
  padding: 0.75rem;
  box-shadow:
    0 4px 16px rgba(var(--shadow-rgb), 0.5),
    0 1px 4px rgba(var(--shadow-rgb), 0.4),
    inset 0 1px 0 rgba(var(--gold-rgb), 0.06),
    inset 0 0 30px rgba(var(--shadow-rgb), 0.15);
}

.sectionTitle {
  font-family: "Cinzel", Georgia, serif;
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--gold);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 0.5rem;
  text-shadow: 0 1px 2px rgba(var(--shadow-rgb), 0.3);
}

.separator {
  border: none;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent 5%,
    rgba(var(--gold-rgb), 0.3) 30%,
    rgba(var(--gold-rgb), 0.5) 50%,
    rgba(var(--gold-rgb), 0.3) 70%,
    transparent 95%
  );
  margin: 0.75rem 0;
}
