.issue {
  width: min(100%, var(--max-width-text));
  margin: var(--space-12) auto;
  padding: var(--space-8);
  background: var(--color-surface);
  border-radius: 20px;
  border: 1px solid var(--color-border);
  box-shadow: var(--shadow-elevated);
}

.issue__return {
  margin-bottom: var(--space-4);
}

.issue__return a {
  color: var(--color-text-muted);
}

.issue__header h1 {
  font-size: var(--font-size-2xl);
}

.issue__meta {
  color: var(--color-text-muted);
  font-size: var(--font-size-sm);
  margin-bottom: var(--space-3);
}

.issue-disclaimer {
  background: var(--color-disclaimer-bg);
  border-left: 4px solid var(--color-primary);
  padding: var(--space-4);
  border-radius: 12px;
  font-size: var(--font-size-sm);
  margin-top: 0;
  margin-bottom: var(--space-6);
}

.issue__body {
  line-height: 1.7;
  overflow-x: hidden;
  background: var(--color-surface);
  border-radius: 16px;
  padding: var(--space-4);
  color-scheme: light;
}

.issue__body table {
  width: 100% !important;
  max-width: 100% !important;
  border-collapse: collapse;
}

.issue__body td,
.issue__body th {
  word-break: break-word;
}

.issue__body img {
  max-width: 100% !important;
  height: auto !important;
}

.issue__body .es-wrapper,
.issue__body .es-content,
.issue__body .es-content-body,
.issue__body .es-header-body,
.issue__body [style*="width:600px"],
.issue__body [style*="width: 600px"],
.issue__body [style*="width:640px"],
.issue__body [style*="width: 640px"],
.issue__body table[width="600"],
.issue__body table[width="640"] {
  width: 100% !important;
}

.issue__body [style*="padding-left:30px"],
.issue__body [style*="padding-right:30px"] {
  padding-left: var(--space-4) !important;
  padding-right: var(--space-4) !important;
}

.issue__body [style*="background-image" i],
.issue__body table[background],
.issue__body td[background] {
  background-image: none !important;
  background: transparent !important;
}

.issue__body [style*="background-color" i],
.issue__body [style*="background" i],
.issue__body table[bgcolor],
.issue__body td[bgcolor],
.issue__body .es-wrapper-color {
  background-color: transparent !important;
  color: var(--color-text) !important;
}

.issue__body span[style*="color:#ffffff" i],
.issue__body span[style*="color:#fefefe" i],
.issue__body span[style*="color:#f4f4f4" i],
.issue__body p[style*="color:#ffffff" i],
.issue__body p[style*="color:#fff" i],
.issue__body p[style*="color:#f4f4f4" i],
.issue__body a[style*="color:#ffffff" i],
.issue__body a[style*="color:#fff" i] {
  color: var(--color-text) !important;
}

.issue__body td,
.issue__body th,
.issue__body p,
.issue__body span,
.issue__body li,
.issue__body strong,
.issue__body b,
.issue__body em,
.issue__body i,
.issue__body font,
.issue__body div {
  color: var(--color-text) !important;
}

.issue__body h2,
.issue__body h3 {
  margin-top: var(--space-8);
}

.issue__body a {
  color: var(--color-secondary) !important;
}

@media (max-width: 640px) {
  .issue {
    padding: var(--space-6);
  }

  .issue__body [style*="padding-left:20px"],
  .issue__body [style*="padding-right:20px"] {
    padding-left: var(--space-3) !important;
    padding-right: var(--space-3) !important;
  }

  .issue__body {
    padding: var(--space-3);
  }
}

.issue__pager {
  display: flex;
  justify-content: space-between;
  margin-top: var(--space-8);
  gap: var(--space-4);
}

.issue__pager-link {
  color: var(--color-primary);
  font-weight: 600;
  text-decoration: none;
}

.issue__pager-link:hover,
.issue__pager-link:focus {
  color: var(--color-primary-dark);
}