/* ── Straight answers ─────────────────────────────────────────
   Five questions founders actually ask, each answered in one liftable
   paragraph. Answer engines quote what they can extract cleanly, so the
   answers live in the page as visible content, not in markup alone —
   the FAQPage schema in the head mirrors these words exactly, and the
   two must be changed together.

   Copy signed off by Olly, 1 Sep 2026. These are the sentences answer
   engines lift and attribute, so treat them as locked: any edit needs
   his sign-off and the same edit in the schema. */

.answers {
  position: relative;
  z-index: 1;
  background-color: var(--color-white);
  color: var(--color-ink);
  padding: var(--space-xl) var(--pad-h);
}

.answers-inner { max-width: 1100px; }

/* The section used to open straight onto the first question, which read
   as if it had started mid-sentence. It gets a proper opening: the title
   set like the other section heads, and one line saying what follows. */
.answers-head {
  margin-bottom: var(--space-lg);
}

.answers-title {
  font-family: var(--font-display);
  font-size: clamp(40px, 7vw, 110px);
  font-weight: 800;
  line-height: 0.92;
  letter-spacing: -0.02em;
  color: var(--color-ink);
  margin-left: -0.018em; /* opens on S */
  margin-bottom: 0.28em;
}

.answers-standfirst {
  font-family: var(--font-body);
  font-size: clamp(16px, 1.6vw, 21px);
  line-height: 1.5;
  color: var(--color-ink);
  max-width: 46ch;
}

.answers-item {
  padding: var(--space-sm) 0;
  border-top: 1px solid rgb(36 36 36 / 15%);
}

.answers-item:last-child { padding-bottom: 0; }

.answers-question {
  font-family: var(--font-display);
  font-size: clamp(20px, 2vw, 30px);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -0.01em;
  color: var(--color-ink);
  margin-bottom: 0.5em;
}

.answers-item p {
  font-family: var(--font-body);
  font-size: clamp(15px, 1.3vw, 18px);
  line-height: 1.6;
  max-width: 60ch;
}

@media (min-width: 768px) {
  .answers-item {
    display: grid;
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
    gap: var(--space-md);
  }

  .answers-question { margin-bottom: 0; }
}