/* =========================================================
   Gatekick Labs — Industry page styles
   Shared across all /industries/ pages.
   ========================================================= */

/* Section heads — no double borders */
.section-head { border-bottom: none !important; }

/* ---------- Pitch blocks ---------- */
.pitch-blocks {
  display: grid;
  gap: var(--space-6);
}

.pitch-block {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-4);
  padding: var(--space-6) var(--space-7);
  background: var(--bg-raised);
  border: 1px solid var(--rule);
  border-left: 3px solid var(--accent);
  border-radius: var(--radius-sm);
}
.pitch-block__title {
  font-family: var(--font-display);
  font-size: var(--text-xl);
  font-weight: 700;
  line-height: var(--leading-snug);
  color: var(--fg);
}
.pitch-block__body {
  display: grid;
  gap: var(--space-4);
}
.pitch-block__body p {
  font-size: var(--text-base);
  line-height: var(--leading-prose);
  color: var(--fg-muted);
  max-width: 64ch;
}
/* Consistent prose alignment for all section-head ledes */
.section-head__lede { max-width: 64ch !important; }
/* Consistent body text in scenarios */
.ind-scenario__body p { max-width: 64ch; }

@media (min-width: 900px) {
  .pitch-blocks--alt .pitch-block:nth-child(even) {
    border-left: 1px solid var(--rule);
    border-right: 3px solid var(--accent);
  }
}

/* ---------- Scenario ---------- */
.ind-scenario {
  padding: var(--space-7);
  background: var(--bg-raised);
  border: 1px solid var(--rule);
  border-radius: var(--radius-sm);
  position: relative;
}
.ind-scenario::before {
  content: "ILLUSTRATIVE SCENARIO";
  display: inline-block;
  width: fit-content;
  margin-bottom: var(--space-5);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  letter-spacing: var(--tracking-mono);
  text-transform: uppercase;
  color: var(--accent);
}
.ind-scenario__title {
  font-family: var(--font-display);
  font-size: var(--text-2xl);
  font-weight: 700;
  line-height: var(--leading-snug);
  letter-spacing: var(--tracking-tight);
  max-width: 28ch;
  margin-bottom: var(--space-5);
}
.ind-scenario__body {
  color: var(--fg-muted);
  max-width: 70ch;
}
.ind-scenario__body p + p { margin-top: var(--space-4); }

.ind-scenario__stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  margin-top: var(--space-6);
  padding-top: var(--space-5);
  border-top: 1px solid var(--rule);
}
.ind-scenario__stats div {
  padding: var(--space-4) var(--space-5);
  border-right: 1px solid var(--rule);
}
.ind-scenario__stats div:first-child { padding-left: 0; }
.ind-scenario__stats div:last-child { border-right: none; padding-right: 0; }
.ind-scenario__stats dt {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  letter-spacing: var(--tracking-mono);
  text-transform: uppercase;
  color: var(--fg-subtle);
}
.ind-scenario__stats dd {
  font-family: var(--font-display);
  font-size: var(--text-lg);
  font-weight: 700;
  margin-top: var(--space-2);
  color: var(--fg);
}

@media (max-width: 720px) {
  .ind-scenario__stats { grid-template-columns: 1fr 1fr; }
  .ind-scenario__stats div:nth-child(2) { border-right: none; }
  .ind-scenario__stats div:nth-child(3),
  .ind-scenario__stats div:nth-child(4) { border-top: 1px solid var(--rule); margin-top: var(--space-4); padding-top: var(--space-4); }
}

@media (max-width: 600px) {
  .pitch-block {
    padding: var(--space-5) var(--space-5);
  }
  .ind-scenario {
    padding: var(--space-5);
  }
}

@media (max-width: 480px) {
  .ind-scenario__stats { grid-template-columns: 1fr; }
  .ind-scenario__stats div { border-right: none; padding-inline: 0; }
  .ind-scenario__stats div + div {
    border-top: 1px solid var(--rule);
    margin-top: var(--space-3);
    padding-top: var(--space-3);
  }
}

/* ---------- Deliverables ---------- */
.deliverables {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-4);
}
.deliverable {
  padding: var(--space-5);
  background: var(--bg-raised);
  border: 1px solid var(--rule);
  border-top: 2px solid var(--accent);
  border-radius: var(--radius-sm);
}
.deliverable__title {
  font-family: var(--font-display);
  font-size: var(--text-md);
  font-weight: 700;
  color: var(--fg);
  margin-bottom: var(--space-2);
}
.deliverable__desc {
  font-size: var(--text-sm);
  color: var(--fg-muted);
  line-height: var(--leading-prose);
}

@media (max-width: 720px) {
  .deliverables { grid-template-columns: 1fr; }
}

/* ---------- Solution link cards ---------- */
.sol-links {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-5);
}
.sol-link {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  padding: var(--space-5);
  background: var(--bg-raised);
  border: 1px solid var(--rule);
  border-radius: var(--radius-sm);
  text-decoration: none;
  transition: border-color var(--dur-2) var(--ease-out), transform var(--dur-2) var(--ease-out);
}
.sol-link:hover {
  border-color: var(--accent);
  transform: translateY(-2px);
}
.sol-link__title {
  font-family: var(--font-display);
  font-size: var(--text-md);
  font-weight: 700;
  color: var(--fg);
}
.sol-link__desc {
  font-size: var(--text-sm);
  color: var(--fg-muted);
  line-height: var(--leading-normal);
}

@media (max-width: 720px) {
  .sol-links { grid-template-columns: 1fr; }
}

/* ---------- Section rhythm ---------- */
.ind-section {
  padding-block: clamp(2.5rem, 1.5rem + 2.5vw, 4rem);
}
.ind-section + .ind-section {
  border-top: 1px solid var(--rule-strong);
}