/* 本文はJavaScriptが無効でも表示。演出は初期化できた要素だけに適用。 */
.reveal-ready {
  opacity: 0;
  transform: translateY(22px);
  transition: opacity .65s cubic-bezier(.22, 1, .36, 1), transform .65s cubic-bezier(.22, 1, .36, 1);
  transition-delay: var(--reveal-delay, 0s);
}
.reveal-ready.is-visible {
  opacity: 1;
  transform: none;
}
.demo-panel:not([hidden]) {
  animation: panel-in .28s ease-out;
}
@keyframes panel-in {
  from { opacity: .5; transform: translateY(4px); }
  to { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
  .reveal-ready { opacity: 1; transform: none; transition: none; }
  .demo-panel:not([hidden]) { animation: none; }
}
@media print {
  .reveal-ready { opacity: 1 !important; transform: none !important; }
}