/* Page layout */
.page-header {
  margin-top: 0;
  padding: 3rem 3rem 2rem;
  background: linear-gradient(135deg, rgba(198,40,40,0.95), rgba(142,0,0,0.95));
  color: white;
}

.page-header-inner {
  max-width: 1200px;
  margin: 0 auto;
}

.page-title {
  font-size: 2.6rem;
  margin-bottom: 0.5rem;
}

.page-subtitle {
  font-size: 1.05rem;
  opacity: 0.98;
  max-width: 700px;
}

.content {
  max-width: 1200px;
  margin: 2.5rem auto 4rem;
  padding: 0 3rem;
}

.section {
  margin-bottom: 2.5rem;
}

.section h2 {
  font-size: 1.6rem;
  margin-bottom: 0.8rem;
}

.section p {
  color: var(--text-light);
  font-size: 1rem;
}

.card p{ color: var(--text-dark); opacity: 0.88; }


/* Two column layout */
.two-column {
  display: grid;
  grid-template-columns: 3fr 2fr;
  gap: 2.5rem;
  align-items: flex-start;
}

/* Cards */
.card {
  background: white;
  border-radius: 16px;
  padding: 1.8rem;
  box-shadow: 0 8px 24px rgba(0,0,0,0.06);
  border: 1px solid #e0e0e0;
}

.card-title {
  margin-bottom: 0.8rem;
  font-size: 1.2rem;
}

/* Check list */
.list-check {
  list-style: none;
  padding-left: 0;
}

.list-check li {
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
  margin-bottom: 0.6rem;
  font-size: 0.95rem;
  color: var(--text-light);
}

.list-check li::before {
  content: "✓";
  color: #4caf50;
  font-weight: 700;
  margin-top: 0.1rem;
}

/* Stats row */
.stats-row {
  display: flex;
  gap: 1.5rem;
  margin-top: 1.5rem;
  flex-wrap: wrap;
}

.stat-pill {
  background: #fff3e0;
  border-radius: 999px;
  padding: 0.6rem 1.3rem;
  font-size: 0.9rem;
  color: #e65100;
  border: 1px solid #ffe0b2;
}

/* Responsive */
@media (max-width: 968px) {
  .content { padding: 0 1.5rem; }
  .page-header { padding: 2.5rem 1.5rem 1.5rem; }
  .two-column { grid-template-columns: 1fr; }
}


/* Secondary link next to CTA (avoid default purple visited styling) */
.page-link{
  color: var(--secondary-color);
  text-decoration: none;
  font-weight: 700;
}
.page-link:hover{
  text-decoration: underline;
}
.page-link:visited{
  color: var(--secondary-color);
}
/* CTA row (About page) */
.cta-row{
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 14px;
}
/* Make checklist inside cards more readable (premium / corporate) */
.card .list-check li{
  color: var(--text-dark);
  opacity: 0.82;
}

/* Make section headings slightly tighter */
.section h2{
  letter-spacing: 0.2px;
}

/* Improve paragraph spacing for long-form reading */
.section p{
  margin: 0.75rem 0;
}