/* The Questions sheet of the Websites page, round 2 (09/11/2026): one open and close row per question. New CSS.
   Native details and summary: keyboard accessible (Tab to a row, Enter or Space opens it), every answer is in the HTML. No script. */
.faq__item{border-bottom:1px solid var(--color-line-paper)}
.faq__q{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-5);cursor:pointer;padding:var(--sp-4) 0;min-height:48px}
.faq__q::-webkit-details-marker{display:none}
.faq__q::marker{content:""}
.faq__title{margin:0;font-weight:600;transition:opacity var(--dur-colour) var(--ease)}
.faq__q:hover .faq__title{opacity:.72}
.faq__q:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px;border-radius:4px}
.faq__icon{position:relative;flex:none;width:20px;height:20px}
.faq__icon::before,.faq__icon::after{content:"";position:absolute;left:3px;right:3px;top:50%;height:1.5px;margin-top:-.75px;background:currentColor;transition:transform var(--dur-small) var(--ease)}
.faq__icon::after{transform:rotate(90deg)}
.faq__item[open] .faq__icon::after{transform:rotate(0deg)}
.faq__a{padding:0 calc(20px + var(--sp-5)) var(--sp-5) 0}
.faq__a .text-block__body{margin:0;max-width:var(--measure-body)}
.faq__a .actions{margin-top:var(--sp-4)}
@media (prefers-reduced-motion:reduce){.faq__icon::before,.faq__icon::after{transition:none}}