html, body { min-height: 100%; }
body.entry-page {
  margin: 0;
  background: #cc9900;
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
}
.entry-shell {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px;
}
.entry-card {
  position: relative;
  width: min(600px, 86vw);
  aspect-ratio: 3 / 2;
}
.entry-card img { width: 100%; height: 100%; object-fit: fill; display: block; }
.entry-link { position: absolute; display: block; }
.entry-link:focus-visible { outline: 4px solid #2b0fa3; outline-offset: -4px; }
.entry-fr { left: 0; top: 76%; width: 35%; height: 14%; }
.entry-en { right: 0; top: 76%; width: 40%; height: 14%; }
.entry-jp { left: 30%; bottom: 0; width: 42%; height: 14%; }
.entry-note, .entry-credit { width: min(600px, 86vw); margin: 22px 0 0; font-size: 11px; font-weight: bold; }
.entry-credit { margin-top: 5px; }
@media (max-width: 620px) {
  .entry-shell { justify-content: flex-start; padding-top: 12vh; }
  .entry-note { margin-top: 14px; }
}