.faq{background:var(--ink)}.faq-grid{gap:clamp(1rem,4vw,5rem);display:grid}.faq-grid .section-head{container-type:inline-size}.faq-grid .section-title{font-size:clamp(3rem,26cqi,10rem)}.faq-list{border-top:1px solid var(--line);interpolate-size:allow-keywords}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;transition:color var(--fast);grid-template-columns:auto minmax(0,1fr) auto;align-items:baseline;gap:clamp(.9rem,2vw,1.75rem);padding-block:clamp(1.1rem,2vw,1.6rem);list-style:none;display:grid}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary .mono{color:var(--gray)}.faq-list summary h3{font-size:var(--text-lg);text-wrap:balance;font-weight:700;line-height:1.2}.faq-list summary:hover,.faq-list details[open] summary{color:var(--neon)}.faq-list summary i{align-self:center;width:1.1rem;height:1.1rem;position:relative}.faq-list summary i:before,.faq-list summary i:after{content:"";transition:transform var(--normal) var(--ease-out);background:currentColor;position:absolute;inset:calc(50% - 1px) 0}.faq-list summary i:after{transform:rotate(90deg)}.faq-list details[open] summary i:after{transform:rotate(0)}.faq-list details p{color:#ffffffd1;max-width:38em;padding:0 0 clamp(1.25rem,2vw,1.75rem) clamp(2rem,4vw,3.6rem);line-height:1.55}.faq-list details::details-content{height:0;transition:height var(--normal) var(--ease-out), content-visibility var(--normal) allow-discrete;overflow:clip}.faq-list details[open]::details-content{height:auto}@media (min-width:64rem){.faq-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start}.faq-grid .section-head{top:calc(var(--header-h) + 2rem);position:sticky}}
