.parents-faq-section { max-width: 1740px; padding: clamp(2.5rem, 3.9vw, 4.6875rem) var(--x-gap); margin: auto; --faq-mark: 1.5rem; --faq-bar: 3px; --faq-gutter: 1.75rem; --faq-mark-gap: 1.25rem; --faq-text-inset: calc(var(--faq-gutter) + var(--faq-mark) + var(--faq-mark-gap)); } .parents-faq-section__panel { display: grid; overflow: hidden; color: var(--text); } .parents-faq-section__intro { padding: 3.75rem 2rem; } .parents-faq-section__heading { color: var(--text); } .parents-faq-section__heading .accent { color: var(--heading-accent); } .parents-faq-section__label { color: var(--text); } .parents-faq-section__copy p { max-width: 34rem; margin: 0 0 2.875rem; color: var(--text); } .parents-faq-section__cta { display: inline-flex; } .parents-faq-section__list .accordion { display: grid; align-content: stretch; } .parents-faq-section__list .accordion__item { overflow: hidden; border: 0; border-bottom: 2px solid var(--text); border-radius: 0; } .parents-faq-section__list .accordion__item:last-child { border-bottom: 0; } .parents-faq-section__list .accordion__item[open] { --text: var(--accent-ink); background: var(--accent); } .parents-faq-section__list .accordion__summary { position: relative; display: flex; align-items: center; padding: 1.375rem var(--faq-gutter) 1.375rem var(--faq-text-inset); font-family: var(--body); font-size: max(14px, clamp(1.125rem, 4vw, 1.15rem)); font-weight: 400; color: var(--text); text-transform: uppercase; letter-spacing: .3px; } .parents-faq-section__list .accordion__summary::before, .parents-faq-section__list .accordion__summary::after { position: absolute; top: 50%; content: ""; background: var(--text); border-radius: 2px; } .parents-faq-section__list .accordion__summary::before { left: var(--faq-gutter); width: var(--faq-mark); height: var(--faq-bar); transform: translateY(-50%); } .parents-faq-section__list .accordion__summary::after { left: calc(var(--faq-gutter) + (var(--faq-mark) - var(--faq-bar)) / 2); width: var(--faq-bar); height: var(--faq-mark); transform: translateY(-50%); transition: transform .2s ease; } .parents-faq-section__list .accordion__item[open] .accordion__summary::after { transform: translateY(-50%) scaleY(0); } .parents-faq-section__list .accordion__content { padding: 0 var(--faq-gutter) 1.375rem var(--faq-text-inset); } .parents-faq-section__list .accordion__content p { margin: 0; font-family: var(--body); font-size: max(14px, clamp(1rem, 3.5vw, 1.15rem)); line-height: 1.35; color: var(--text); } @media (min-width: 992px) { .parents-faq-section { --faq-mark: 1em; } .parents-faq-section__panel { grid-template-columns: 1fr 1fr; } .parents-faq-section__intro { padding: 5rem; } .parents-faq-section__list .accordion { height: 100%; border-left: 2px solid var(--text); } }  .copyright { color: #fff; background-color: #121212; } .copyright__container { display: flex; flex-wrap: wrap; gap: 1rem; justify-content: center; padding: 1rem var(--x-gap); font-size: 12px; line-height: 1; } .copyright img { height: 1.1em; vertical-align: middle; } @media(min-width: 992px) { .copyright__container { justify-content: space-between; } }  .btn::before { top: var(--ink-y, 50%); left: var(--ink-x, 50%); width: var(--ink-d, 150%); }