/* ============================================================
   מועדון האזור — news page (public-v2)
   Dated editorial column: serif date numerals, hairline rows,
   generous whitespace. Built for few items, never padded with
   fake entries.
   ============================================================ */

.n-feed{
  padding-block:clamp(2rem,5vw,3.5rem) clamp(1rem,3vw,2rem);
}

.n-list{
  border-block-start:1px solid var(--line);
}

.n-row{
  display:grid;
  grid-template-columns:auto 1fr 38%;
  gap:clamp(1.5rem,4vw,3rem);
  align-items:center;
  padding-block:clamp(2.5rem,6vw,4rem);
  border-block-end:1px solid var(--line);
}

.n-date{
  display:flex;
  flex-direction:column;
  min-inline-size:6.5rem;
}
.n-day{
  font-family:var(--serif);
  font-weight:600;
  font-size:clamp(2.6rem,5.5vw,4rem);
  line-height:1;
  color:var(--accent);
}
.n-month{
  font-size:.82rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:var(--ink-soft);
  margin-block-start:.4rem;
}
.n-year{
  font-size:.76rem;
  color:var(--ink-faint);
}

.n-info{display:flex;flex-direction:column;gap:.85rem;}
.n-title{
  font-family:var(--serif);
  font-weight:600;
  font-size:clamp(1.6rem,2.8vw,2.2rem);
  margin:0;
}
.n-body{
  color:var(--ink-soft);
  font-size:clamp(1rem,1.15vw,1.08rem);
  line-height:1.7;
  max-width:42ch;
  margin:0;
}
.n-note{
  color:var(--ink-faint);
  font-size:.9rem;
  margin:0;
}
.n-note a{margin-inline-end:.15em;}

.n-media{
  aspect-ratio:4/3;
  overflow:hidden;
  justify-self:end;
  inline-size:100%;
}
.n-media img{
  inline-size:100%;
  block-size:100%;
  object-fit:cover;
  display:block;
}

/* ---------- note row: no fake date, aligned to info column ---------- */
.n-note-row{
  grid-template-columns:auto 1fr;
  padding-block:clamp(1.5rem,3vw,2.25rem);
  border-block-end:none;
}
.n-date-spacer{min-inline-size:6.5rem;}
.n-note-text{
  color:var(--ink-faint);
  font-size:.95rem;
  line-height:1.7;
  max-width:52ch;
  margin:0;
}

/* ---------- responsive ---------- */
@media (max-width:859px){
  .n-row{grid-template-columns:1fr;gap:1.25rem;}
  .n-date{flex-direction:row;align-items:baseline;gap:.6rem;min-inline-size:0;}
  .n-month{margin-block-start:0;}
  .n-media{justify-self:stretch;order:-1;}
  .n-note-row{grid-template-columns:1fr;}
  .n-date-spacer{display:none;}
}