body.issue-overview {
  --ink: #202722; --muted: #737a73; --accent: #36563f;
  margin: 0; height: auto; min-height: 100vh; overflow: auto;
  background: #faf9f6; color: var(--ink);
}
.issue-library { max-width: 1160px; margin: auto; padding: 56px 40px 80px; }
.library-header { padding-bottom: 40px; border-bottom: 1px solid #dcded7; margin-bottom: 42px; }
.library-kicker { font-size: 11px; font-weight: 700; letter-spacing: .18em; color: #536b58; margin: 0 0 28px; }
.issue-library h1 { font: 400 clamp(40px, 6vw, 68px)/1.05 Georgia, serif; letter-spacing: -.035em; margin: 0 0 18px; }
.intro { max-width: 510px; font-size: 15px; line-height: 1.7; color: #737a73; margin: 0; }
.issue-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 44px 36px; }
.issue-card { color: inherit; text-decoration: none; display: block; }
.issue-cover { display: flex; align-items: center; justify-content: center; background: #eeeee7; padding: 28px; aspect-ratio: .86; overflow: hidden; transition: background .2s; }
.issue-card img { width: 100%; height: 100%; object-fit: contain; display: block; box-shadow: 0 12px 20px -10px #30352d55, 0 1px 3px #30352d22; transition: transform .25s; }
.issue-card:hover .issue-cover { background: #e6e9df; }
.issue-card:hover img { transform: translateY(-5px); }
.issue-meta { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin: 22px 0 11px; }
.issue-label { margin: 0; font-size: 12px; font-weight: 650; letter-spacing: .04em; }
.issue-badge { color: #47604b; background: #e6ecdf; border-radius: 3px; padding: 5px 8px; font-size: 10px; font-weight: 650; }
.issue-card h2 { font: 400 25px/1.2 Georgia, serif; letter-spacing: -.02em; margin: 0 0 18px; }
.issue-card small { display: inline-flex; align-items: center; gap: 14px; color: #36563f; font-size: 12px; font-weight: 650; border-bottom: 1px solid #bdc7b9; padding-bottom: 6px; }
.library-footer { margin-top: 64px; padding-top: 22px; border-top: 1px solid #dcded7; font-size: 11px; color: #7a8079; letter-spacing: .05em; }
@media (max-width: 850px) { .issue-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 32px 24px; } }
@media (max-width: 540px) { .issue-library { padding: 32px 22px 48px; } .library-header { margin-bottom: 28px; padding-bottom: 28px; } .issue-grid { grid-template-columns: minmax(0,1fr); } .issue-cover { padding: 32px; } .issue-card { max-width: 380px; width: 100%; } }
@media (prefers-reduced-motion: reduce) { .issue-card img { transition: none; } }