/* Homepage FAQ: native disclosure controls also work without JavaScript. */
.landing .lp-faq-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:start}
.landing .lp-faq h2{font-size:clamp(34px,3.3vw,48px)}
.landing .lp-faq-list{min-width:0;border-top:1px solid var(--line)}
.landing .lp-faq details{border-bottom:1px solid var(--line)}
.landing .lp-faq summary{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:72px;padding:20px 0;font-size:17px;line-height:1.7;cursor:pointer;list-style:none}
.landing .lp-faq summary::-webkit-details-marker{display:none}
.landing .lp-faq summary>span{flex:none;font-size:22px;transition:transform .18s ease}
.landing .lp-faq details[open] summary>span{transform:rotate(45deg)}
.landing .lp-faq summary:hover{color:var(--muted)}
.landing .lp-faq summary:focus-visible{outline:2px solid var(--ink);outline-offset:6px;border-radius:4px}
.landing .lp-faq details p{font-size:16px;line-height:1.9;color:var(--muted);margin:0 46px 28px 0}
@media(max-width:760px){.landing .lp-faq-layout{grid-template-columns:1fr;gap:40px}.landing .lp-faq summary{font-size:16px;gap:16px}.landing .lp-faq details p{margin-right:0}}
@media(prefers-reduced-motion:reduce){.landing .lp-faq summary>span{transition:none}}