.faq-page{background:var(--bg-base)}.faq-hero{padding:var(--space-20) 0 var(--space-12);text-align:center;background:var(--bg-card);border-bottom:1px solid var(--border-light)}.faq-title{font-size:var(--text-6xl);font-weight:var(--font-black);text-transform:uppercase;letter-spacing:-.04em;margin-bottom:var(--space-4)}.faq-subtitle{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-10)}.faq-search{max-width:600px;margin:0 auto;position:relative}.faq-search .search-icon{left:var(--space-5);color:var(--text-muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.faq-search-icon-clickable{cursor:pointer;pointer-events:auto}.faq-search input{width:100%;padding:var(--space-4) var(--space-4) var(--space-4) var(--space-12);font-size:var(--text-lg);border:1px solid var(--border-default);border-radius:var(--radius-full);transition:all var(--transition-fast);background:var(--bg-subtle);outline:none;font-family:Inter,sans-serif}.faq-search input:focus{background:var(--bg-card);border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-subtle)}.categories-grid{justify-content:center;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.cat-card{align-items:center;gap:var(--space-3);padding:var(--space-6);background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);text-align:center;cursor:pointer;width:150px;transition:all var(--transition-medium);flex-direction:column;display:flex}.cat-card:hover,.cat-card.active{border-color:var(--primary);background:var(--primary-subtle);transform:translateY(-2px)}.cat-icon{color:var(--primary)}.cat-card h3{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--text-secondary)}.cat-card.active h3{color:var(--primary)}.accordion-wrapper{max-width:800px;margin:0 auto}.faq-error-note{color:#991b1b;border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4);background:#fef2f2;border:1px solid #fecaca}.accordion-item{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-bottom:var(--space-4);transition:all var(--transition-medium);overflow:hidden}.accordion-item.open{border-color:var(--primary);box-shadow:var(--shadow-sm)}.accordion-header{width:100%;padding:var(--space-6);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;display:flex}.question-text{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary)}.faq-engagement-inline{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-muted);margin-top:var(--space-1);display:block}.toggle-icon{color:var(--text-muted)}.accordion-content-wrapper{grid-template-rows:0fr;transition:grid-template-rows .3s ease-out;display:grid}.accordion-item.open .accordion-content-wrapper{grid-template-rows:1fr}.accordion-content{overflow:hidden}.accordion-inner{padding:0 var(--space-6) var(--space-6);opacity:0;transition:opacity .3s ease-out}.accordion-item.open .accordion-inner{opacity:1;padding-top:var(--space-4);border-top:1px solid var(--border-light)}.question-text{font-size:var(--text-lg);color:var(--text-primary);letter-spacing:-.01em;font-weight:600;line-height:1.4}.accordion-content p{margin-bottom:var(--space-4);color:var(--text-secondary);line-height:1.8;font-size:var(--text-base)}.accordion-content strong{color:var(--text-primary);font-weight:600}.accordion-item:hover{border-color:var(--primary-subtle)}.accordion-item.open{border-color:var(--border-default);background:var(--bg-card);box-shadow:var(--shadow-md)}.accordion-content p{margin-bottom:var(--space-4);line-height:1.7}.accordion-content ul,.accordion-content ol{margin-bottom:var(--space-4);padding-left:var(--space-6)}.accordion-content li{margin-bottom:var(--space-2);padding-left:var(--space-2)}.accordion-content h2,.accordion-content h3,.accordion-content h4{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);margin-top:var(--space-6);margin-bottom:var(--space-3)}.accordion-content a{color:var(--primary);font-weight:var(--font-medium);text-decoration:underline}.accordion-content strong{font-weight:var(--font-bold);color:var(--text-primary)}.accordion-content img{max-width:100%;height:auto;margin:var(--space-4) 0;border-radius:var(--radius-md);border:1px solid var(--border-light);display:block}.faq-comments-actions{margin-top:var(--space-4)}.faq-comments-toggle{min-width:140px}@media (max-width:768px){.categories-grid{gap:var(--space-3)}.cat-card{width:calc(50% - var(--space-3))}}.accordion-content table{width:100%;margin-bottom:var(--space-4);border-collapse:collapse;font-size:var(--text-sm);color:var(--text-secondary)}.accordion-content th,.accordion-content td{padding:var(--space-3) var(--space-4);border:1px solid var(--border-light);text-align:left}.accordion-content th{background-color:var(--bg-surface);color:var(--text-primary);font-weight:600}.accordion-content tr:nth-child(2n){background-color:var(--bg-surface-subtle)}.accordion-content table{white-space:nowrap;display:block;overflow-x:auto}.accordion-content table::-webkit-scrollbar{height:6px}.accordion-content table::-webkit-scrollbar-track{background:0 0}.accordion-content table::-webkit-scrollbar-thumb{background-color:var(--border-default);border-radius:3px}.faq-link-list{flex-direction:column;gap:10px;max-width:920px;margin:0 auto;display:flex}.faq-link-card{background:var(--surface-1);border:1px solid var(--border);color:var(--foreground);border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;text-decoration:none;transition:border-color .2s,background-color .2s,transform .2s;display:flex}.faq-link-card:hover{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 6%, transparent)}.faq-link-card-text{color:var(--foreground);flex:1;font-size:1rem;font-weight:500;line-height:1.4}.faq-link-card-arrow{color:var(--muted-foreground);flex-shrink:0;transition:transform .2s,color .2s}.faq-link-card:hover .faq-link-card-arrow{color:var(--primary);transform:translate(2px)}
