/* Movimento progressivo: o documento fica legível mesmo sem JavaScript. */
:root {
  --motion-accent: #a68b63;
}

/* A entrada agora acontece em vista, em vez de ao carregar toda a página. */
.panel {
  animation: none;
  transform-origin: center top;
}

.site-main {
  gap: clamp(1rem, 2.4vw, 2rem);
}

.reading-progress {
  position: fixed;
  inset: 0 0 auto;
  z-index: 100;
  height: 3px;
  background: var(--motion-accent);
  transform: scaleX(0);
  transform-origin: left center;
  pointer-events: none;
}

/* Não deixa o hover disputar a posição enquanto um cartão se encaixa. */
[data-motion-running] {
  transition: none;
}

@media (max-width: 760px) {
  .site-main { gap: 1rem; }
  .reading-progress { height: 2px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .reading-progress { display: none; }
}

@media print {
  .reading-progress { display: none; }
}