.buildpress-gjc-faq-directory { --gjc-faq-ink: var(--e-global-color-primary, #050505); --gjc-faq-paper: var(--e-global-color-900224d, #ffffff); --gjc-faq-text: var(--e-global-color-text, #333333); --gjc-faq-tone: var(--e-global-color-accent, #e3185c); --gjc-faq-tone-ink: var(--e-global-color-tonepinkdk, #c10b45); --gjc-faq-line: color-mix(in srgb, var(--gjc-faq-ink) 10%, transparent); --gjc-faq-soft: color-mix(in srgb, var(--gjc-faq-ink) 5%, var(--gjc-faq-paper)); padding: 2rem 1.5rem 7rem; color: var(--gjc-faq-ink); background: var(--gjc-faq-paper); }
.buildpress-gjc-faq-directory .buildpress-gjc-faq-directory__inner { width: min(100%, 75rem); margin-inline: auto; }
.buildpress-gjc-faq-directory .buildpress-gjc-faq-directory__group + .buildpress-gjc-faq-directory__group { margin-top: 3.5rem; }
.buildpress-gjc-faq-directory .buildpress-gjc-faq-directory__group-title { margin: 0; padding: 0 0 0.75rem; color: var(--gjc-faq-tone); font-family: var(--e-global-typography-accent-font-family, sans-serif); font-size: var(--e-global-typography-accent-font-size, 0.875rem); font-weight: 800; line-height: var(--e-global-typography-accent-line-height, 1.2); }
.buildpress-gjc-faq-directory .buildpress-gjc-faq-directory__item { border-bottom: 0.0625rem solid var(--gjc-faq-line); }
.buildpress-gjc-faq-directory .buildpress-gjc-faq-directory__item summary { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 2.5rem; gap: 1.25rem; align-items: center; min-height: 8.125rem; padding: 1.25rem 1rem; color: var(--gjc-faq-ink); cursor: pointer; list-style: none; }
.buildpress-gjc-faq-directory .buildpress-gjc-faq-directory__item summary::-webkit-details-marker { display: none; }
.buildpress-gjc-faq-directory .buildpress-gjc-faq-directory__item summary::before { position: absolute; top: 50%; left: 0; width: 0.2rem; height: 0; background: var(--gjc-faq-tone); content: ""; transition: height 180ms ease, transform 180ms ease; transform: translateY(-50%); }
.buildpress-gjc-faq-directory .buildpress-gjc-faq-directory__item:hover summary::before, .buildpress-gjc-faq-directory .buildpress-gjc-faq-directory__item[open] summary::before { height: 2.5rem; }
.buildpress-gjc-faq-directory .buildpress-gjc-faq-directory__item summary:hover, .buildpress-gjc-faq-directory .buildpress-gjc-faq-directory__item summary:focus-visible { outline: none; }
.buildpress-gjc-faq-directory .buildpress-gjc-faq-directory__item summary:focus-visible .buildpress-gjc-faq-directory__question { color: var(--gjc-faq-tone-ink); }
.buildpress-gjc-faq-directory .buildpress-gjc-faq-directory__content { display: flex; flex-direction: column; gap: 0.35rem; min-width: 0; }
.buildpress-gjc-faq-directory .buildpress-gjc-faq-directory__count { color: var(--gjc-faq-tone-ink); font-family: var(--e-global-typography-accent-font-family, sans-serif); font-size: 0.688rem; font-weight: 800; line-height: 1; }
.buildpress-gjc-faq-directory .buildpress-gjc-faq-directory__question { margin: 0; color: var(--gjc-faq-ink); font-family: var(--e-global-typography-primary-font-family, sans-serif); font-size: 2.062rem; font-weight: var(--e-global-typography-primary-font-weight, 700); line-height: 1.15; letter-spacing: 0; text-wrap: balance; }
.buildpress-gjc-faq-directory .buildpress-gjc-faq-directory__toggle { display: grid; place-items: center; width: 2.5rem; height: 2.5rem; color: var(--gjc-faq-ink); background: var(--gjc-faq-soft); border: 0.0625rem solid var(--gjc-faq-line); border-radius: 50%; transition: color 180ms ease, background 180ms ease, border-color 180ms ease, transform 180ms ease; }
.buildpress-gjc-faq-directory .buildpress-gjc-faq-directory__toggle svg { width: 1rem; height: 1rem; }

.buildpress-gjc-faq-directory .buildpress-gjc-faq-directory__item[open] .buildpress-gjc-faq-directory__toggle { color: var(--gjc-faq-paper); background: var(--gjc-faq-ink); border-color: var(--gjc-faq-ink); transform: rotate(45deg); }
.buildpress-gjc-faq-directory .buildpress-gjc-faq-directory__answer { display: grid; grid-template-rows: 0fr; overflow: hidden; padding: 0; color: var(--gjc-faq-text); font-family: var(--e-global-typography-text-font-family, sans-serif); font-size: var(--e-global-typography-text-font-size, 1rem); font-weight: var(--e-global-typography-text-font-weight, 400); line-height: var(--e-global-typography-text-line-height, 1.6); transition: grid-template-rows 260ms ease, padding 260ms ease; } .buildpress-gjc-faq-directory .buildpress-gjc-faq-directory__item[open] .buildpress-gjc-faq-directory__answer { grid-template-rows: 1fr; padding-bottom: 1.25rem; } .buildpress-gjc-faq-directory .buildpress-gjc-faq-directory__answer-inner { min-width: 0; min-height: 0; padding: 0 4rem 0 1rem; }
.buildpress-gjc-faq-directory .buildpress-gjc-faq-directory__answer p { margin: 0 0 0.75rem; }
.buildpress-gjc-faq-directory .buildpress-gjc-faq-directory__answer ul, .buildpress-gjc-faq-directory .buildpress-gjc-faq-directory__answer ol { margin: 0.25rem 0 0.75rem; padding-left: 1.25rem; }
@media (max-width: 767px) { .buildpress-gjc-faq-directory { padding: 1.5rem 1rem 5rem; } .buildpress-gjc-faq-directory .buildpress-gjc-faq-directory__group + .buildpress-gjc-faq-directory__group { margin-top: 2.5rem; } .buildpress-gjc-faq-directory .buildpress-gjc-faq-directory__item summary { grid-template-columns: minmax(0, 1fr) 2.125rem; column-gap: 0.875rem; min-height: 6.75rem; padding-block: 0.9rem; } .buildpress-gjc-faq-directory .buildpress-gjc-faq-directory__question { font-size: 1.375rem; } .buildpress-gjc-faq-directory .buildpress-gjc-faq-directory__toggle { width: 2.125rem; height: 2.125rem; } .buildpress-gjc-faq-directory .buildpress-gjc-faq-directory__answer-inner { padding: 0 0 0 0.5rem; } .buildpress-gjc-faq-directory .buildpress-gjc-faq-directory__item[open] .buildpress-gjc-faq-directory__answer { padding-bottom: 1rem; } .buildpress-gjc-faq-directory .buildpress-gjc-faq-directory__item summary::before { width: 0.16rem; } }
@media (prefers-reduced-motion: reduce) { .buildpress-gjc-faq-directory .buildpress-gjc-faq-directory__item summary, .buildpress-gjc-faq-directory .buildpress-gjc-faq-directory__item summary::before, .buildpress-gjc-faq-directory .buildpress-gjc-faq-directory__toggle, .buildpress-gjc-faq-directory .buildpress-gjc-faq-directory__answer { transition: none; } }