/* Help, privacy and terms: long-form text pages on the marketing site. */

.info { padding-top: 56px; padding-bottom: 80px; display: flex; flex-direction: column; gap: 40px; }
.info__head { display: flex; flex-direction: column; gap: 16px; }
.info__title { margin: 0; }
.info__lead { margin: 0; font-size: 18px; line-height: 1.6; color: var(--text-body); }
.info__updated { margin: 0; font-size: 14px; color: var(--text-muted); }
.info__section { display: flex; flex-direction: column; gap: 12px; scroll-margin-top: 24px; }
.info__heading { margin: 0 0 4px; font-size: 28px; line-height: 1.2; }
.info__section p, .info__section li { margin: 0; font-size: 16px; line-height: 1.65; color: var(--text-body); }
.info__section ul { margin: 0; padding-left: 20px; display: flex; flex-direction: column; gap: 6px; }
.info__section h3 { margin: 8px 0 0; font-size: 17px; }

.faq { border-top: 1px solid var(--line-strong); }
.faq summary {
  list-style: none;
  cursor: pointer;
  padding: 16px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  font-size: 17px;
  font-weight: 600;
}
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: "+"; font-size: 22px; font-weight: 400; color: var(--clay); line-height: 1; }
.faq[open] summary::after { content: "−"; }
.faq summary:focus-visible { outline: 2px solid var(--green); outline-offset: 2px; }
.faq p { padding-bottom: 16px; }

.info__form { gap: 16px; }
.info__form-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; }
.info__form textarea { resize: vertical; min-height: 140px; }
.info__trap { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }

@media (max-width: 600px) {
  .info { padding-top: 32px; }
  .info__heading { font-size: 24px; }
}