/* Inner page layout */
.page-hero {
  padding: calc(var(--navbar-height) + 3rem) 0 2.5rem;
  background: var(--gradient-hero);
  border-bottom: 1px solid var(--color-border-light);
}

.page-hero .section-subtitle {
  max-width: 640px;
}

.page-hero .section-eyebrow {
  display: block;
}

.page-content {
  padding: 3.5rem 0 5rem;
}

.page-content .section {
  padding: 0;
}

.content-block {
  background: var(--color-surface);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: 1.75rem;
  margin-bottom: 1.25rem;
  box-shadow: var(--shadow-xs);
}

.content-block h2,
.content-block h3 {
  font-size: var(--font-card-title);
  font-weight: 700;
  margin-bottom: 0.6rem;
  color: var(--color-text);
  letter-spacing: var(--heading-tracking);
}

.content-block p,
.content-block li {
  font-size: var(--font-body);
  color: var(--color-text-secondary);
  line-height: var(--line-height-body);
}

.content-block ul {
  list-style: disc;
  padding-left: 1.25rem;
  margin: 0.5rem 0 0;
}

.content-grid {
  display: grid;
  gap: 1.25rem;
}

@media (min-width: 768px) {
  .content-grid.two-col {
    grid-template-columns: repeat(2, 1fr);
  }
}

.blog-card,
.press-card,
.job-card {
  background: var(--color-surface);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: 1.5rem;
  height: 100%;
  box-shadow: var(--shadow-xs);
}

.blog-meta,
.press-meta,
.job-meta {
  font-size: 0.78rem;
  color: var(--color-text-secondary);
  margin-bottom: 0.5rem;
}

.blog-card h3,
.press-card h3,
.job-card h3 {
  font-size: var(--font-card-title);
  font-weight: 700;
  margin-bottom: 0.5rem;
  letter-spacing: var(--heading-tracking);
}

.blog-card p,
.press-card p,
.job-card p {
  font-size: var(--font-body);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-body);
}

.contact-box {
  background: rgba(var(--color-primary-rgb), 0.05);
  border: 1px solid rgba(var(--color-primary-rgb), 0.12);
  border-radius: var(--radius-md);
  padding: 1.25rem 1.5rem;
}

.contact-box a {
  color: var(--color-primary);
  font-weight: 600;
}

.page-back {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--color-primary);
  margin-bottom: 1.5rem;
}

.pricing-card .btn {
  pointer-events: none;
}