.sgkb-modern-wrapper, .sgkb-modern-wrapper::before, .sgkb-modern-wrapper::after, .sgkb-modern-wrapper *,
.sgkb-modern-wrapper *::before,
.sgkb-modern-wrapper *::after{box-sizing:border-box;}
.sgkb-category-header-modern{background:var(--sgkb-bg-secondary);border-bottom:1px solid var(--sgkb-border-light);padding:var(--sgkb-space-8) 0 var(--sgkb-space-12);}
.sgkb-breadcrumb{margin-bottom:var(--sgkb-space-6);}
.sgkb-breadcrumb-list{display:flex;align-items:center;gap:var(--sgkb-space-2);list-style:none;margin:0;padding:0;font-size:var(--sgkb-text-sm);}
.sgkb-breadcrumb-item a{color:var(--sgkb-text-secondary);text-decoration:none;transition:color var(--sgkb-transition-base);}
.sgkb-breadcrumb-item a:hover{color:var(--sgkb-primary);}
.sgkb-breadcrumb-current{color:var(--sgkb-text-primary);font-weight:var(--sgkb-font-medium);}
.sgkb-breadcrumb-separator{color:var(--sgkb-text-tertiary);}
.sgkb-category-hero{margin-bottom:var(--sgkb-space-8);}
.sgkb-category-hero-content{display:flex;align-items:flex-start;}
.sgkb-category-hero-text{flex:1;}
.sgkb-category-title{font-size:clamp(2rem, 4vw, 3rem);font-weight:var(--sgkb-font-bold);color:var(--sgkb-text-primary);margin:0 0 var(--sgkb-space-3) 0;line-height:1.2;}
.sgkb-category-header-modern .sgkb-category-title{color:#ffffff;}
.sgkb-category-header-modern .sgkb-category-description{color:rgba(255, 255, 255, 0.9);}
.sgkb-category-header-modern .sgkb-breadcrumb-item, .sgkb-category-header-modern .sgkb-breadcrumb-item a{color:rgba(255, 255, 255, 0.8);}
.sgkb-category-header-modern .sgkb-breadcrumb-item a:hover, .sgkb-category-header-modern .sgkb-breadcrumb-link:hover{color:#ffffff;}
.sgkb-category-header-modern .sgkb-breadcrumb-current{color:rgba(255, 255, 255, 0.9);}
.sgkb-category-header-modern .sgkb-breadcrumb-separator{color:rgba(255, 255, 255, 0.5);}
.sgkb-category-header-modern .sgkb-category-meta span{color:rgba(255, 255, 255, 0.9);}
.sgkb-category-description{font-size:var(--sgkb-text-lg);color:var(--sgkb-text-secondary);margin:0 0 var(--sgkb-space-4) 0;line-height:1.6;}
.sgkb-category-meta{display:flex;align-items:center;gap:var(--sgkb-space-4);font-size:var(--sgkb-text-sm);color:var(--sgkb-text-secondary);}
.sgkb-category-search{max-width:600px;}
.sgkb-search-form{width:100%;}
.sgkb-search-input-wrapper{position:relative;display:flex;align-items:center;width:100%;}
.sgkb-search-icon{position:absolute;left:var(--sgkb-space-4);color:var(--sgkb-text-tertiary);pointer-events:none;}
.sgkb-search-input{width:100%;padding:var(--sgkb-space-3) var(--sgkb-space-12) var(--sgkb-space-3) calc(var(--sgkb-space-4) + 24px);font-size:var(--sgkb-text-base);border:1px solid var(--sgkb-border-default);border-radius:var(--sgkb-radius-lg);background:var(--sgkb-bg-primary);transition:all var(--sgkb-transition-base);}
.sgkb-search-input:focus{outline:none;border-color:var(--sgkb-primary);box-shadow:0 0 0 3px rgba(114, 41, 221, 0.1);}
.sgkb-search-button{position:absolute;right:var(--sgkb-space-2);padding:var(--sgkb-space-2) var(--sgkb-space-4);background:var(--sgkb-primary);color:var(--sgkb-text-inverse);border:none;border-radius:var(--sgkb-radius-md);font-size:var(--sgkb-text-sm);font-weight:var(--sgkb-font-medium);cursor:pointer;transition:all var(--sgkb-transition-base);}
.sgkb-search-button:hover{background:var(--sgkb-primary-dark);}
.sgkb-category-search-modern{margin:0;padding:0;max-width:480px;}
.sgkb-category-search-modern .sgkb-search-wrapper{position:relative;border-radius:var(--sgkb-radius-lg);box-shadow:none;}
.sgkb-category-main{padding:var(--sgkb-space-12) 0;}
.sgkb-category-layout{display:grid;grid-template-columns:280px 1fr;gap:var(--sgkb-space-12);align-items:start;}
.sgkb-category-layout.sgkb-no-sidebar{grid-template-columns:1fr;margin:0 auto;}
.sgkb-category-sidebar{position:sticky;top:var(--sgkb-space-8);}
.sgkb-sidebar-section{background:var(--sgkb-bg-primary);border:1px solid var(--sgkb-border-light);border-radius:var(--sgkb-radius-xl);padding:var(--sgkb-space-6);margin-bottom:var(--sgkb-space-6);}
.sgkb-sidebar-title{font-size:var(--sgkb-text-base);font-weight:var(--sgkb-font-semibold);color:var(--sgkb-text-primary);margin:0 0 var(--sgkb-space-4) 0;}
.sgkb-subcategory-list{list-style:none;margin:0;padding:0;}
.sgkb-subcategory-item{margin-bottom:var(--sgkb-space-2);}
.sgkb-subcategory-link{display:flex;align-items:center;gap:var(--sgkb-space-3);padding:var(--sgkb-space-2) var(--sgkb-space-3);text-decoration:none;color:var(--sgkb-text-secondary);border-radius:var(--sgkb-radius-md);transition:all var(--sgkb-transition-base);}
.sgkb-subcategory-link:hover{background:var(--sgkb-bg-secondary);color:var(--sgkb-text-primary);}
.sgkb-subcategory-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0;}
.sgkb-subcategory-name{flex:1;font-size:var(--sgkb-text-sm);}
.sgkb-subcategory-count{font-size:var(--sgkb-text-xs);color:var(--sgkb-text-tertiary);background:var(--sgkb-bg-secondary);padding:2px 8px;border-radius:var(--sgkb-radius-sm);}
.sgkb-related-list{list-style:none;margin:0;padding:0;}
.sgkb-related-item{margin-bottom:var(--sgkb-space-2);}
.sgkb-related-link{display:flex;align-items:center;gap:var(--sgkb-space-3);padding:var(--sgkb-space-2) var(--sgkb-space-3);text-decoration:none;color:var(--sgkb-text-secondary);font-size:var(--sgkb-text-sm);border-radius:var(--sgkb-radius-md);transition:all var(--sgkb-transition-base);}
.sgkb-related-link:hover{background:var(--sgkb-bg-secondary);color:var(--sgkb-primary);}
.sgkb-related-link .sgkb-nav-indicator{width:6px;height:6px;border-radius:50%;flex-shrink:0;}
.sgkb-related-link .sgkb-nav-text{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sgkb-related-link .sgkb-nav-count{margin-left:auto;padding:2px 8px;background:var(--sgkb-bg-tertiary);color:var(--sgkb-text-tertiary);font-size:var(--sgkb-text-xs);font-weight:var(--sgkb-font-medium);border-radius:var(--sgkb-radius-full);}
.sgkb-category-content{min-width:0;}
.sgkb-articles-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sgkb-space-6);padding-bottom:var(--sgkb-space-4);border-bottom:1px solid var(--sgkb-border-light);}
.sgkb-articles-title{font-size:var(--sgkb-text-2xl);font-weight:var(--sgkb-font-semibold);color:var(--sgkb-text-primary);margin:0;}
.sgkb-articles-count{font-size:var(--sgkb-text-sm);color:var(--sgkb-text-secondary);}
.sgkb-articles-list{display:flex;flex-direction:column;gap:var(--sgkb-space-4);}
.sgkb-article-card{background:var(--sgkb-bg-primary);border:1px solid var(--sgkb-border-light);border-radius:var(--sgkb-radius-xl);padding:var(--sgkb-space-6);transition:all var(--sgkb-transition-base);}
.sgkb-article-card:hover{border-color:var(--sgkb-primary-light);box-shadow:var(--sgkb-shadow-md);transform:translateY(-2px);}
.sgkb-article-header{margin-bottom:var(--sgkb-space-3);}
.sgkb-article-title{font-size:var(--sgkb-text-xl);font-weight:var(--sgkb-font-semibold);margin:0 0 var(--sgkb-space-2) 0;}
.sgkb-article-link{color:var(--sgkb-text-primary);text-decoration:none;transition:color var(--sgkb-transition-base);}
.sgkb-article-link:hover{color:var(--sgkb-primary);}
.sgkb-article-meta{display:flex;align-items:center;gap:var(--sgkb-space-2);font-size:var(--sgkb-text-sm);color:var(--sgkb-text-tertiary);}
.sgkb-meta-separator{color:var(--sgkb-text-tertiary);}
.sgkb-article-excerpt{color:var(--sgkb-text-secondary);line-height:1.6;margin-bottom:var(--sgkb-space-4);}
.sgkb-article-excerpt p{margin:0;}
.sgkb-article-footer{display:flex;justify-content:flex-start;}
.sgkb-article-read-more{display:inline-flex;align-items:center;gap:var(--sgkb-space-2);color:var(--sgkb-primary);text-decoration:none;font-size:var(--sgkb-text-sm);font-weight:var(--sgkb-font-medium);transition:all var(--sgkb-transition-base);}
.sgkb-article-read-more:hover{gap:var(--sgkb-space-3);color:var(--sgkb-primary);}
.sgkb-article-read-more svg{transition:transform var(--sgkb-transition-base);}
.sgkb-article-read-more:hover svg{transform:translateX(4px);}
.sgkb-no-articles{text-align:center;padding:var(--sgkb-space-16) var(--sgkb-space-8);}
.sgkb-no-articles-icon{color:var(--sgkb-text-tertiary);margin-bottom:var(--sgkb-space-6);}
.sgkb-no-articles-title{font-size:var(--sgkb-text-2xl);font-weight:var(--sgkb-font-semibold);color:var(--sgkb-text-primary);margin:0 0 var(--sgkb-space-3) 0;}
.sgkb-no-articles-text{font-size:var(--sgkb-text-lg);color:var(--sgkb-text-secondary);margin:0 0 var(--sgkb-space-8) 0;}
.sgkb-pagination{margin-top:var(--sgkb-space-12);display:flex;justify-content:center;}
.sgkb-pagination-list{display:flex;align-items:center;gap:var(--sgkb-space-2);list-style:none;margin:0;padding:0;}
.sgkb-pagination-item a, .sgkb-pagination-item span{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 var(--sgkb-space-3);border:1px solid var(--sgkb-border-default);border-radius:var(--sgkb-radius-md);text-decoration:none;color:var(--sgkb-text-secondary);font-size:var(--sgkb-text-sm);font-weight:var(--sgkb-font-medium);transition:all var(--sgkb-transition-base);}
.sgkb-pagination-item a:hover{border-color:var(--sgkb-primary);color:var(--sgkb-primary);background:var(--sgkb-bg-secondary);}
.sgkb-pagination-item .current{background:var(--sgkb-primary);border-color:var(--sgkb-primary);color:var(--sgkb-text-inverse);}
.sgkb-pagination-item .dots{border:none;cursor:default;}
@media(max-width:1024px){
.sgkb-category-layout{grid-template-columns:1fr;gap:var(--sgkb-space-8);}
.sgkb-category-sidebar{position:static;display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:var(--sgkb-space-4);}
.sgkb-sidebar-section{margin-bottom:0;}
}
@media(max-width:768px){
.sgkb-category-title {
font-size: clamp(1.5rem, 4vw, 2rem);
}
.sgkb-articles-header {
flex-direction: column;
align-items: flex-start;
gap: var(--sgkb-space-2);
}
.sgkb-category-sidebar {
grid-template-columns: 1fr;
}
.sgkb-article-card {
padding: var(--sgkb-space-4);
}
}.sgkb-search-modern{position:relative;z-index:9999;isolation:isolate;}
.sgkb-search-wrapper{position:relative;z-index:10000;}
.sgkb-search-results-modern{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#ffffff !important;border:1px solid #e5e7eb !important;border-radius:12px;box-shadow:0 20px 40px rgba(0, 0, 0, 0.2) !important;z-index:999999 !important;display:none;animation:sgkb-slideDown 0.2s ease-out;text-align:left !important;}
.sgkb-search-results-modern.sgkb-active{display:block !important;}
.sgkb-search-results-modern *{color:#111827 !important;opacity:1 !important;visibility:visible !important;}
@keyframes sgkb-slideDown {
from{opacity:0;transform:translateY(-10px);}
to{opacity:1;transform:translateY(0);}
} .sgkb-search-results-dropdown{display:flex !important;flex-direction:column !important;background:#ffffff !important;color:#111827 !important;text-align:left !important;}
.sgkb-search-results-header{padding:12px 16px;border-bottom:1px solid #e5e7eb;background:#f9fafb;}
.sgkb-search-results-count{font-size:0.875rem;color:#6b7280;font-weight:500;}
.sgkb-search-results-list{background:#ffffff !important;padding:8px !important;margin:0 !important;overflow-x:hidden !important;overflow-y:auto !important;}
.sgkb-search-results-list::-webkit-scrollbar{width:8px;}
.sgkb-search-results-list::-webkit-scrollbar-track{background:var(--sgkb-bg-secondary);border-radius:var(--sgkb-radius-full);}
.sgkb-search-results-list::-webkit-scrollbar-thumb{background:var(--sgkb-border-default);border-radius:var(--sgkb-radius-full);}
.sgkb-search-results-list::-webkit-scrollbar-thumb:hover{background:var(--sgkb-text-tertiary);}
.sgkb-hero-search-results{background:#ffffff !important;border-radius:12px !important;box-shadow:0 10px 40px rgba(0, 0, 0, 0.1) !important;overflow:hidden !important;margin-top:8px !important;text-align:left !important;}
.sgkb-hero-search-results-inner{padding:0 !important;overflow:visible !important;}
.sgkb-hero-search-header{padding:12px 16px !important;border-bottom:1px solid #f3f4f6 !important;background:#fafafa !important;position:sticky !important;top:0 !important;z-index:10 !important;text-align:left !important;}
.sgkb-hero-search-count{font-size:12px !important;font-weight:500 !important;color:#6b7280 !important;text-transform:uppercase !important;letter-spacing:0.5px !important;}
.sgkb-hero-search-results-inner::-webkit-scrollbar{width:6px !important;}
.sgkb-hero-search-results-inner::-webkit-scrollbar-track{background:#f3f4f6 !important;border-radius:3px !important;}
.sgkb-hero-search-results-inner::-webkit-scrollbar-thumb{background:#d1d5db !important;border-radius:3px !important;}
.sgkb-hero-search-results-inner::-webkit-scrollbar-thumb:hover{background:#9ca3af !important;}
.sgkb-hero-search-articles{padding:8px !important;max-height:400px !important;overflow-x:hidden !important;overflow-y:auto !important;}
.sgkb-hero-search-article{border:none !important;margin-bottom:2px !important;padding:0 !important;}
.sgkb-hero-search-article:last-child{margin-bottom:0 !important;}
.sgkb-hero-search-article-link{display:block !important;text-decoration:none !important;color:inherit !important;padding:12px !important;border-radius:8px !important;transition:all 0.15s ease !important;}
.sgkb-hero-search-article-link:hover{background:#f9fafb !important;}
.sgkb-hero-search-article-inner{display:block !important;}
.sgkb-hero-search-article-body{width:100% !important;}
.sgkb-hero-search-article-category{display:inline-block !important;margin-bottom:4px !important;}
.sgkb-hero-search-article-category-title{font-size:11px !important;font-weight:500 !important;color:#6b7280 !important;text-transform:uppercase !important;letter-spacing:0.5px !important;background:#f3f4f6 !important;padding:2px 6px !important;border-radius:4px !important;display:inline-block !important;}
.sgkb-hero-search-article-title{font-size:14px !important;font-weight:600 !important;color:#111827 !important;line-height:1.3 !important;margin:0 0 4px 0 !important;display:block !important;}
.sgkb-hero-search-article-excerpt{font-size:12px !important;color:#6b7280 !important;line-height:1.4 !important;margin:0 !important;display:-webkit-box !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical !important;overflow:hidden !important;text-overflow:ellipsis !important;max-height:2.8em !important;}
.sgkb-hero-search-empty{padding:32px 16px !important;text-align:center !important;color:#6b7280 !important;font-size:14px !important;}
.sgkb-search-result-item{display:flex !important;align-items:flex-start !important;gap:12px !important;padding:10px 16px !important;text-decoration:none !important;color:#111827 !important;border-bottom:1px solid #f3f4f6 !important;transition:all 0.2s ease;background:transparent !important;}
.sgkb-search-result-item:last-child{border-bottom:none !important;}
.sgkb-search-result-item:hover{background:#f9fafb !important;text-decoration:none !important;}
.sgkb-search-result-item:focus{outline:none !important;background:#f9fafb !important;box-shadow:inset 3px 0 0 #7229dd !important;}
.sgkb-search-result-icon{flex-shrink:0 !important;width:32px !important;height:32px !important;display:flex !important;align-items:center !important;justify-content:center !important;background:#f3f4f6 !important;border-radius:8px !important;color:#6b7280 !important;margin-top:2px !important;}
.sgkb-search-result-icon svg{width:18px !important;height:18px !important;}
.sgkb-search-result-item:hover .sgkb-search-result-icon{background:#ede9fe !important;color:#7229dd !important;}
.sgkb-search-result-content{flex:1 !important;min-width:0 !important;display:flex !important;flex-direction:column !important;gap:2px !important;padding-top:2px !important;}
.sgkb-search-result-title{font-size:14px !important;font-weight:600 !important;color:#111827 !important;line-height:1.4 !important;margin:0 !important;padding:0 !important;}
.sgkb-search-result-excerpt{font-size:12px !important;color:#6b7280 !important;line-height:1.4 !important;margin:2px 0 0 0 !important;display:-webkit-box !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical !important;overflow:hidden !important;text-overflow:ellipsis !important;max-height:2.8em !important;}
.sgkb-search-result-meta{display:flex !important;align-items:center !important;gap:8px !important;font-size:12px !important;margin-top:2px !important;}
.sgkb-search-result-category{color:#6b7280 !important;background:#f3f4f6 !important;padding:2px 6px !important;border-radius:4px !important;font-size:11px !important;display:inline-block !important;}
.sgkb-search-results-footer{padding:12px 16px;border-top:1px solid #e5e7eb;background:#f9fafb;}
.sgkb-search-view-all{display:inline-flex;align-items:center;gap:8px;color:#7229dd;text-decoration:none;font-size:0.875rem;font-weight:500;transition:all 0.2s ease;}
.sgkb-search-view-all:hover{gap:var(--sgkb-space-3);color:var(--sgkb-primary-dark);}
.sgkb-search-view-all svg{transition:transform var(--sgkb-transition-base);}
.sgkb-search-view-all:hover svg{transform:translateX(4px);}
.sgkb-search-no-results{padding:48px 32px;text-align:center;}
.sgkb-search-no-results-icon{color:#9ca3af;margin-bottom:16px;}
.sgkb-search-no-results-text{font-size:1rem;color:#1f2937;margin:0 0 8px 0;}
.sgkb-search-no-results-text strong{color:#7229dd;}
.sgkb-search-no-results-hint{font-size:0.875rem;color:#6b7280;margin:0;}
.sgkb-search-error{padding:var(--sgkb-space-4);text-align:center;color:var(--sgkb-text-error, #ef4444);}
.sgkb-search-error p{margin:0;font-size:var(--sgkb-text-sm);}
.sgkb-spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--sgkb-border-light);border-top-color:var(--sgkb-primary);border-radius:50%;animation:sgkb-spin 0.6s linear infinite;}
.sgkb-spinner-sm{width:16px;height:16px;}
@keyframes sgkb-spin {
to{transform:rotate(360deg);}
} .sgkb-search-suggestions{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--sgkb-bg-primary);border:1px solid var(--sgkb-border-default);border-radius:var(--sgkb-radius-lg);box-shadow:var(--sgkb-shadow-lg);z-index:999;animation:sgkb-slideDown 0.2s ease-out;}
.sgkb-search-suggestions-header{padding:var(--sgkb-space-3) var(--sgkb-space-4);border-bottom:1px solid var(--sgkb-border-light);}
.sgkb-search-suggestions-title{font-size:var(--sgkb-text-sm);color:var(--sgkb-text-secondary);font-weight:var(--sgkb-font-medium);text-transform:uppercase;letter-spacing:0.05em;}
.sgkb-search-suggestions-list{padding:var(--sgkb-space-2) 0;}
.sgkb-search-suggestion-item{display:flex;align-items:center;gap:var(--sgkb-space-2);padding:var(--sgkb-space-2) var(--sgkb-space-4);color:var(--sgkb-text-secondary);text-decoration:none;font-size:var(--sgkb-text-sm);transition:all var(--sgkb-transition-base);}
.sgkb-search-suggestion-item:hover{background:var(--sgkb-bg-secondary);color:var(--sgkb-text-primary);}
.sgkb-search-suggestion-item svg{flex-shrink:0;color:var(--sgkb-text-tertiary);}
@media(max-width:768px){
.sgkb-search-results-modern{max-height:70vh;}
.sgkb-search-results-list{max-height:calc(70vh - 120px);}
} [data-sgkb-theme="dark"] .sgkb-search-results-modern{background:#1f2937;border-color:#374151;}
[data-sgkb-theme="dark"] .sgkb-search-result-item:hover{background:#111827;}
[data-sgkb-theme="dark"] .sgkb-search-result-icon{background:#111827;}
[data-sgkb-theme="dark"] .sgkb-search-result-category{background:#111827;}
[data-sgkb-theme="dark"] .sgkb-search-results-header,
[data-sgkb-theme="dark"] .sgkb-search-results-footer{background:#111827;}
.sgkb-sidebar, .sgkb-content-with-sidebar{position:relative !important;z-index:1 !important;}
.sgkb-hero-modern{position:relative !important;z-index:9 !important;}
.sgkb-search-modern{position:relative !important;z-index:9 !important;}
.sgkb-search-results-modern.sgkb-active{z-index:999999 !important;position:absolute !important;}
.sgkb-search-loading{padding:20px;text-align:center;color:#6b7280;font-size:14px;}
.sgkb-search-error{padding:20px;text-align:center;color:#ef4444;font-size:14px;}
.sgkb-search-loading::after{content:'';display:inline-block;width:16px;height:16px;margin-left:8px;border:2px solid #e5e7eb;border-top-color:var(--sgkb-primary, #7229dd);border-radius:50%;animation:sgkb-spin 0.8s linear infinite;}
@keyframes sgkb-spin {
to {
transform: rotate(360deg);
}
}