/* Journal feed: no visible scrollbar, flat cards, faint arrows that show while scrolling. */
.pu-journal { position: relative; }
.pu-journal_wrap { position: relative; }

.pu-journal_feed {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.pu-journal_feed::-webkit-scrollbar { display: none; }

.pu-journal_card,
.pu-journal_card.is-article {
  border: 0;
  background: #fff;   /* lighter than the page; no shadow: the feed clips it into a grey band */
  box-shadow: inset 0 0 0 1px rgba(40, 24, 70, .05);
}
.pu-journal_card.is-article:hover { box-shadow: inset 0 0 0 1px rgba(40, 24, 70, .08); }

/* The feed never holds the page: vertical swipes and wheel always go to the page,
   and cards don't pull (proximity snap, no overscroll lock, which in Safari also blocked vertical scroll). */
.pu-journal_feed {
  overscroll-behavior: auto;
  overscroll-behavior-inline: auto;
  scroll-snap-type: x proximity;
  touch-action: pan-x pan-y;
}

.pu-journal_arr {
  position: absolute;
  top: 50%;
  z-index: 2;
  width: 44px;
  height: 44px;
  margin-top: -22px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, .7);
  color: #19171d;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  transition: opacity .35s ease;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}
.pu-journal_arr svg { width: 18px; height: 18px; display: block; }
/* arrows sit at the sides of the feed, quiet: faint when usable, gone when there is nothing on that side */
.pu-journal_arr { opacity: 0; pointer-events: none; background: #fff; box-shadow: inset 0 0 0 1px rgba(40, 24, 70, .06); }
/* solid white so card text never shows through; only the chevron is faint */
.pu-journal_arr { -webkit-backdrop-filter: none; backdrop-filter: none; box-shadow: 0 2px 10px rgba(40, 24, 70, .06); color: rgba(25, 23, 29, .3); transition: opacity .35s ease, color .2s ease; }
.pu-journal_arr.is-on { opacity: 1; pointer-events: auto; }
.pu-journal_arr.is-on:hover,
.pu-journal_arr.is-on:focus-visible { color: rgba(25, 23, 29, .85); }
/* on phones the feed is swiped; no arrows */
@media (max-width: 767px) {
  .pu-journal_arr { display: none; }
}

/* pressing and dragging a card should scroll, not pick the link up */
.pu-journal_card, .pu-journal_card img { -webkit-user-drag: none; user-select: none; -webkit-user-select: none; }

/* No "curtain": the feed runs to the screen edges, the first card still lines up with the page column (owner, 2026-10-09) */
.pu-journal { max-width: none; padding-left: 0; padding-right: 0; --g: max(20px, calc((100% - 1180px) / 2)); }
.pu-journal_feed { padding-left: var(--g); padding-right: var(--g); scroll-padding-inline: var(--g); }
.pu-journal_arr.is-prev { left: 16px; }
.pu-journal_arr.is-next { right: 16px; }
@media (max-width: 767px) {
  .pu-journal { --g: 20px; padding-left: 0; }
  .pu-journal_feed { padding-left: 20px; padding-right: 20px; }
}