.faq-split{grid-template-columns:1fr;align-items:start}@media (width>=860px){.faq-split{grid-template-columns:7fr 5fr}}.faq{counter-reset:q;border-bottom:0}.faq details{counter-increment:q;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(color-mix(in srgb, var(--paper) 55%, white), var(--paper));box-shadow:var(--shadow-sm);transition:box-shadow .45s var(--ease-out), translate .45s var(--ease-out);margin-bottom:12px;padding-inline:20px}.faq summary{grid-template-columns:40px minmax(0,1fr) auto;justify-content:stretch;gap:16px;padding-block:22px;display:grid}.faq summary:before{content:counter(q, decimal-leading-zero);font:600 15px/1 var(--sans);letter-spacing:.14em;color:#b83a0f}.faq h2{transition:translate .3s var(--ease-out)}.faq details>p{font-size:var(--body);padding:0 0 24px 56px;line-height:1.65}.faq details::details-content{height:0;transition:height .45s var(--ease-out), content-visibility .45s allow-discrete;overflow:clip}.faq details[open]::details-content{height:auto}.faq details[open]>p{animation:faq-in .5s var(--ease-out) both}@keyframes faq-in{0%{opacity:0;translate:0 -8px}}@media (hover:hover){.faq summary:hover h2{translate:6px}.faq details:hover{box-shadow:var(--shadow-md);translate:0 -2px}}@media (width<=620px){.faq summary{grid-template-columns:30px minmax(0,1fr) auto;gap:12px}.faq details>p{padding-left:0}}