:root{--background: #F8F7FF;--foreground: #1E1B4B;--card: #FFFFFF;--card-foreground: #1E1B4B;--primary: #4338CA;--primary-foreground: #FFFFFF;--secondary: #374151;--accent: #7C3AED;--accent-foreground: #FFFFFF;--muted: #EDE9FE;--muted-foreground: #6B7280;--border: #E5E3F3;--input-border: #D1D5DB;--pill-inactive-bg: #EDE9FE;--pill-inactive-text: #5B21B6;--tag-bg: #F3F4F6;--tag-text: #6B7280;--divider: #EDE9FE;--id-color: #9CA3AF;--font-sans: "DM Sans", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-serif: "Source Serif 4", Georgia, "Times New Roman", serif;--font-mono: "JetBrains Mono", "Fira Code", ui-monospace, monospace;--radius: 16px;--radius-sm: 8px;--radius-pill: 999px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background-color:var(--background);color:var(--foreground);line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--primary);text-decoration:underline;text-underline-offset:2px}a:hover{color:var(--accent)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.page{min-height:100vh;display:flex;flex-direction:column;background:var(--background)}.page-header{background:var(--background);padding:56px 24px 40px;border-bottom:1px solid var(--border)}.page-header__inner{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.page-header__brand{display:flex;align-items:center;gap:10px}.page-header__logo{width:32px;height:32px;border-radius:8px;object-fit:contain}.page-header__brand-name{font-family:var(--font-sans);font-size:14px;font-weight:600;color:var(--muted-foreground);letter-spacing:.02em;text-transform:uppercase}.page-header__titles{display:flex;flex-direction:column;gap:8px}.page-header__title{font-family:var(--font-sans);font-size:clamp(28px,5vw,40px);font-weight:700;line-height:1.1;color:var(--foreground);letter-spacing:-.02em}.page-header__subtitle{font-family:var(--font-sans);font-size:16px;font-weight:400;color:var(--muted-foreground);line-height:1.5}.search-wrap{width:100%}.search-bar{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px;box-shadow:0 1px 3px #4338ca0f;transition:box-shadow .15s ease,border-color .15s ease}.search-bar:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #4338ca1f,0 1px 3px #4338ca14}.search-bar__input{flex:1;border:none;outline:none;background:transparent;font-family:var(--font-sans);font-size:15px;color:var(--foreground);min-width:0}.search-bar__input::placeholder{color:var(--muted-foreground)}.search-bar__input::-webkit-search-decoration,.search-bar__input::-webkit-search-cancel-button,.search-bar__input::-webkit-search-results-button,.search-bar__input::-webkit-search-results-decoration{-webkit-appearance:none}.search-bar__clear{display:flex;align-items:center;justify-content:center;background:var(--muted);border:none;border-radius:50%;width:22px;height:22px;cursor:pointer;color:var(--muted-foreground);flex-shrink:0;transition:background .12s ease,color .12s ease}.search-bar__clear:hover{background:var(--border);color:var(--foreground)}.category-bar-wrap{position:sticky;top:0;z-index:10;background:var(--background);border-bottom:1px solid var(--border)}.category-bar{max-width:720px;margin:0 auto;padding:12px 24px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;-webkit-mask-image:linear-gradient(to right,black 85%,transparent 100%);mask-image:linear-gradient(to right,black 85%,transparent 100%)}.category-bar::-webkit-scrollbar{display:none}.category-bar__inner{display:flex;gap:8px;align-items:center;width:max-content;min-width:100%}.category-pill{display:inline-flex;align-items:center;font-family:var(--font-sans);font-size:13px;font-weight:400;color:var(--pill-inactive-text);background:var(--pill-inactive-bg);border:2px solid transparent;border-radius:var(--radius-pill);padding:6px 16px;cursor:pointer;white-space:nowrap;transition:all .15s ease;transform:translate(0)}.category-pill:hover:not(.category-pill--active){background:#ddd6fe;color:#4c1d95}.category-pill--active{background:var(--primary);color:var(--primary-foreground);font-weight:600;border-color:var(--primary);transform:translate(2px);box-shadow:0 2px 8px #4338ca40}.faq-list-wrap{flex:1;padding:32px 24px 64px}.faq-list{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.faq-count{font-family:var(--font-sans);font-size:12px;color:var(--muted-foreground);margin-bottom:4px}.faq-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:box-shadow .15s ease,border-color .15s ease}.faq-card:hover{box-shadow:0 2px 12px #4338ca14;border-color:#c7c2e8}.faq-card--open{border-color:#c7c2e8;box-shadow:0 4px 16px #4338ca1a}.faq-card__header{width:100%;display:flex;align-items:center;gap:12px;padding:20px 24px;background:transparent;border:none;cursor:pointer;text-align:left;font-family:var(--font-sans);color:var(--foreground);transition:background .12s ease}.faq-card__header:hover{background:#fafafe}.faq-card__header:focus-visible{outline:2px solid var(--primary);outline-offset:-2px;border-radius:var(--radius)}.faq-card__question{flex:1;font-size:15px;font-weight:600;color:var(--foreground);line-height:1.4}.faq-card__meta{display:flex;align-items:center;gap:10px;flex-shrink:0}.faq-card__body{padding:0 24px 20px}.faq-card__divider{height:1px;background:var(--divider);margin-bottom:16px}.faq-card__answer{font-family:var(--font-serif);font-size:15px;font-weight:400;color:var(--secondary);line-height:1.75}.faq-card__footer{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:16px;flex-wrap:wrap}.faq-card__tags{display:flex;flex-wrap:wrap;gap:6px}.faq-tag{font-family:var(--font-sans);font-size:12px;font-weight:400;color:var(--tag-text);background:var(--tag-bg);border-radius:var(--radius-pill);padding:3px 10px;border:1px solid #E5E7EB}.faq-card__id{font-family:var(--font-mono);font-size:11px;color:var(--id-color);letter-spacing:.04em;flex-shrink:0}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:64px 24px;gap:16px}.empty-state__icon{opacity:.7}.empty-state__heading{font-family:var(--font-sans);font-size:20px;font-weight:600;color:var(--foreground)}.empty-state__body{font-family:var(--font-sans);font-size:15px;color:var(--muted-foreground);line-height:1.6;max-width:380px}.page-footer{border-top:1px solid var(--border);padding:24px;text-align:center}.page-footer p{font-family:var(--font-sans);font-size:13px;color:var(--muted-foreground)}@media(max-width:600px){.page-header{padding:40px 16px 32px}.faq-list-wrap{padding:24px 16px 48px}.category-bar{padding:10px 16px}.faq-card__header{padding:16px}.faq-card__body{padding:0 16px 16px}.faq-card__meta{gap:8px}@media(max-width:400px){.faq-card__meta .category-badge{display:none}}}