/* ==========================================================================
   INNER PAGE STYLES (About / Services / Contact template)
   ========================================================================== */

/* ---- Slim page header ---- */
.page-header {
  background-color: var(--color-primary);
  color: var(--color-white);
  text-align: center;
  padding: 180px 0 80px;
}
.page-header .eyebrow { color: var(--color-accent); }
.page-header h1 { color: var(--color-white); font-size: 34px; margin: 0; }
.page-header__credentials {
  display: inline-block;
  font-size: 20px;
  letter-spacing: 0.1em;
  margin-top: 8px;
}

/* ---- Feature rows ---- */
.feature-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  align-items: center;
}
.feature-row + .feature-row { margin-top: var(--section-padding); }
.feature-row--reverse { direction: rtl; }
.feature-row--reverse > * { direction: ltr; }

.feature-row__image img {
  width: 100%;
  height: 420px;
  object-fit: cover;
}
.feature-row__image--map iframe {
  width: 100%;
  height: 420px;
  border: 0;
  filter: grayscale(1) contrast(1.05) brightness(0.97);
}
.feature-row__image--tall img {
  height: 650px;
  object-fit: contain;
  object-position: center;
}
.image-caption {
  font-size: 11px;
  letter-spacing: 0.02em;
  color: var(--color-muted);
  text-align: center;
  margin-top: 8px;
}
.feature-row__text h2 { margin-bottom: 20px; }
.feature-row__text h3 { margin-top: 32px; margin-bottom: 12px; }
.feature-row__text h3:first-of-type { margin-top: 0; }
.feature-row__text p { margin-bottom: 16px; }
.feature-row__text ul { margin-bottom: 16px; }
.feature-row__text ul li { margin-bottom: 8px; }

/* ---- Plain prose content (e.g. Privacy Policy) ---- */
.prose h2 { margin-top: 40px; margin-bottom: 16px; }
.prose h2:first-of-type { margin-top: 0; }
.prose p { margin-bottom: 16px; }

@media (max-width: 768px) {
  .feature-row {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .feature-row--reverse { direction: ltr; }
  .feature-row + .feature-row { margin-top: var(--section-padding-mobile); }
  .feature-row__image img { height: 260px; }
  .feature-row__image--map iframe { height: 260px; }
  .feature-row__image--tall img { height: 400px; }
  .page-header { padding: 140px 0 56px; }
  .page-header h1 { font-size: 24px; }
}

/* ---- Closing CTA band (accent top border variant for inner pages) ---- */
.cta-band--inner {
  border-top: 1px solid var(--color-accent);
}

/* ---- Scholar citation metrics ---- */
.scholar-metrics {
  display: none;
  margin: 8px 0 24px;
  border: 1px solid var(--color-accent);
}
.scholar-metrics.is-visible {
  display: flex;
}
.scholar-metrics__item {
  flex: 1;
  text-align: center;
  padding: 16px 24px;
}
.scholar-metrics__item + .scholar-metrics__item {
  border-left: 1px solid var(--color-accent);
}
.scholar-metrics__value {
  display: block;
  font-family: var(--font-heading);
  font-size: 28px;
  font-weight: 500;
  color: var(--color-primary);
}
.scholar-metrics__label {
  display: block;
  font-family: var(--font-heading);
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--color-accent);
  margin-top: 6px;
}
/* ==========================================================================
   INNER PAGE STYLES (About / Services / Contact template)
   ========================================================================== */

/* ---- Slim page header ---- */
.page-header {
  background-color: var(--color-primary);
  color: var(--color-white);
  text-align: center;
  padding: 180px 0 80px;
}
.page-header .eyebrow { color: var(--color-accent); }
.page-header h1 { color: var(--color-white); font-size: 34px; margin: 0; }
.page-header__credentials {
  display: inline-block;
  font-size: 20px;
  letter-spacing: 0.1em;
  margin-top: 8px;
}

/* ---- Feature rows ---- */
.feature-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  align-items: center;
}
.feature-row + .feature-row { margin-top: var(--section-padding); }
.feature-row--reverse { direction: rtl; }
.feature-row--reverse > * { direction: ltr; }

.feature-row__image img {
  width: 100%;
  height: 420px;
  object-fit: cover;
}
.feature-row__image--map iframe {
  width: 100%;
  height: 420px;
  border: 0;
  filter: grayscale(1) contrast(1.05) brightness(0.97);
}
.feature-row__image--tall img {
  height: 650px;
  object-fit: contain;
  object-position: center;
}
.image-caption {
  font-size: 11px;
  letter-spacing: 0.02em;
  color: var(--color-muted);
  text-align: center;
  margin-top: 8px;
}
.feature-row__text h2 { margin-bottom: 20px; }
.feature-row__text h3 { margin-top: 32px; margin-bottom: 12px; }
.feature-row__text h3:first-of-type { margin-top: 0; }
.feature-row__text p { margin-bottom: 16px; }
.feature-row__text ul { margin-bottom: 16px; }
.feature-row__text ul li { margin-bottom: 8px; }

/* ---- Plain prose content (e.g. Privacy Policy) ---- */
.prose h2 { margin-top: 40px; margin-bottom: 16px; }
.prose h2:first-of-type { margin-top: 0; }
.prose p { margin-bottom: 16px; }

@media (max-width: 768px) {
  .feature-row {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .feature-row--reverse { direction: ltr; }
  .feature-row + .feature-row { margin-top: var(--section-padding-mobile); }
  .feature-row__image img { height: 260px; }
  .feature-row__image--map iframe { height: 260px; }
  .feature-row__image--tall img { height: 400px; }
  .page-header { padding: 140px 0 56px; }
  .page-header h1 { font-size: 24px; }
}

/* ---- Closing CTA band (accent top border variant for inner pages) ---- */
.cta-band--inner {
  border-top: 1px solid var(--color-accent);
}

/* ---- Scholar citation metrics ---- */
.scholar-metrics {
  display: none;
  margin: 8px 0 24px;
  border: 1px solid var(--color-accent);
}
.scholar-metrics.is-visible {
  display: flex;
}
.scholar-metrics__item {
  flex: 1;
  text-align: center;
  padding: 16px 24px;
}
.scholar-metrics__item + .scholar-metrics__item {
  border-left: 1px solid var(--color-accent);
}
.scholar-metrics__value {
  display: block;
  font-family: var(--font-heading);
  font-size: 28px;
  font-weight: 500;
  color: var(--color-primary);
}
.scholar-metrics__label {
  display: block;
  font-family: var(--font-heading);
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--color-accent);
  margin-top: 6px;
}