.ladl-faq { background: var(--ladl-ivory); box-sizing: border-box; padding-block: var(--ladl-section-y); }

.ladl-faq-inner { box-sizing: border-box; display: grid; gap: 3rem; grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); margin-inline: auto; max-width: 1200px; padding-inline: 1.25rem; width: 100%; }

.ladl-faq-heading > * { margin-block-start: 0; }

.ladl-faq-kicker { color: var(--ladl-english); font-size: .8125rem; font-weight: 700; letter-spacing: .16em; line-height: 1.2; padding-left: 2rem; position: relative; text-transform: uppercase; }

.ladl-faq-kicker::before { background: var(--wp--preset--color--or); content: ''; height: 1rem; left: 0; -webkit-mask: url('../../icons/bowler-hat.svg') center / contain no-repeat; mask: url('../../icons/bowler-hat.svg') center / contain no-repeat; position: absolute; top: 0; width: 1.5rem; }

.ladl-faq-title,
.ladl-faq-home .ladl-faq-title,
.ladl-faq-offer .ladl-faq-title {
  color: var(--ladl-brown);
  font-family: var(--wp--preset--font-family--fraunces);
  font-size: clamp(2rem, 4.5vw, 3.25rem);
  letter-spacing: -.02em;
  line-height: 1.05;
  margin-block-start: 1.25rem;
  max-width: 18ch;
}

.ladl-faq-items { border-block: 1px solid var(--ladl-border); min-width: 0; }

.ladl-faq-items > .ladl-faq-item { margin-block-start: 0; }

.ladl-faq-item + .ladl-faq-item { border-top: 1px solid var(--ladl-border); }

.ladl-faq-item summary { align-items: flex-start; color: var(--ladl-brown); cursor: pointer; display: flex; font-family: var(--wp--preset--font-family--fraunces); font-size: clamp(1.25rem, 1.5vw, 1.5rem); font-weight: 600; gap: 1rem; justify-content: space-between; line-height: 1.2; list-style: none; padding-block: 1.25rem; }

.ladl-faq-item summary::-webkit-details-marker { display: none; }

.ladl-faq-item .ladl-faq-question { color: inherit; font: inherit; letter-spacing: inherit; line-height: inherit; margin: 0; }

.ladl-faq-item summary::after { color: var(--ladl-english); content: '+'; flex: none; font-family: Arial, sans-serif; font-size: 1.5rem; font-weight: 400; line-height: 1; transform: rotate(0); transition: transform .2s ease-out; }

.ladl-faq-item[open] summary::after { transform: rotate(45deg); }

.ladl-faq-item summary:focus-visible { outline: 2px solid var(--ladl-english); outline-offset: 3px; }

.ladl-faq-item p { color: #65594d; font-size: 1.0625rem; line-height: 1.65; margin: 0 2rem 1rem 0; max-width: var(--ladl-measure); }

.ladl-faq-item p:last-child { padding-bottom: .5rem; }

.ladl-faq-offer { background: transparent; margin-block: 4rem; padding-block: 0; }

.ladl-faq-offer .ladl-faq-title { max-width: none; }

.ladl-faq-offer .ladl-faq-items { margin-block-start: 2rem; }

@media (min-width: 768px) {
.ladl-faq-inner { padding-inline: 2rem; }
}

@media (max-width: 767px) {
.ladl-faq-inner { gap: 2rem; grid-template-columns: minmax(0, 1fr); }
.ladl-faq-title { max-width: none; }
.ladl-faq-item p { margin-right: 1rem; }
}

@media (prefers-reduced-motion: reduce) {
.ladl-faq-item summary::after { transition: none; }
}
