/* Pair conversion landing pages */

.quick-answer{
  margin: 10px 0 0;
  font-size: 1.05rem;
  opacity: 0.95;
}

.pair-section{
  margin-top: 22px;
}

.pair-formula code{
  display: inline-block;
  padding: 10px 12px;
  border-radius: 8px;
  background: color-mix(in oklab, var(--surface), transparent 0%);
  border: 1px solid color-mix(in oklab, var(--border), transparent 10%);
}

.pair-table-wrap{
  overflow-x: auto;
  border-radius: 8px;
  border: 1px solid color-mix(in oklab, var(--border), transparent 10%);
}

.pair-table{
  width: 100%;
  border-collapse: collapse;
}

.pair-table th,
.pair-table td{
  padding: 10px 12px;
  border-bottom: 1px solid color-mix(in oklab, var(--border), transparent 35%);
  text-align: left;
  white-space: nowrap;
}

.pair-related{
  margin: 10px 0 0;
  padding-left: 18px;
}

.pair-parent{
  margin-top: 20px;
}

.pair-faq{
  display: grid;
  gap: 10px;
  margin-top: 10px;
}

.pair-faq-item{
  border: 1px solid color-mix(in oklab, var(--border), transparent 10%);
  border-radius: 8px;
  background: color-mix(in oklab, var(--surface), transparent 0%);
  padding: 10px 12px;
}

.pair-faq-item > summary{
  cursor: pointer;
  font-weight: 700;
  opacity: 0.95;
}

.pair-faq-answer{
  margin-top: 8px;
  opacity: 0.9;
  line-height: 1.45;
}