.sp-page{flex-direction:column;gap:0;display:flex}.sp-page-header{margin-bottom:24px}.sp-page-title{color:var(--db-text-primary);letter-spacing:-.02em;font-size:22px;font-weight:800}.sp-main-tabs{border-bottom:1px solid var(--db-border);gap:0;margin-bottom:24px;display:flex}.sp-main-tab{color:var(--db-text-muted);font-size:14px;font-weight:600;font-family:var(--db-font);cursor:pointer;transition:color var(--db-transition), border-color var(--db-transition);background:0 0;border:none;border-bottom:2px solid #0000;width:100%;margin-bottom:-1px;padding:10px 24px}.sp-main-tab:hover{color:var(--db-text-primary)}.sp-main-tab--active{color:var(--db-accent);border-bottom-color:var(--db-accent)}.sp-categories{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:8px;margin-bottom:16px;padding-bottom:4px;display:flex;overflow-x:auto}.sp-category-pill{background:var(--db-surface);border:1px solid var(--db-border);color:var(--db-text-secondary);font-size:12px;font-weight:600;font-family:var(--db-font);cursor:pointer;transition:all var(--db-transition);white-space:nowrap;border-radius:50px;flex-shrink:0;padding:6px 14px}.sp-category-pill:hover{border-color:var(--db-border-hover);color:var(--db-text-primary)}.sp-category-pill--active{background:var(--db-accent);border-color:var(--db-accent);color:#fff}.sp-search-wrapper{margin-bottom:20px;position:relative}.sp-search-bar{background:var(--db-surface);border:1px solid var(--db-border);border-radius:var(--db-radius-lg);transition:border-color var(--db-transition);align-items:center;gap:10px;padding:10px 14px;display:flex}.sp-search-bar:focus-within{border-color:var(--db-border-hover)}.sp-search-icon{color:var(--db-text-muted);flex-shrink:0;display:flex}.sp-search-input{color:var(--db-text-primary);font-size:14px;font-family:var(--db-font);background:0 0;border:none;outline:none;flex:1}.sp-search-input::placeholder{color:var(--db-text-muted)}.sp-search-filter{color:var(--db-text-muted);cursor:pointer;transition:color var(--db-transition);background:0 0;border:none;flex-shrink:0;align-items:center;padding:2px;display:flex}.sp-search-filter:hover{color:var(--db-accent)}.sp-suggestions{background:var(--db-surface);border:1px solid var(--db-border);border-radius:var(--db-radius-md);z-index:50;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 8px 24px #0000004d}.sp-suggestion-item{text-align:left;width:100%;color:var(--db-text-secondary);font-size:13px;font-family:var(--db-font);cursor:pointer;border:none;border-bottom:1px solid var(--db-border);transition:background var(--db-transition), color var(--db-transition);background:0 0;padding:12px 16px;display:block}.sp-suggestion-item:last-child{border-bottom:none}.sp-suggestion-item:hover{background:var(--db-surface-2);color:var(--db-text-primary)}.sp-faq-list{flex-direction:column;gap:0;display:flex}.sp-faq-empty{text-align:center;color:var(--db-text-muted);padding:40px 20px;font-size:14px}.sp-faq-item{border-bottom:1px solid var(--db-border);transition:background var(--db-transition);overflow:hidden}.sp-faq-item--open{background:var(--db-surface);border-radius:var(--db-radius-md);border:1px solid var(--db-border);margin-bottom:8px}.sp-faq-question{width:100%;color:var(--db-text-primary);font-size:14px;font-weight:600;font-family:var(--db-font);text-align:left;cursor:pointer;transition:color var(--db-transition);background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:18px 4px;display:flex}.sp-faq-item--open .sp-faq-question{color:var(--db-accent);padding:18px 16px 12px}.sp-faq-question:hover{color:var(--db-accent)}.sp-faq-chevron{color:var(--db-accent);transition:transform var(--db-transition);flex-shrink:0}.sp-faq-chevron--open{transform:rotate(180deg)}.sp-faq-answer{color:var(--db-text-secondary);padding:0 16px 18px;font-size:13px;line-height:1.65}.sp-contact-list{flex-direction:column;gap:4px;display:flex}.sp-contact-item{background:var(--db-surface);border:1px solid var(--db-border);border-radius:var(--db-radius-md);color:var(--db-text-primary);transition:background var(--db-transition), border-color var(--db-transition), transform var(--db-transition);align-items:center;gap:16px;padding:18px 16px;text-decoration:none;display:flex}.sp-contact-item:hover{background:var(--db-surface-2);border-color:var(--db-border-hover);transform:translate(4px)}.sp-contact-icon{border-radius:var(--db-radius-md);background:var(--db-accent-dim);border:1px solid var(--db-border-hover);width:40px;height:40px;color:var(--db-accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sp-contact-text{flex-direction:column;flex:1;gap:2px;display:flex}.sp-contact-label{color:var(--db-text-primary);font-size:14px;font-weight:700}.sp-contact-value{color:var(--db-text-muted);font-size:12px}.sp-contact-arrow{color:var(--db-text-muted);flex-shrink:0}@media (width<=768px){.sp-page{max-width:100%}.sp-main-tab{padding:10px 16px;font-size:13px}}