/* Searchable editorial content pages */
.content-page {
  max-width: 980px;
  margin: 0 auto;
  padding: 48px 24px 80px;
}

.content-hero {
  padding: 44px;
  border: 1px solid #e5ebf5;
  border-radius: 30px;
  background: linear-gradient(135deg, #ffffff, #f5f9ff);
  box-shadow: 0 14px 40px rgba(15, 35, 70, 0.06);
}

.content-hero h1 {
  max-width: 800px;
}

.content-lead {
  max-width: 760px;
  margin: 18px 0 0;
  color: #5a6678;
  font-size: 19px;
  line-height: 1.65;
}

.issue-list,
.topic-grid {
  display: grid;
  gap: 22px;
  margin-top: 34px;
}

.issue-card,
.topic-card {
  padding: 28px;
  border: 1px solid #e5ebf5;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 10px 30px rgba(15, 35, 70, 0.05);
}

.issue-card h2,
.topic-card h2 {
  margin-bottom: 12px;
}

.issue-card p,
.topic-card p,
.issue-intro p {
  color: #5f6b7d;
  font-size: 16px;
  line-height: 1.75;
}

.issue-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 16px;
}

.issue-meta span {
  padding: 5px 10px;
  border-radius: 999px;
  background: #edf4ff;
  color: #226bff;
  font-size: 13px;
  font-weight: 600;
}

.text-link {
  display: inline-flex;
  margin-top: 12px;
  color: #226bff;
  font-weight: 600;
  text-decoration: none;
}

.topic-card ul {
  margin: 16px 0 0;
  padding-left: 20px;
  color: #445168;
}

.topic-card li {
  margin: 7px 0;
}

.issue-cta {
  margin-top: 38px;
  padding: 28px;
  border-radius: 24px;
  background: #0b1f3a;
  color: #fff;
}

.issue-cta h2,
.issue-cta p {
  color: #fff;
}

.issue-cta p {
  opacity: 0.82;
}

.breadcrumbs {
  margin-bottom: 22px;
  color: #738096;
  font-size: 14px;
}

.breadcrumbs a {
  color: #226bff;
  text-decoration: none;
}

@media (max-width: 680px) {
  .content-page {
    padding: 30px 18px 60px;
  }

  .content-hero,
  .issue-card,
  .topic-card,
  .issue-cta {
    padding: 22px;
    border-radius: 22px;
  }

  .content-lead {
    font-size: 17px;
  }
}