/* =========================================================
   Polymathic Group — "Summary of Features" specification sheet
   Extends styles.css. The rows are the shared .qa-list / .qa-flag
   component; this file only supplies the page index, the group headings,
   and the tighter row rhythm the sheet's length demands.
   ========================================================= */

/* =========================================================
   Page index
   Eight areas over 250 rows is far past the point where a reader will
   scroll to find one answer, so the sheet opens with jump links.
   ========================================================= */
.spec-index {
  padding-bottom: 0;
}

/* Here the shared .page-index opens its section rather than following an
   intro, so its top margin would stack on the section's own padding. */
.spec-index .page-index {
  margin-top: 0;
}

/* =========================================================
   Specification groups
   ========================================================= */
.spec-group {
  margin-top: 2.75rem;
}

.spec-group h3 {
  font: var(--label-font);
  letter-spacing: var(--label-tracking);
  text-transform: uppercase;
  color: var(--navy-700);
}

.spec-group__note {
  margin-top: 0.4rem;
  color: var(--ink-soft);
  font-size: 0.95rem;
}

/* The shared .qa-list is tuned for a dozen conversational questions. At this
   length its 20px rows would run to several screens of whitespace, so the
   sheet tightens the rhythm and drops the top margin under the group label. */
.spec-group .qa-list {
  margin-top: 1rem;
}

.spec-group .qa-list__row {
  padding: 11px 12px;
}

/* Values that aren't yes/no — counts, limits, prices. Mono keeps the figures
   aligned down the column; these are labels, not reading text. */
.spec-value,
.spec-price {
  font-family: var(--font-mono);
  font-size: 0.9rem;
  font-weight: 500;
  color: var(--navy-900);
}

.spec-price {
  font-variant-numeric: tabular-nums;
}

@media (max-width: 860px) {
  .spec-group {
    margin-top: 2.25rem;
  }

  .spec-group .qa-list__row {
    padding: 13px 12px;
  }
}