@charset "UTF-8";
/* Scroll styles for body.gjm-index (no page adds it since 10-26: Journal now matches Stream);
   shared photo transition for Journal and Stream. */
html.gjm-navigating { scroll-behavior: auto !important; }
body.gjm-active.gjm-index .post-card .post-card__image {
  overflow: hidden;
  isolation: isolate;
}
body.gjm-active.gjm-index .post-card .post-card__image img {
  /* The native image has margin-left:50%; retain its centering translation. */
  transform: translate3d(-50%, var(--gjm-y, 0px), 0) scale(var(--gjm-scale, 1));
  transform-origin: center;
  transition: none !important;
  opacity: 1 !important;
  filter: none !important;
}
/* Keep the theme's original photo overlay: rgba(193,145,0,.7), native 300ms fade.
   Touch drags never activate it; only a confirmed click does. */
body.gjm-active.gjm-index .post-card:has(a:focus-visible) .post-card__overlay,
body.gjm-active.gjm-index .post-card.gjm-picked .post-card__overlay { opacity: 1; }
@media (hover: none), (pointer: coarse) {
  body.gjm-active.gjm-index .post-card .post-card__overlay { opacity: 0 !important; }
  body.gjm-active.gjm-index .post-card.gjm-picked .post-card__overlay { opacity: 1 !important; }
}
body.gjm-active.gjm-index .post-card a:focus-visible {
  outline: 2px solid #111;
  outline-offset: 4px;
}
html.gjm-transition body.gjm-active.gjm-single .gjm-lead {
  view-transition-name: gjm-photo;
}
html.gjm-transition::view-transition-group(gjm-photo) {
  animation-duration: 340ms;
  animation-timing-function: cubic-bezier(.22,1,.36,1);
}
html.gjm-transition::view-transition-old(gjm-photo),
html.gjm-transition::view-transition-new(gjm-photo) {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  mix-blend-mode: normal;
  animation: none;
}
html.gjm-transition::view-transition-old(gjm-photo) { opacity: 0; }
html.gjm-transition::view-transition-new(gjm-photo) { opacity: 1; }
html.gjm-transition::view-transition-new(gjm-photo):only-child { display: none; }
html.gjm-transition::view-transition-old(root) { animation: none; opacity: 0; }
html.gjm-transition::view-transition-new(root) { animation: none; opacity: 1; }
@media (prefers-reduced-motion: reduce) {
  body.gjm-active.gjm-index .post-card .post-card__image img { transform: translateX(-50%); }
  body.gjm-active.gjm-index .post-card .post-card__overlay { transition: none; }
  html.gjm-transition body.gjm-active .gjm-lead { view-transition-name: none; }
}