/* JOURNAL V1 */
.s25-wrap { width: min(1100px, calc(100% - 40px)); margin: 0 auto; }

.s25-journal__header { padding: 116px 0 28px; }
.s25-journal__title { font-size: clamp(28px, 4vw, 44px); line-height: 1.1; margin: 0 0 10px; }
.s25-journal__sub { margin: 0 0 18px; opacity: 0.8; max-width: 60ch; }

.s25-journal__filters { display: flex; flex-wrap: wrap; gap: 10px; padding-top: 6px; }
.s25-chip {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 10px 14px; border-radius: 999px;
  border: 1px solid rgba(0,0,0,0.15);
  text-decoration: none;
}
.s25-chip.is-active { border-color: rgba(0,0,0,0.55); }

.s25-journal__grid { padding: 18px 0 70px; }

.s25-grid { display: grid; gap: 18px; grid-template-columns: repeat(12, 1fr); }
.s25-card { grid-column: span 12; border: 1px solid rgba(0,0,0,0.10); border-radius: 16px; overflow: hidden; }
@media (min-width: 720px) { .s25-card { grid-column: span 6; } }
@media (min-width: 1020px) { .s25-card { grid-column: span 4; } }

.s25-card__link { display: block; color: inherit; text-decoration: none; }
.s25-card__media { aspect-ratio: 16 / 10; background: rgba(0,0,0,0.04); }
.s25-card__img { width: 100%; height: 100%; object-fit: cover; display: block; }
.s25-card__placeholder { width: 100%; height: 100%; }

.s25-card__body { padding: 16px 16px 18px; }
.s25-card__meta { font-size: 13px; opacity: 0.75; display: flex; align-items: center; gap: 8px; }
.s25-dot { opacity: 0.7; }

.s25-card__title { margin: 10px 0 8px; font-size: 18px; line-height: 1.25; }
.s25-card__excerpt { margin: 0; opacity: 0.8; line-height: 1.5; }

.s25-pagination { padding-top: 26px; }
.s25-pagination .page-numbers {
  display: inline-block; padding: 10px 12px; margin: 0 6px 6px 0;
  border: 1px solid rgba(0,0,0,0.15); border-radius: 10px; text-decoration: none;
}
.s25-pagination .page-numbers.current { border-color: rgba(0,0,0,0.55); }

.s25-empty { padding: 22px 0; opacity: 0.8; }
