/* ===== NEWSLETTERS PAGE ===== */
.latest-issue{ background:var(--bg-sunken); }
.latest-grid{ grid-template-columns:0.85fr 1.15fr; align-items:center; gap:3rem; }
@media (max-width:820px){ .latest-grid{ grid-template-columns:1fr; } }
.latest-grid h2{ margin:.4rem 0 1rem; }
.latest-grid p{ max-width:60ch; }

.flipbook-preview{ position:relative; max-width:320px; margin-inline:auto; perspective:1400px; }
.flip-page{
  border-radius:var(--radius-m); box-shadow:var(--shadow-lift);
  aspect-ratio:3/4; padding:2rem;
}
.flip-page-back{
  position:absolute; inset:8px -8px -8px 8px; z-index:0;
  background:var(--walnut-700); transform:rotate(3deg);
}
.flip-page-front{
  position:relative; z-index:1; background:var(--parchment-100);
  color:var(--ink-900); display:flex; flex-direction:column; gap:.5rem;
  transform:rotate(-2deg); transition:transform var(--dur) var(--ease);
}
.flipbook-preview:hover .flip-page-front{ transform:rotate(0deg); }
.issue-tag{ font-size:.7rem; color:var(--accent-strong); letter-spacing:.06em; }
.flip-page-front h3{ font-size:1.6rem; }
.flip-lines{ display:flex; flex-direction:column; gap:.5rem; margin-top:1rem; }
.flip-lines span{ display:block; height:6px; border-radius:3px; background:var(--parchment-400); width:100%; }

.archive-toolbar{
  display:flex; flex-wrap:wrap; gap:1.25rem; align-items:center;
  margin-bottom:2rem; padding-bottom:1.5rem; border-bottom:1px solid var(--border);
}
.archive-search{ max-width:340px; flex:1; }

.article-list{ display:flex; flex-direction:column; }
.article-row{
  display:grid; grid-template-columns:140px 1fr auto; align-items:start; gap:1.25rem;
  padding:1.5rem 0; border-bottom:1px solid var(--border);
}
.article-row h3{ margin:.4rem 0 .4rem; }
.article-row h3 a:hover{ color:var(--accent-strong); }
.article-meta{ font-size:.75rem; color:var(--text-muted); white-space:nowrap; }
@media (max-width:640px){
  .article-row{ grid-template-columns:1fr; }
  .article-meta{ order:-1; }
}

.newsletter-cta .cta-panel{
  display:flex; align-items:center; justify-content:space-between; gap:2rem; flex-wrap:wrap;
  background:var(--panel-dark); color:var(--panel-dark-text);
  border-radius:var(--radius-l); padding:clamp(2rem,5vw,3.5rem);
}
.newsletter-cta h2{ color:var(--parchment-100); margin-bottom:.5rem; }