/* Pensamento Singular: the opening establishes the reading order; the archive follows it. */
@keyframes archive-heading-in{from{opacity:.88}to{opacity:1}}
@media(prefers-reduced-motion:no-preference){
  .journal-page:not(.article-view) .journal-archive-intro{animation:archive-heading-in .55s ease-out both}
}
.journal-archive-grid>.approved-card{transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease,background-color .25s ease}
.journal-archive-grid .archive-cover{height:220px;flex:none;overflow:hidden;background:#622a57}
.journal-archive-grid .archive-cover>img{display:block;width:100%;height:100%;object-fit:contain;filter:grayscale(1);transition:transform .65s cubic-bezier(.16,1,.3,1)}
.journal-archive-grid .approved-card .site-button{transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}
.journal-archive-grid>.approved-card:focus-within{box-shadow:0 12px 28px #622a572b}
.journal-archive-grid .approved-card .site-button:focus-visible{outline:3px solid #edc5e7;outline-offset:5px}
@media(hover:hover) and (pointer:fine){
  .journal-archive-grid>.approved-card:hover{box-shadow:0 5px 16px #622a5714;background-color:#66305b}
  .journal-archive-grid>.approved-card:hover .site-button{border-color:#edc5e7}
}
@media(max-width:650px){.journal-archive-grid .archive-cover{height:190px}}
@media(prefers-reduced-motion:reduce){
  .journal-archive-grid>.approved-card{transition:background-color .15s ease}
  .journal-archive-grid .archive-cover>img{transition:none}
  .journal-archive-grid>.approved-card:hover,.journal-archive-grid>.approved-card:hover .archive-cover>img{transform:none;box-shadow:none}
  .journal-archive-intro,.journal-archive-intro>*{animation:none!important}
}