.lk-faq {
  padding: 0;
  color: var(--lk-color-deep-taupe);
}

:where(.lk-faq) :where(h1, h2, h3, p, ul) {
  margin: 0;
}

.lk-faq__frame {
  --lk-page-gutter: var(--lk-gutter-reading);
  --lk-page-max: 60rem;
}

.lk-faq .lk-internal-hero__title {
  max-width: 16ch;
}

.lk-faq .lk-internal-hero__helper {
  max-width: 42rem;
}

.lk-faq__group {
  padding-block: 7.5rem;
}

.lk-faq__group-inner {
  width: 100%;
}

.lk-faq__items {
  width: min(60vw, 72rem);
  margin-inline: auto;
  border-block-start: 1px solid color-mix(in srgb, currentColor 28%, transparent);
}

.lk-faq__item {
  border-block-end: 1px solid color-mix(in srgb, currentColor 28%, transparent);
}

.lk-faq__question {
  display: flex;
  width: 100%;
  min-height: 4.75rem;
  padding: 1.25rem 0;
  border: 0;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  background: transparent;
  text-align: start;
  cursor: pointer;
}

.lk-faq__mark {
  flex: none;
  color: var(--lk-color-terracotta);
  font-family: var(--lk-font-body);
  font-size: 1.3em;
  font-weight: 300;
  line-height: 1;
}

.lk-faq__question[aria-expanded='true'] .lk-faq__mark::before { content: '−'; }
.lk-faq__question[aria-expanded='true'] .lk-faq__mark { font-size: 0; }
.lk-faq__question[aria-expanded='true'] .lk-faq__mark::before { font-size: 2rem; }

.lk-faq__answer {
  max-width: none;
  padding: 0 3.5rem 2rem 0;
}

.lk-faq__answer a:not(.lk-primary-cta) {
  color: var(--lk-action);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.2em;
}

.lk-faq__answer a:not(.lk-primary-cta):hover,
.lk-faq__answer a:not(.lk-primary-cta):focus-visible {
  color: var(--lk-coral-accent);
}

.lk-faq__answer p + p,
.lk-faq__answer p + ul,
.lk-faq__answer ul + p {
  margin-block-start: 1rem;
}

.lk-faq__answer ul { padding-inline-start: 1.2rem; }

@media (max-width: 56.25rem) {
  .lk-faq__frame {
    --lk-page-gutter: var(--lk-gutter-standard);
    --lk-page-max: var(--lk-width-frame-tablet);
  }
  .lk-faq__group { padding-block: 6rem; }
}

@media (min-width: 30.0625rem) and (max-width: 63.9375rem) {
  .lk-faq__items { width: 78vw; }
}

@media (max-width: 30rem) {
  .lk-faq__frame { --lk-page-gutter: var(--lk-gutter-compact); }
  .lk-faq__group { padding-block: 4.5rem; }
  .lk-faq__items { width: 100%; }
  .lk-faq__question { gap: 1rem; }
  .lk-faq__answer { padding-inline-end: 0; }
}