@media (prefers-reduced-motion: no-preference) {
  .platform-main > h1, .platform-main > .sector-hero, .platform-main > .course-hero, main > .hero {
    animation: page-entrance 260ms cubic-bezier(.22,.75,.3,1) both;
  }
  .reveal-in { animation: page-entrance 320ms cubic-bezier(.22,.75,.3,1) both; }
  @keyframes page-entrance {
    from { opacity: .9; transform: translateY(5px); }
    to { opacity: 1; transform: translateY(0); }
  }
}
.receipt-preview { margin-block: 16px; }
.receipt-preview summary { cursor: pointer; font-weight: 700; }
.receipt-preview img, .receipt-preview iframe {
  display: block; inline-size: 100%; margin-block-start: 12px;
  border: 1px solid var(--line, #cbdde9); border-radius: 12px;
}
.receipt-preview img { max-block-size: 65vh; object-fit: contain; background: var(--wash, #eef7ff); }
.receipt-preview iframe { height: min(65vh,620px); }