/* Journal de Las Terrenas (lot « J ») : liste, cartes, article. Couleurs et polices de base.css. */
.j-head { max-width: 820px; }
.j-featured { margin: 8px 0 32px; }
.j-cards { list-style: none; margin: 0 0 32px; padding: 0; display: grid; gap: 24px; grid-template-columns: 1fr; }
@media (min-width: 640px) { .j-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 960px) { .j-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.j-cards > li { display: flex; }

.j-card {
  display: flex; flex-direction: column; width: 100%; overflow: hidden;
  background: var(--card, #fff); border: 1px solid var(--line, #d8dee4); border-radius: var(--radius, 4px);
  box-shadow: var(--shadow); transition: transform .2s ease, box-shadow .2s ease;
}
.j-card:hover { transform: translateY(-2px); box-shadow: var(--shadow-lg, var(--shadow)); }
.j-card__media { display: block; aspect-ratio: 1200 / 630; background: var(--section, #f0f0f0); }
.j-card__art { display: block; width: 100%; height: 100%; object-fit: cover; }
.j-card__body { display: flex; flex-direction: column; gap: .5em; padding: 16px 18px 20px; flex: 1; }
.j-card__kicker { margin: 0; font: 700 .8rem/1.3 var(--font-label); letter-spacing: .08em; text-transform: uppercase; color: var(--muted, #4a5866); }
.j-card__title { margin: 0; font: 700 1.2rem/1.3 var(--font-title); }
.j-card__title a { color: var(--ink, #0b1c2d); text-decoration: none; }
.j-card__title a:hover, .j-card__title a:focus-visible { text-decoration: underline; }
.j-card__text { margin: 0; color: var(--ink, #0b1c2d); }
.j-card__meta { margin: auto 0 0; padding-top: .4em; font-size: .9rem; color: var(--muted, #4a5866); }

@media (min-width: 860px) {
  .j-card--featured { display: grid; grid-template-columns: 1.4fr 1fr; }
  .j-card--featured .j-card__media { aspect-ratio: auto; min-height: 100%; }
  .j-card--featured .j-card__body { justify-content: center; padding: 28px 32px; }
  .j-card--featured .j-card__title { font-size: 1.7rem; }
}

.j-pager { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 16px; margin: 0 0 32px; }

.j-latest { margin: 8px 0 40px; padding: 24px 0 8px; border-top: 3px solid var(--accent, #a8875a); }
.j-latest h2 { margin: 0 0 16px; font-family: var(--font-title); }

/* Article */
.j-article__head { max-width: 860px; margin: 0 auto 20px; }
.j-article__head h1 { margin: .1em 0 .3em; font: 700 clamp(1.8rem, 4.5vw, 2.6rem)/1.2 var(--font-title); }
.j-article__head .c-meta span + span::before { content: "· "; }
.j-illustration { max-width: 1080px; margin: 0 auto 28px; }
.j-illustration img { display: block; width: 100%; height: auto; border-radius: var(--radius, 4px); box-shadow: var(--shadow); }
.j-illustration figcaption, .j-photo figcaption { margin-top: .5em; font-size: .85rem; color: var(--muted, #4a5866); }
.j-article__main { max-width: 780px; margin: 0 auto; }
.j-summary { margin: 0 0 24px; font-size: 1.2rem; line-height: 1.6; font-weight: 600; color: var(--ink, #0b1c2d); }
.j-photo { margin: 0 0 28px; }
.j-photo img { display: block; width: 100%; height: auto; border-radius: var(--radius, 4px); }
.j-photo a { color: inherit; }
.j-related { margin-top: 40px; }
.j-related h2 { font-family: var(--font-title); }