/* ------------------------------------------------------------------
   Readability overrides for interior (non-home) content pages.

   This file is linked AFTER site.css, so these rules win. site.css is
   a generated/compiled file (don't hand-edit it) — put your own tweaks
   here instead.
   ------------------------------------------------------------------ */

/* Main content column: darker text, larger size, looser lines.
   Targets ".container > .content", which is the interior-page layout —
   so the homepage hero and product cards are left untouched. */
.container > .content {
  color: #322C2C;      /* was #757763 — darker grey, much stronger contrast */
  font-size: 18px;     /* was 16px */
  line-height: 1.65;   /* was 21px (cramped) */
  font-weight: 400;    /* was 300 (light) */
}

/* Keep the job-posting pages' intentionally larger body text prominent */
.container > .content.job-detail {
  font-size: 24px;
}

/* ==================================================================
   Leadership Training landing page (leadership-training.html)
   A "regular" page: shared header + a large header band + clearly
   separated, tinted sections. Everything is scoped under .lp so no
   other page is affected. Hand-edit the colors/sizes freely.
   ================================================================== */

.lp { color: #322C2C; }

/* ---- Large header band ---- */
.lp-hero {
  background: #23224A;            /* brand purple */
  color: #fff;
  padding: 5.5rem 1.5rem 5rem;
  text-align: center;
}
.lp-hero .lp-inner { max-width: 820px; margin: 0 auto; }
.lp-hero h1 {
  color: #fff;
  font-size: 3rem;
  line-height: 1.1;
  font-weight: 600;
  margin: 0 0 1.25rem;
}
.lp-hero .lp-tagline { font-size: 1.5rem; font-weight: 300; margin: 0 0 1.25rem; }
.lp-hero .lp-dates {
  font-size: 1rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  opacity: .85;
  margin: 0 0 2rem;
}
@media (max-width: 768px) {
  .lp-hero { padding: 3.5rem 1.25rem; }
  .lp-hero h1 { font-size: 2.1rem; }
  .lp-hero .lp-tagline { font-size: 1.2rem; }
}

/* ---- Sections ---- */
.lp-section { padding: 3.5rem 1.5rem; }
.lp-section .lp-inner { max-width: 820px; margin: 0 auto; }
.lp-section h2 { font-size: 2rem; font-weight: 600; color: #23224A; margin: 0 0 1.25rem; }
.lp-section h3 { font-size: 1.2rem; font-weight: 600; color: #23224A; margin: 1.5rem 0 .75rem; }
.lp-section p  { font-size: 1.125rem; line-height: 1.7; margin: 0 0 1rem; }
.lp-section a  { color: #C8455A; }
.lp-section a:hover { text-decoration: underline; }

/* Alternating section backgrounds so each one stands out */
.lp-section--plain  { background: #ffffff; }
.lp-section--tint   { background: #EFF0EB; }   /* brand beige */
.lp-section--accent { background: #23224A; color: #fff; }
.lp-section--accent h2 { color: #fff; }
.lp-section--accent p  { color: rgba(255,255,255,.92); }
.lp-section--accent a  { color: #FFD2D6; }

/* Weekly topics as a stack of cards with a pink accent edge */
.lp-weeks { list-style: none; margin: 0; padding: 0; }
.lp-weeks li {
  background: #fff;
  border-left: 4px solid #F66570;
  border-radius: 4px;
  padding: .85rem 1.1rem;
  margin: 0 0 .6rem;
  font-size: 1.05rem;
  box-shadow: 0 2px 8px rgba(35,34,74,.05);
}
.lp-weeks li strong { color: #23224A; }

/* Logistics as a grid of cards */
.lp-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.25rem; }
@media (max-width: 600px) { .lp-grid { grid-template-columns: 1fr; } }
.lp-grid .lp-box { background: #EFF0EB; border-radius: 8px; padding: 1.5rem; }
.lp-grid .lp-box h3 { margin-top: 0; }
.lp-grid .lp-box p  { margin-bottom: 0; }

/* Centered call-to-action */
.lp-cta { text-align: center; }

/* Pink CTA buttons so they pop on the purple bands and light sections */
.lp .button.is-primary,
.lp .button.is-large {
  background-color: #F66570;
  border-color: #F66570;
  color: #fff;
  font-size: 1.15rem;
  height: auto;
  padding: 1.05em 1.6em;
}
.lp .button.is-primary:hover,
.lp .button.is-large:hover {
  background-color: #e4505b;
  border-color: #e4505b;
  color: #fff;
}