@layer components{.nn-faq{border-bottom:1px solid var(--nn-line)}.nn-faq-item{position:relative;border-top:1px solid var(--nn-line)}.nn-faq-item:before{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:var(--color-brand);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-duration-ds-ui) var(--ease-standard);pointer-events:none}.nn-faq-item:hover:before,.nn-faq-item:focus-within:before{transform:scaleX(1)}.nn-faq-q{margin:0}.nn-faq-button{display:flex;width:100%;align-items:flex-start;gap:16px;padding:22px 0;min-height:44px;text-align:left;color:var(--nn-fg);font-family:var(--font-display);font-weight:600;font-size:clamp(17px,1.4vw,19px);line-height:1.4;letter-spacing:-.015em;cursor:pointer;border-radius:var(--radius-chip);transition:color var(--transition-duration-ds-hover) var(--ease-standard)}.nn-faq-button:hover{color:var(--color-brand-700)}.ground-deep .nn-faq-button:hover,.ground-ink .nn-faq-button:hover{color:var(--color-brand-200)}.nn-faq-index{flex-shrink:0;width:28px;padding-top:3px;color:var(--nn-fg-muted);font-family:var(--font-ds-mono);font-weight:500;font-size:12px;line-height:20px;letter-spacing:.08em}.nn-faq-text{flex:1;min-width:0;text-wrap:pretty}.nn-faq-toggle{position:relative;flex-shrink:0;width:32px;height:32px;margin-top:-3px;border:1px solid var(--nn-line-strong);border-radius:var(--radius-tag);transition:background-color var(--transition-duration-ds-hover) var(--ease-standard),border-color var(--transition-duration-ds-hover) var(--ease-standard)}.nn-faq-bar{position:absolute;left:50%;top:50%;width:12px;height:1.5px;margin:-.75px 0 0 -6px;border-radius:1px;background:currentColor;transition:transform var(--transition-duration-ds-ui) var(--ease-standard),opacity var(--transition-duration-ds-ui) var(--ease-standard)}.nn-faq-bar-v{transform:rotate(90deg)}.nn-faq-item[data-open] .nn-faq-toggle{background:var(--color-sage);border-color:var(--color-spruce-200);color:var(--color-brand-700)}.ground-deep .nn-faq-item[data-open] .nn-faq-toggle,.ground-ink .nn-faq-item[data-open] .nn-faq-toggle{background:#ffffff1a;border-color:var(--nn-line-strong);color:var(--color-white)}.nn-faq-item[data-open] .nn-faq-bar-v{transform:rotate(0);opacity:0}.nn-faq-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--transition-duration-ds-ui) var(--ease-standard)}.nn-faq-item[data-open] .nn-faq-panel{grid-template-rows:1fr}.nn-faq-clip{min-height:0;overflow:hidden}.nn-faq-answer{max-width:44em;padding:0 48px 26px 0;color:var(--nn-fg-muted);font-family:var(--font-ds-text);font-size:16px;line-height:26px;opacity:0;transform:translateY(-4px);transition:opacity var(--transition-duration-ds-ui) var(--ease-standard),transform var(--transition-duration-ds-ui) var(--ease-standard)}.nn-faq-item[data-open] .nn-faq-answer{opacity:1;transform:none}.nn-faq-answer>*+*{margin-top:12px}.nn-faq-answer a{color:var(--color-brand-700);text-decoration:underline;text-underline-offset:3px}.ground-deep .nn-faq-answer a,.ground-ink .nn-faq-answer a{color:var(--color-brand-200)}.nn-faq-answer ul{list-style:disc;padding-left:1.2em}.nn-faq-answer ol{list-style:decimal;padding-left:1.3em}@media (max-width: 767px){.nn-faq-answer{padding-right:0}}}@media (prefers-reduced-motion: reduce){.nn-faq-item:before,.nn-faq-button,.nn-faq-toggle,.nn-faq-bar,.nn-faq-panel,.nn-faq-answer{transition:none}}
