/* Comentários do Mesa 42 via Giscus — mesmo padrão visual dos cards */
.giscus-section {
  width: min(1180px, calc(100% - 36px));
  margin: 32px auto 56px;
  padding: clamp(22px, 4vw, 34px);
  border: 3px solid var(--line, #0a382d);
  border-radius: var(--radius, 18px);
  color: var(--ink, #101715);
  background: var(--paper, #ffffff);
  box-shadow: 8px 8px 0 var(--line, #0a382d);
}

.giscus-section-header {
  margin-bottom: 24px;
  padding-bottom: 20px;
  border-bottom: 2px solid var(--line-soft, #cad6d1);
}

.giscus-section-kicker {
  margin: 0 0 10px;
  color: var(--gold, var(--gold-600, #c99316));
  font: 800 .78rem/1 Barlow, system-ui, sans-serif;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.giscus-section h2 {
  margin: 0;
  color: var(--accent, var(--green-950, #052c23));
  font-family: "Fugaz One", Barlow, sans-serif;
  font-size: clamp(1.5rem, 3vw, 2.15rem);
  line-height: 1.12;
  letter-spacing: -.02em;
}

.giscus-section-header p:last-child {
  margin: 10px 0 0;
  color: var(--muted, #586660);
  font-size: .98rem;
  line-height: 1.55;
}

.giscus-section .giscus,
.giscus-section .giscus-frame {
  width: 100%;
}

@media (max-width: 640px) {
  .giscus-section {
    width: min(100% - 24px, 1180px);
    margin: 24px auto 42px;
    padding: 20px 16px;
    border-radius: 15px;
    box-shadow: 5px 5px 0 var(--line, #0a382d);
  }

  .giscus-section-header {
    margin-bottom: 20px;
    padding-bottom: 17px;
  }
}