@layer components{.page-faq{& .page-faq__layout{display:grid;gap:var(--space-l);align-items:start;@media(min-width:1024px){grid-template-columns: 4fr 8fr; gap: var(--space-xl);}}& .page-faq__toc{display:flex;flex-direction:column;gap:var(--space-2xs);@media(min-width:1024px){position: sticky; inset-block-start: 7rem;}& a{color:var(--color-text);font-weight:500;text-decoration:none;&:hover{color:var(--color-accent-strong)}}}& .page-faq__contact{display:flex;gap:var(--space-2xs);align-items:center;margin-block-start:var(--space-m);background:var(--color-accent-surface);border-color:transparent;& svg{color:var(--color-accent-strong)}}& .page-faq__group + .page-faq__group{margin-block-start:var(--space-xl)}& .page-faq__group-heading{margin-block-end:var(--space-s);font-size:var(--size-step-2)}}}