.support-container{max-width:900px;padding:var(--space-12) var(--space-6);margin:0 auto}.support-search-area{align-items:center;gap:var(--space-6);margin-bottom:var(--space-12);flex-direction:column;width:100%;display:flex}.support-search-box{align-items:center;width:100%;max-width:640px;display:flex;position:relative}.support-search-icon{left:var(--space-4);font-size:var(--text-lg);color:var(--mahogany);opacity:.6;pointer-events:none;position:absolute}.support-search-input{width:100%;padding:var(--space-4) var(--space-12) var(--space-4) var(--space-10);font-family:var(--font-body);font-size:var(--text-base);color:var(--mahogany);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);transition:all var(--duration-normal) var(--ease-out);background:#fffffff2;border:1px solid #5c2e1a26}.support-search-input::placeholder{color:var(--driftwood);opacity:.6}.support-search-input:hover{border-color:var(--gold);background:#fff}.support-search-input:focus{border-color:var(--gold);box-shadow:var(--shadow-gold), 0 0 0 3px #c9a84c26;background:#fff;outline:none}.support-search-clear-btn{right:var(--space-4);font-size:var(--text-base);color:var(--mahogany);opacity:.5;cursor:pointer;padding:var(--space-1);border-radius:var(--radius-full);transition:opacity var(--duration-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute}.support-search-clear-btn:hover{opacity:.9}.support-filter-bar{justify-content:center;gap:var(--space-2);flex-flow:wrap;width:100%;display:flex}.support-filter-pill{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-family:var(--font-body);font-size:var(--text-sm);color:var(--mahogany);border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);background:#5c2e1a0d;border:1px solid #0000;font-weight:600;display:inline-flex}.support-filter-pill:hover{color:var(--gold-dark);background:#c9a84c26}.support-filter-pill.active{background:var(--gold);color:var(--cream);border-color:var(--gold);box-shadow:var(--shadow-sm)}.support-filter-icon{font-size:var(--text-sm)}.support-filter-label{letter-spacing:.02em}.support-search-status{padding-bottom:var(--space-4);margin-bottom:var(--space-8);font-family:var(--font-body);font-size:var(--text-sm);color:var(--driftwood);border-bottom:1px dashed #5c2e1a26;justify-content:space-between;align-items:center;display:flex}.support-search-clear-link{font-size:var(--text-sm);color:var(--coral-dark);cursor:pointer;background:0 0;border:none;font-weight:600;text-decoration:underline}.support-search-clear-link:hover{color:var(--coral)}.support-no-results{text-align:center;padding:var(--space-16) var(--space-8);border-radius:var(--radius-lg);margin-bottom:var(--space-12);background:#faf6ee80;border:1px dashed #5c2e1a26}.support-no-results-icon{font-size:var(--text-4xl);margin-bottom:var(--space-4);display:block}.support-no-results-title{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--mahogany);margin-bottom:var(--space-2)}.support-no-results-text{font-family:var(--font-body);font-size:var(--text-base);color:var(--driftwood);margin-bottom:var(--space-6);max-width:480px;margin-left:auto;margin-right:auto}.support-articles-list{flex-direction:column;display:flex}.support-article{padding-bottom:var(--space-10);margin-bottom:var(--space-10);border-bottom:1px solid #c9a84c26}.support-article:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.support-article-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.support-article-icon{font-size:var(--text-2xl);flex-shrink:0}.support-article-title{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--mahogany);margin:0;font-weight:800;line-height:1.25}.support-article-badge{font-family:var(--font-body);font-size:var(--text-xs);color:var(--gold-dark);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;background:#c9a84c1f;margin-left:auto;font-weight:600}.support-article-content{font-family:var(--font-body);font-size:var(--text-base);color:#4a2e22;line-height:1.75}.support-title{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--mahogany);margin-bottom:var(--space-1);font-weight:900}.support-subtitle{font-family:var(--font-accent);font-size:var(--text-xs);color:var(--gold);letter-spacing:.15em;text-transform:uppercase}.nav-dark~main .support-search-input{color:var(--sand);background:#1a2d3df2;border-color:#4ecdc426}.nav-dark~main .support-search-input:hover,.nav-dark~main .support-search-input:focus{background:var(--brine);border-color:var(--phosphor)}.nav-dark~main .support-filter-pill{color:var(--sand);background:#1a2d3d66}.nav-dark~main .support-filter-pill:hover{color:var(--phosphor);background:#4ecdc426}.nav-dark~main .support-filter-pill.active{background:var(--phosphor);color:var(--abyss);border-color:var(--phosphor)}.nav-dark~main .support-article-title{color:var(--sand)}.nav-dark~main .support-article-badge{color:var(--phosphor);background:#4ecdc41f}.nav-dark~main .support-article-content{color:#cdd6dc}.nav-dark~main .support-no-results{background:#1a2d3d33;border-color:#4ecdc426}.nav-dark~main .support-no-results-title{color:var(--sand)}@media (max-width:768px){.support-container{padding:var(--space-6) var(--space-4)}.support-search-area{margin-bottom:var(--space-8)}.support-search-input{padding:var(--space-3) var(--space-10) var(--space-3) var(--space-8);font-size:var(--text-sm)}.support-filter-bar{-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:var(--space-2);flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}.support-filter-bar::-webkit-scrollbar{display:none}.support-filter-pill{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);flex-shrink:0}.support-article{padding-bottom:var(--space-6);margin-bottom:var(--space-6)}.support-article-header{gap:var(--space-2)}.support-article-title{font-size:var(--text-xl)}.support-article-badge{text-align:center;width:100%;margin-left:0;margin-top:var(--space-1);align-self:flex-start}}