/* =========================
   SINGLE LAYOUT — sidebar 35% + conteúdo
   Usado em: glossário, memórias, curadoria
========================= */

.glossario-single,
.memoria-single,
.curadoria-single {
  display: grid;
  grid-template-columns: 35% 1fr;
  gap: var(--space-8);
  align-items: start;
  padding-block: var(--space-7) var(--space-5);
}

.glossario-single__sidebar,
.memoria-single__sidebar,
.curadoria-single__sidebar {
  position: sticky;
  top: var(--space-6);
  align-self: start;
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
  justify-content: flex-end;
}

/* Título grande da seção (ex: "Glossário", "Memórias", "Curadoria") */
.glossario-single__section-link,
.memoria-single__section-link,
.curadoria-single__section-link {
  font-family: var(--font-family-heading);
  font-size: clamp(2.5rem, 5vw, 4rem);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-tight);
  margin: 0;
  text-align: right;
}

.glossario-single__section-link a,
.memoria-single__section-link a,
.curadoria-single__section-link a {
  color: var(--color-heading);
  text-decoration: none;
  transition: opacity var(--transition-fast);
}

.glossario-single__section-link a:hover,
.memoria-single__section-link a:hover,
.curadoria-single__section-link a:hover {
  opacity: 0.7;
}

/* =========================
   RESPONSIVO
========================= */

/* Glossário colapsa mais cedo por causa do TOC */
@media (max-width: 900px) {
  .glossario-single {
    grid-template-columns: 1fr;
  }

  .glossario-single__sidebar {
    position: static;
    align-self: start;
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
  }

  .glossario-single__section-link {
    font-size: clamp(2rem, 8vw, 2.75rem);
    text-align: left;
  }
}

@media (max-width: 768px) {
  .memoria-single,
  .curadoria-single {
    grid-template-columns: 1fr;
  }

  .memoria-single__sidebar,
  .curadoria-single__sidebar {
    position: static;
    align-self: start;
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
  }

  .memoria-single__section-link,
  .curadoria-single__section-link {
    font-size: clamp(2rem, 8vw, 2.75rem);
    text-align: left;
  }
}