@layer components{.faq{--_below-header:calc(var(--header-block-size) + var(--space-m));& .faq__body{--sidebar-size:15rem;--sidebar-space:var(--space-xl);--sidebar-content-min:60%;align-items:flex-start}& .faq__nav{display:grid;gap:var(--space-2xs);@media(width >= 60rem){position: sticky; inset-block-start: var(--_below-header);}}& .faq__nav-list{display:flex;flex-wrap:wrap;gap:var(--space-3xs)var(--space-2xs);margin:0;@media(width >= 60rem){flex-direction: column; gap: 0; border-inline-start: var(--border-width-hairline) solid var(--color-border);}}& .faq__nav-link{display:flex;align-items:center;min-block-size:var(--touch-target);padding-inline:var(--space-2xs);border:var(--border-width-hairline)solid var(--color-border);border-radius:var(--radius-s);color:var(--color-text);font-weight:var(--font-weight-bold);text-decoration:none;&:hover{border-color:var(--color-accent);color:var(--color-accent-text)}@media(width >= 60rem){margin-inline-start: calc(-1 * var(--border-width-thick)); padding-inline: var(--space-xs) 0; border: 0; border-inline-start: var(--border-width-thick) solid transparent; border-radius: 0; font-weight: var(--font-weight-regular);}}& .faq__topics{--stack-space:var(--space-xl)}& .faq__topic{scroll-margin-block-start:var(--_below-header)}& .faq__more{--stack-space:var(--space-s);padding:var(--space-m);border-inline-start:var(--border-width-thick)solid var(--color-accent);background:var(--color-surface)}& .faq__more-heading{font-size:var(--size-step-2)}}}