/* Shelterluv Help Center stylesheet -- BUILD OUTPUT, DO NOT EDIT HERE.
   Source of truth: Desktop/Shelterluv Help Center/Style.css (fully commented).
   Rebuild with: node build-style.js
   Editing this field directly will be overwritten by the next build, and the
   source will stop describing what is live. */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,700;1,9..40,400&display=swap'); :root { --body-font-family: 'DM Sans', Arial, system-ui, sans-serif; --headlines-font-family: 'DM Sans', Arial, system-ui, sans-serif; --primaryColor: #5A9D9D; --neutral-100: #f5f5f5; --neutral-200: #e5e5e5; --neutral-400: #a3a3a3; --neutral-500: #737373; --neutral-600: #525252; --neutral-700: #404040; --neutral-800: #262626; --neutral-900: #171717; --neutral-base: #ffffff; --blue-50: #eff6ff; --blue-100: #dbeafe; --slate-400: #94a3b8; --slate-500: #64748b; --sl-color-primary: #5A9D9D; --sl-color-primary-inverse: #FFFFFF; --sl-font-heading: 'DM Sans', Arial, system-ui, sans-serif; --sl-font-text: 'DM Sans', Arial, system-ui, sans-serif; --sl-spacer: 1rem; }
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: var(--body-font-family); color: var(--neutral-900); background: var(--neutral-base); -webkit-font-smoothing: antialiased; }
a { text-decoration: none; color: inherit; }
.kb-page-layout { display: flex; flex-direction: column; min-height: 100vh; }
.kb-content-wrapper { display: flex; width: 100%; flex: 1; justify-content: center; padding: 24px; background: var(--neutral-base); margin-top: 4px; }
.kb-collection-content-wrapper { display: flex; width: 100%; flex: 1; justify-content: center; padding: 0 24px 24px 24px; background: var(--neutral-base); }
.kb-collection-content-wrapper #kb-search-results { margin-top: 24px; }
.kb-content { width: 100%; max-width: 1000px; margin: 0 auto; flex: 1; }
.kb-banner { position: relative; z-index: 1; height: 220px; min-height: 220px;   transition: height 200ms ease-in-out, min-height 200ms ease-in-out; }
.kb-banner[data-kb-state="searching"] { height: 128px; min-height: 128px; }
.kb-banner-bg { position: absolute; inset: 0; overflow: clip; z-index: -1; }
.kb-banner-content { display: flex; flex-direction: column; align-items: center; padding: 40px 24px 0 24px; margin-bottom: 0 !important; }
.kb-banner-title { display: flex; max-width: 100%; overflow: hidden; text-align: center; font-weight: 700; font-size: 36px; height: 54px; margin-top: 24px; margin-bottom: 16px; opacity: 1;   transition: opacity 500ms ease-in-out, height 200ms ease-in-out, margin 200ms ease-in-out; font-family: var(--headlines-font-family); }
.kb-banner-title-text { line-height: 1.5; }
.kb-banner[data-kb-state="searching"] .kb-banner-title { height: 0; margin: 0; opacity: 0; }
.kb-banner-title span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kb-banner--dark-text { color: var(--neutral-900); }
.kb-banner--light-text { color: var(--neutral-base); }
.kb-banner[data-kb-state="searching"].kb-banner--light-text { color: var(--neutral-900); }
.kb-banner[data-kb-state="searching"].kb-banner--light-text .kb-auth-button { border-color: var(--neutral-200); color: var(--neutral-900); }
.kb-search-container { position: relative; max-width: 100%; width: 512px;   }
.kb-banner[data-kb-state="searching"] .kb-search-container { width: 1000px; }
.kb-search-icon { pointer-events: none; position: absolute; top: 0; bottom: 0; left: 0; display: flex; align-items: center; padding-left: 12px; color: var(--neutral-500); }
.KnowledgeBaseSearchInput { font-size: 14px; height: 44px; width: 100%; padding-left: 38px; padding-right: 12px; border-radius: 8px; border: 1px solid transparent; outline: 1px solid rgba(0, 0, 0, 0.1); background: var(--neutral-base); font-family: var(--body-font-family); color: var(--neutral-900); }
.KnowledgeBaseSearchInput:hover { box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.08); }
.KnowledgeBaseSearchInput:focus { box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.08); border: 1px solid transparent; outline-offset: 0px; outline: 1px solid var(--primaryColor); }
.KnowledgeBaseSearchInput::placeholder { color: var(--neutral-500); }
#kb-search-results { display: none; }
.kb-banner[data-kb-state="searching"] ~ .kb-content-wrapper #kb-search-results { display: block; }
.kb-banner[data-kb-state="searching"] ~ .kb-content-wrapper .kb-homepage-content { display: none; }
.kb-skip-link { position: absolute; top: -40px; left: 8px; z-index: 1000; padding: 10px 16px; background: #1a1a1a; color: #fff; font-size: 14px; font-weight: 500; border-radius: 4px; transition: top 0.15s ease-in-out; }
.kb-skip-link:focus { top: 8px; outline: 2px solid #fff; outline-offset: 2px; }
.kb-header { position: relative; display: flex; width: 100%; justify-content: center; padding: 4px; }
.kb-header-inner { display: flex; max-width: 1000px; flex: 1; align-items: center; justify-content: space-between; gap: 32px; margin: 0 auto; }
.kb-header-logo { display: flex; align-items: center; flex-shrink: 0; }
.kb-header-logo img { height: 32px; flex-shrink: 0; }
.kb-header-link { font-size: 14px; font-weight: 500; transition: opacity 0.2s; }
.kb-header-link:hover { opacity: 0.7; }
.kb-header-hamburger { display: none; align-items: center; justify-content: center; padding: 4px; border: none; background: none; appearance: none; -webkit-appearance: none; cursor: pointer; color: inherit; flex-shrink: 0; }
.kb-header-mobile-nav { display: none; flex-direction: column; position: absolute; top: calc(100% - 4px); left: 24px; right: 24px; background: var(--neutral-base); border: 1px solid var(--neutral-200); border-radius: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); padding: 4px 0; z-index: 50; }
@media (min-width: 641px) { .kb-header--menu-open .kb-header-mobile-nav { display: none; }
}
.kb-header-mobile-link { font-size: 14px; font-weight: 500; padding: 8px 16px; color: var(--neutral-900); border-radius: 4px; margin: 0 4px; transition: background-color 0.15s; }
.kb-header-mobile-link:hover { background-color: var(--neutral-100); }
.kb-header--dark-text .kb-header-link { color: var(--neutral-900); }
.kb-header--light-text .kb-header-link { color: var(--neutral-base); }
.kb-auth-wrapper { position: relative; }
.kb-auth-button { display: flex; align-items: center; gap: 6px; padding: 4px 10px 4px 12px; border: 1px solid rgba(23, 23, 23, 0.2); border-radius: 4px; background: transparent; font-family: inherit; font-size: 14px; line-height: 20px; font-weight: 500; color: var(--neutral-900); cursor: pointer; transition: all 0.15s; }
.kb-auth-button:hover { background: rgba(229, 229, 229, 0.1); }
.kb-banner--light-text .kb-auth-button { border-color: rgba(255, 255, 255, 0.2); color: var(--neutral-base); }
.kb-auth-logout { gap: 8px; padding: 4px 12px 4px 10px; }
.kb-auth-avatar { width: 18px; height: 18px; border-radius: 50%; object-fit: cover; }
.kb-auth-chevron { flex-shrink: 0; }
.kb-auth-dropdown { position: absolute; top: calc(100% + 4px); right: 0; white-space: nowrap; padding: 4px 0; background: var(--neutral-base); border-radius: 4px; box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12); z-index: 100; }
.kb-auth-dropdown-item { display: block; width: 100%; padding: 8px 16px; border: none; background: transparent; font-family: inherit; font-size: 14px; color: var(--neutral-900); text-align: left; cursor: pointer; }
.kb-auth-dropdown-item:hover { background: var(--neutral-100); }
#kb-locale:empty { display: none; }
.kb-locale-wrapper { position: relative; }
.kb-locale-button { display: flex; align-items: center; gap: 6px; padding: 0; border: none; background: transparent; font-family: inherit; font-size: 14px; font-weight: 500; color: inherit; cursor: pointer; transition: opacity 0.2s; }
.kb-locale-button:hover { opacity: 0.7; }
.kb-locale-globe { flex-shrink: 0; }
.kb-locale-chevron { flex-shrink: 0; }
.kb-locale-dropdown { position: absolute; top: calc(100% + 4px); right: 0; white-space: nowrap; padding: 4px 0; max-height: 240px; overflow-y: auto; background: var(--neutral-base); border-radius: 4px; box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12); z-index: 100; }
.kb-locale-dropdown-item { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; padding: 8px 16px; border: none; background: transparent; font-family: inherit; font-size: 14px; color: var(--neutral-900); text-align: left; cursor: pointer; }
.kb-locale-dropdown-item:hover { background: var(--neutral-100); }
.kb-locale-dropdown-item--active { font-weight: 500; }
.kb-collections-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; }
.kb-collection-card { display: flex; flex-direction: column; border-radius: 8px; border: 1px solid var(--neutral-200); padding: 16px; transition: box-shadow 0.2s; cursor: pointer; text-decoration: none; color: inherit; }
.kb-collection-card:hover { box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.08); }
.kb-collection-card-icon { margin-bottom: 8px; flex-shrink: 0; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #eff6f6; color: #2a6e6b; }
.kb-collection-card-icon svg { width: 20px; height: 20px; }
.kb-collection-card-icon .kb-collection-custom-icon { width: 24px; height: 24px; object-fit: contain; }
.kb-collection-card-body { display: flex; flex: 1; flex-direction: column; gap: 6px; overflow: hidden; }
.kb-collection-card-title { font-family: var(--headlines-font-family); font-weight: 500; color: var(--neutral-900); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1.5; }
.kb-collection-card-description { font-size: 14px; color: var(--neutral-800); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 44px; line-height: calc(1.25 / 0.875); }
.kb-collection-card-count { margin-top: 8px; font-size: 12px; color: var(--neutral-500); line-height: calc(1 / 0.75); }
.kb-popular-articles { display: flex; flex-direction: column; gap: 16px; }
.kb-popular-articles-title { font-family: var(--headlines-font-family); font-size: 18px; font-weight: 700; color: var(--neutral-900); }
.kb-article-card { display: flex; align-items: center; border-radius: 8px; border: 1px solid var(--neutral-200); padding: 16px; transition: box-shadow 0.2s; cursor: pointer; text-decoration: none; color: inherit; }
.kb-article-card-icon { flex-shrink: 0; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 12px; background: #fdf1d0; color: #8a680b; }
.kb-article-card-icon svg { width: 16px; height: 16px; }
.kb-article-card-title { flex: 1; color: var(--neutral-900); }
.kb-article-card::after { content: ""; width: 18px; height: 18px; flex-shrink: 0; background-color: #8a680b; -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='9 6 15 12 9 18'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='9 6 15 12 9 18'/%3E%3C/svg%3E"); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; }
.kb-footer-divider { height: 1px; width: 100%; flex-shrink: 0; background: var(--neutral-200); margin-top: 40px; }
.kb-footer-content { display: flex; width: 100%; justify-content: center; padding: 24px 24px 48px; margin-top: 8px; }
@media (max-width: 640px) { .kb-footer-content { padding-bottom: 60px; }
}
.kb-footer-inner { display: flex; max-width: 1000px; flex: 1; flex-direction: column; gap: 32px; margin: 0 auto; }
.kb-footer-links-group { display: flex; flex-wrap: wrap; gap: 32px; font-size: 14px; }
.kb-footer-section-links { display: flex; flex: 1; flex-direction: column; flex-wrap: wrap; gap: 16px; }
.kb-footer-section-link { color: var(--neutral-600); transition: color 0.2s; line-height: calc(1.25 / 0.875); }
.kb-footer-social-link:hover { color: var(--neutral-700); }
.kb-footer-bottom { display: flex; width: 100%; align-items: center; justify-content: space-between; }
.kb-footer-logo { display: flex; align-items: center; gap: 12px; flex-shrink: 0; }
.kb-footer-logo img { height: 32px; flex-shrink: 0; border-radius: 4px; }
.kb-powered-by { display: flex; align-items: center; gap: 4px; font-size: 12px; color: var(--neutral-500); transition: color 0.2s; }
.kb-powered-by:hover { color: var(--slate-500); }
.kb-powered-by img { height: 14px; width: auto; }
.kb-powered-by span { display: flex; align-items: center; gap: 2px; font-weight: 500; }
.kb-search-input-wrapper { position: relative; }
.kb-search-results-list { display: flex; flex-direction: column; gap: 24px; }
.kb-search-result-skeleton { height: 100px; width: 100%; background: var(--neutral-100); border-radius: 8px; animation: kb-pulse 2s ease-in-out infinite; }
@keyframes kb-pulse { 0%, 100% { opacity: 1; }
50% { opacity: 0.5; }
}
.kb-search-result-item { display: flex; flex-direction: column; cursor: pointer; text-decoration: none; color: inherit; margin-inline: 8px; padding-bottom: 16px; border-bottom: 1px solid var(--neutral-200); }
.kb-search-result-item:hover .kb-search-result-title { color: var(--neutral-900); }
.kb-search-result-breadcrumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font-size: 0.75rem; margin-bottom: 4px; line-height: calc(1 / 0.75); }
.kb-search-result-breadcrumbs svg { width: 16px; height: 16px; flex-shrink: 0; color: var(--neutral-500); }
.kb-search-result-breadcrumb-segment { display: flex; align-items: center; gap: 4px; }
.kb-search-result-breadcrumb-segment svg { width: 14px; height: 14px; }
.kb-search-result-breadcrumb-link { color: var(--neutral-900); text-decoration: none; }
.kb-search-result-badge { border-radius: 2px; background-color: var(--neutral-200, #e5e5e5); padding: 2px 8px; font-size: 0.75rem; font-weight: 500; color: var(--neutral-800, #262626); line-height: calc(1 / 0.75); }
.kb-search-result-breadcrumb-link:hover { text-decoration: underline; }
.kb-search-result-title { font-size: 18px; font-weight: 500; color: var(--neutral-800); transition: color 0.2s ease-in-out; line-height: 1.5; }
.kb-search-result-highlight { line-height: 1.5; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.kb-search-result-highlight em, .kb-search-result-highlight mark, .kb-search-result-highlight .highlight-result { font-style: normal; font-weight: 400; background-color: var(--blue-100); }
.kb-search-result-breadcrumb-favicon { width: 14px; height: 14px; flex-shrink: 0; border-radius: 2px; }
.kb-search-no-results { padding: 24px 0; text-align: center; color: var(--neutral-500); }
.kb-ask-ai { position: relative; display: flex; flex-direction: column; gap: 8px; margin-inline: 8px; padding-bottom: 16px; border-bottom: 1px solid var(--neutral-200); }
.kb-ask-ai-header { display: flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 500; color: var(--neutral-600); }
.kb-ask-ai-header svg { width: 14px; height: 14px; flex-shrink: 0; }
.kb-ask-ai-body { overflow: hidden; transition: max-height 0.2s ease-in-out; }
.kb-ask-ai-body--clamped { max-height: 124px; -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); mask-image: linear-gradient(to bottom, black 60%, transparent 100%); }
.kb-ask-ai-title { font-weight: 700; font-size: 16px; color: var(--neutral-900); line-height: 1.5; margin-bottom: 4px; }
.kb-ask-ai-response { line-height: 1.5; white-space: pre-line; }
.kb-sources-chip-wrapper { display: inline-flex; margin-top: -2px; align-items: center; justify-content: center; height: 20px; padding-inline: 2px; }
.kb-sources-chip { display: inline-flex; align-items: center; justify-content: center; min-width: 18px; height: 18px; padding: 0 4px; border-radius: 4px; font-size: 12px; line-height: 1; cursor: pointer; background: var(--neutral-100); color: var(--neutral-600); transition: background-color 0.1s ease-in-out; }
.kb-sources-chip:hover { background: var(--neutral-200); }
.kb-sources-popover { position: absolute; left: 0; top: 100%; z-index: 50; min-width: 400px; max-width: 535px; background: var(--neutral-0, #fff); border: 1px solid var(--neutral-200); border-radius: 6px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12); padding: 6px; display: flex; flex-direction: column; gap: 0; }
.kb-sources-popover-row { display: flex; align-items: center; gap: 8px; padding: 6px 4px; border-radius: 4px; text-decoration: none; color: inherit; cursor: pointer; transition: background-color 0.1s ease-in-out; }
.kb-sources-popover-row:hover { background: var(--neutral-100); }
.kb-sources-popover-index { flex-shrink: 0; width: 16px; text-align: center; font-size: 13px; color: var(--neutral-500); }
.kb-sources-popover-title { flex: 1; min-width: 0; font-size: 13px; color: var(--neutral-900); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kb-sources-popover-meta { flex-shrink: 0; display: flex; align-items: center; gap: 6px; font-size: 13px; color: var(--neutral-500); }
.kb-sources-popover-domain { white-space: nowrap; }
.kb-sources-popover-icon { width: 16px; height: 16px; flex-shrink: 0; }
.kb-sources-popover-icon svg { width: 16px; height: 16px; }
.kb-sources-popover-favicon { width: 16px; height: 16px; flex-shrink: 0; border-radius: 2px; object-fit: contain; }
.kb-ask-ai-feedback { display: flex; align-items: center; gap: 4px; margin-top: 4px; }
.kb-ask-ai-feedback-btn { display: flex; align-items: center; justify-content: center; padding: 4px; border: none; outline: none; background: transparent; appearance: none; -webkit-appearance: none; cursor: pointer; border-radius: 4px; color: var(--neutral-500); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out; }
.kb-ask-ai-feedback-btn:hover { color: var(--neutral-600); background-color: var(--neutral-100); }
.kb-ask-ai-feedback-btn svg { width: 14px; height: 14px; }
.kb-ask-ai-feedback-result { display: flex; align-items: center; justify-content: center; color: var(--neutral-900); }
.kb-ask-ai-feedback-result svg { width: 14px; height: 14px; }
.kb-ask-ai-toggle { font-size: 14px; font-weight: 500; color: var(--primaryColor); background: none; border: none; cursor: pointer; padding: 0; text-align: left; }
.kb-ask-ai-toggle:hover { text-decoration: underline; }
.kb-search-results-wrapper { display: flex; flex-direction: column; gap: 16px; }
@media (min-width: 640px) { .kb-search-results-wrapper { flex-direction: row; gap: 16px; }
.kb-search-results-wrapper > .kb-search-results-list { flex: 1; min-width: 0; }
}
.kb-search-filter { width: 240px; flex-shrink: 0; display: flex; flex-direction: column; gap: 8px; }
.kb-search-filter-heading { font-size: 12px; font-weight: 500; color: var(--neutral-600); }
.kb-search-filter-section-title { font-size: 14px; font-weight: 700; color: var(--neutral-900); font-family: var(--headlines-font-family); }
.kb-search-filter-checkboxes { display: flex; flex-direction: column; gap: 8px; margin-bottom: 12px; }
.kb-filter-checkbox-label { --unchecked-border-color: var(--neutral-400); --unchecked-hover-color: var(--neutral-100); --checked-color: oklch( from var(--checkboxColor, var(--primaryColor)) min(l, 0.5) max(c, 0.1) h ); display: inline-flex; align-items: center; gap: 0.5rem; cursor: pointer; font-size: 14px; color: var(--neutral-900); }
.kb-filter-checkbox-input { position: absolute; opacity: 0; width: 0; height: 0; }
.kb-filter-checkbox-custom { width: 1rem; height: 1rem; flex-shrink: 0; border: 1px solid var(--unchecked-border-color); border-radius: 2px; display: flex; align-items: center; justify-content: center; color: white; background-color: transparent; transition: background-color 0.1s ease-in, border-color 0.1s ease-in; }
.kb-filter-checkbox-custom svg { width: 1rem; height: 1rem; opacity: 0; transition: opacity 0.1s ease-in-out; }
.kb-filter-checkbox-input:checked + .kb-filter-checkbox-custom { background-color: var(--checked-color); border-color: var(--checked-color); }
.kb-filter-checkbox-input:checked + .kb-filter-checkbox-custom svg { opacity: 1; }
.kb-filter-checkbox-label:hover .kb-filter-checkbox-input:not(:checked) + .kb-filter-checkbox-custom { background-color: var(--unchecked-hover-color); }
.kb-filter-checkbox-label:hover .kb-filter-checkbox-input:checked + .kb-filter-checkbox-custom { background-color: color-mix(in oklch, var(--checked-color), black 15%); border-color: color-mix(in oklch, var(--checked-color), black 15%); }
.kb-filter-checkbox-content { display: flex; align-items: center; gap: 6px; min-width: 0; }
.kb-filter-checkbox-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kb-filter-icon { flex-shrink: 0; width: 20px; height: 20px; color: var(--neutral-500); }
.kb-filter-icon svg { width: 20px; height: 20px; }
.kb-filter-favicon { width: 20px; height: 20px; flex-shrink: 0; border-radius: 2px; }
.kb-breadcrumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 12px; line-height: calc(1 / 0.75); }
.kb-breadcrumb-link { color: var(--neutral-900); text-decoration: none; }
.kb-breadcrumb-link:hover { text-decoration: underline; }
.kb-breadcrumb-separator { color: var(--neutral-500); font-size: 14px; }
.kb-article-badges-row { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.kb-article-badges { display: flex; align-items: center; gap: 6px; }
.kb-article-badge { border-radius: 2px; background-color: var(--neutral-200, #e5e5e5); padding: 2px 8px; font-size: 0.75rem; font-weight: 500; color: var(--neutral-800, #262626); line-height: calc(1 / 0.75); }
.kb-collection-page-content { display: flex; flex-direction: column; margin-top: 24px; }
.kb-collection-page-header { display: flex; align-items: center; gap: 8px; margin-top: 16px; }
.kb-collection-page-icon { flex-shrink: 0; width: 48px; height: 48px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #eff6f6; color: #2a6e6b; }
.kb-collection-page-icon .kb-collection-custom-icon { width: 28px; height: 28px; object-fit: contain; }
.kb-collection-page-title { font-family: var(--headlines-font-family); font-size: 24px; font-weight: 700; color: var(--neutral-900); line-height: 1.5; }
.kb-collection-page-description { margin-top: 16px; color: var(--neutral-700); line-height: 1.5; }
.kb-collection-page-items { display: flex; flex-direction: column; gap: 32px; margin-top: 24px; }
.kb-collection-group { display: flex; flex-direction: column; gap: 16px; }
.kb-collection-group-title { font-family: var(--headlines-font-family); font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: var(--neutral-500); }
.kb-article-content-wrapper { display: flex; width: 100%; flex: 1; justify-content: center; padding: 0 24px 24px 24px; background: var(--neutral-base); }
.kb-article-content-wrapper #kb-search-results { margin-top: 24px; }
.kb-article-page-content { display: flex; flex-direction: column; margin-top: 24px; }
.kb-article-layout { display: flex; gap: 44px; position: relative; }
.kb-article-main { width: 100%; min-width: 0; max-width: 640px; margin: 0 auto; }
.kb-article-header { margin-top: 16px; }
.kb-article-title { font-family: var(--headlines-font-family); font-size: 24px; font-weight: 700; color: var(--neutral-900); line-height: 1.4; word-break: break-word; }
.kb-article-meta { display: flex; align-items: center; gap: 4px; margin-top: 8px; font-size: 12px; color: var(--neutral-500); }
.kb-article-edit-link { display: inline-flex; align-items: center; gap: 8px; margin-left: 4px; }
.kb-article-edit-link > svg { width: 4px; height: 4px; flex-shrink: 0; }
.kb-article-edit-link a svg { width: 14px; height: 14px; flex-shrink: 0; }
.kb-article-edit-link a { font-weight: 500; color: var(--neutral-600); text-decoration: none; display: inline-flex; align-items: center; gap: 4px; cursor: pointer; }
.kb-article-edit-link a:hover { text-decoration: underline; }
.kb-article-body { margin-top: 24px; line-height: 1.6; font-size: 16px; color: var(--neutral-900); word-break: break-word; }
.kb-article-body h1, .kb-article-body h2, .kb-article-body h3 { font-family: var(--headlines-font-family); font-weight: 700; color: var(--neutral-900); cursor: pointer; }
.kb-article-body h1 { font-size: 20px; line-height: 28px; margin-top: 2rem; margin-bottom: 1rem; }
.kb-article-body h2 { font-size: 18px; line-height: 25px; margin-top: 1.75rem; margin-bottom: 1rem; }
.kb-article-body h3 { font-size: 16px; line-height: 22px; margin-top: 1.5rem; margin-bottom: 0.75rem; font-weight: 500; }
.kb-article-body p { margin: 0.4rem 0; line-height: 24px; }
.kb-article-body a { color: var(--text-link-color, var(--primaryColor)); text-decoration: underline; }
.kb-article-body a:hover { opacity: 0.8; }
.kb-article-body ul, .kb-article-body ol { padding-left: 1.5rem; margin: 0.5rem 0; }
.kb-article-body li { margin: 0.25rem 0; line-height: 24px; }
.kb-article-body img { display: block; max-width: 100%; height: auto; border-radius: 8px; margin: 1rem 0; }
.kb-article-body img[data-width="25%"] { width: 25%; }
.kb-article-body img[data-width="50%"] { width: 50%; }
.kb-article-body img[data-width="75%"] { width: 75%; }
.kb-article-body img[data-width="100%"] { width: 100%; }
.kb-article-body img[data-align="center"] { margin-left: auto; margin-right: auto; }
.kb-article-body img[data-align="left"] { margin-left: 0; margin-right: auto; }
.kb-article-body img[data-align="right"] { margin-left: auto; margin-right: 0; }
.kb-article-body pre { background: var(--neutral-100); border-radius: 8px; padding: 16px; overflow-x: auto; margin: 1rem 0; font-size: 14px; line-height: 1.5; }
.kb-article-body code { background: var(--neutral-100); border-radius: 4px; padding: 2px 6px; font-size: 14px; }
.kb-article-body pre code { background: none; padding: 0; border-radius: 0; }
.kb-article-body blockquote { border-left: 3px solid var(--neutral-200); padding-left: 16px; margin: 1rem 0; color: var(--neutral-600); }
.kb-article-body table { width: 100%; border-collapse: collapse; margin: 1rem 0; font-size: 14px; }
.kb-article-body th, .kb-article-body td { border: 1px solid var(--neutral-200); padding: 8px 12px; text-align: left; }
.kb-article-body th { background: var(--neutral-100); font-weight: 700; }
.kb-article-body hr { border: none; border-top: 1px solid var(--neutral-200); margin: 1.5rem 0; }
.kb-article-body .ProseMirror { outline: none; }
.kb-article-body .ProseMirror > * { max-width: 640px; margin-block: 0.75rem; }
.kb-article-body .ProseMirror p { margin-block: 0.4rem; line-height: 24px; font-size: 16px; color: var(--neutral-900); }
.kb-article-body .ProseMirror p:first-child { margin-top: 0; }
.kb-article-body .ProseMirror h1 { font-size: 20px; font-weight: 700; line-height: 28px; margin-top: 2rem; margin-bottom: 1rem; color: var(--neutral-900); }
.kb-article-body .ProseMirror h2 { font-size: 18px; font-weight: 700; line-height: 25px; margin-top: 1.75rem; margin-bottom: 1rem; color: var(--neutral-900); }
.kb-article-body .ProseMirror h3 { font-size: 16px; font-weight: 500; line-height: 22px; margin-top: 1.5rem; margin-bottom: 0.75rem; color: var(--neutral-900); }
.kb-article-body .ProseMirror h1, .kb-article-body .ProseMirror h2, .kb-article-body .ProseMirror h3 { font-family: var(--headlines-font-family); cursor: pointer; position: relative; }
.kb-article-body .ProseMirror a { color: var(--text-link-color, var(--primaryColor)); cursor: pointer; text-decoration: none; }
.kb-article-body .ProseMirror a:hover { text-decoration: underline; }
.kb-article-body .ProseMirror img { display: block; height: auto; width: 100%; max-width: 100%; border-radius: 4px; }
.kb-article-body .node-imageBlock button:not(dialog *) { display: block; width: 100%; background: none; border: none; padding: 0; cursor: zoom-in; text-align: inherit; }
.kb-article-body dialog.dialog > section { width: fit-content; margin: auto; transform: translateY(calc(50vh - 50%)); }
.kb-article-body .kb-image-preview { position: relative; overflow: hidden; border-radius: 0.5rem; display: inline-block; }
.kb-article-body .kb-image-preview-close { position: absolute; top: 0.5rem; right: 0.5rem; z-index: 1; }
.kb-article-body .kb-image-preview-close button { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; padding: 0; background: rgba(255, 255, 255, 0.85); border: 1px solid var(--neutral-200); border-radius: 0.375rem; cursor: pointer; color: var(--neutral-700); line-height: 1; }
.kb-article-body .kb-image-preview-close button:hover { background: rgba(255, 255, 255, 1); }
.kb-article-body .kb-image-preview-close button div { display: flex; align-items: center; justify-content: center; }
.kb-article-body .kb-image-preview-close button svg { width: 18px; height: 18px; }
.kb-article-body .kb-image-preview-img { width: auto; max-height: 80vh; max-width: 100%; object-fit: contain; margin: 0; border-radius: 0; }
.kb-article-body .kb-image-wrapper[data-align="center"] { margin-left: auto; margin-right: auto; }
.kb-article-body .kb-image-wrapper[data-align="left"] { margin-left: 0; margin-right: auto; }
.kb-article-body .kb-image-wrapper[data-align="right"] { margin-left: auto; margin-right: 0; }
.kb-article-body .kb-image { display: block; width: 100%; margin: 0; overflow: hidden; border-radius: 4px; }
.kb-article-body .ProseMirror figure { margin: 1.5rem 0; }
.kb-article-body .ProseMirror figcaption { margin-top: 6px; font-size: 14px; color: var(--neutral-500); }
.kb-article-body .ProseMirror iframe, .kb-article-body .ProseMirror video, .kb-article-body .kb-video { margin-block: 1.5rem; width: 100%; border-radius: 4px; }
.kb-article-body .ProseMirror iframe, .kb-article-body iframe.kb-video { aspect-ratio: 16 / 9; background-color: black; }
.kb-article-body .ProseMirror ol { list-style-type: decimal; margin: 0.75rem 0 0.25rem 0; padding: 0 2rem; }
.kb-article-body .ProseMirror ul { list-style-type: disc; margin: 0.75rem 0 0.25rem 0; padding: 0 2rem; }
.kb-article-body .ProseMirror ul li, .kb-article-body .ProseMirror ol li { margin-top: 0; margin-bottom: 0.5rem; }
.kb-article-body .ProseMirror li ol { list-style-type: lower-alpha; }
.kb-article-body .ProseMirror li li ol { list-style-type: lower-roman; }
.kb-article-body .ProseMirror li ul { list-style-type: circle; }
.kb-article-body .ProseMirror li li ul { list-style-type: square; }
.kb-article-body .ProseMirror code { border-radius: 4px; border: 1px solid var(--neutral-200); font-size: 14px; background-color: var(--neutral-100); color: #dc2626; padding: 1px 3px; }
.kb-article-body .ProseMirror pre { overflow-x: auto; white-space: pre; border-radius: 4px; background-color: var(--neutral-100); border: 1px solid var(--neutral-200); font-size: 12px; line-height: 1.5; margin-block: 0.75rem; padding: 0.5rem; }
.kb-article-body .ProseMirror .with-tabs pre { border-top-left-radius: 0; border-top-right-radius: 0; border-top: 0; }
.kb-article-body .ProseMirror .with-line-numbers pre { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left: 0; }
.kb-article-body .ProseMirror pre code { border: none; background: inherit; padding: 0; font-size: 12px; color: inherit; box-shadow: none; }
.kb-article-body .ProseMirror > .react-renderer { margin: 2rem 0; }
.kb-article-body .ProseMirror > .react-renderer:first-child { margin-top: 0; }
.kb-article-body .ProseMirror > .react-renderer.node-codeBlockGroup { margin: 0.75rem 0; }
.kb-article-body .ProseMirror .code-block-group { position: relative; }
.kb-article-body .ProseMirror .code-block-group .hidden { display: none !important; }
.kb-article-body .ProseMirror .code-block-group pre[data-hidden="true"] { display: none !important; }
.kb-article-body .ProseMirror .code-block-group > div:first-of-type:has(button) { display: none; }
.kb-article-body .ProseMirror .code-block-group > div[class*="flex"][class*="rounded-t"] { display: flex; flex-wrap: wrap; align-items: center; overflow: hidden; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid var(--neutral-200); border-bottom: none; background-color: var(--neutral-200); }
.kb-article-body .ProseMirror .code-block-group > div[class*="flex"][class*="rounded-t"] button { padding: 6px 12px; font-size: 14px; color: var(--neutral-600); background: none; border: none; cursor: pointer; min-height: 36px; }
.kb-article-body .ProseMirror .code-block-group > div[class*="flex"][class*="rounded-t"] button:hover { background-color: #d1d5db; }
.kb-article-body .ProseMirror .code-block-group > div[class*="flex"][class*="rounded-t"] button[class*="bg-gray-50"] { background-color: var(--neutral-100); }
.kb-article-body .ProseMirror .code-block-group > div[class*="flex"][class*="rounded-t"] button[class*="bg-gray-50"]:hover { background-color: var(--neutral-100); }
.kb-article-body .ProseMirror .code-block-group > div[class*="grid"] { display: grid; }
.kb-article-body .ProseMirror .code-block-group > div[class*="grid-cols"] { grid-template-columns: min-content 1fr; }
.kb-article-body .ProseMirror .code-block-group pre:has(> code[aria-hidden]) { position: relative; width: min-content; white-space: pre-wrap !important; display: flex; overflow: hidden; margin-top: 0; margin-bottom: 0; border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; line-height: 1.5; }
.kb-article-body .ProseMirror .code-block-group:has(> div[class*="rounded-t"]) pre:has(> code[aria-hidden]) { border-top: 0; border-top-left-radius: 0; }
.kb-article-body .ProseMirror .code-block-group pre > code[aria-hidden] { visibility: hidden; }
.kb-article-body .ProseMirror .code-block-group pre > code[aria-hidden] + code { position: absolute; display: block; height: 100%; color: var(--neutral-500); line-height: inherit; }
.kb-article-body .ProseMirror .code-block-group > div[class*="grid"] > div[class*="relative"] { position: relative; min-width: 0; }
.kb-article-body .ProseMirror .code-block-group > div[class*="grid"] > div[class*="relative"] > div[class*="absolute"] { position: absolute; top: 50%; right: 8px; z-index: 10; transform: translateY(-50%); }
.nexus-tooltip__content { border-radius: 4px; padding: 6px 8px; font-size: 12px; font-family: var(--body-font-family); font-weight: normal; color: white; background: rgba(28, 29, 47); box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12); word-break: break-word; white-space: pre-wrap; max-width: 230px; }
.kb-article-body .ProseMirror .code-block-group .button { --tertiary-alt-color: var(--neutral-800); --tertiary-alt-icon-color: var(--neutral-500); --tertiary-alt-hover-bg: var(--neutral-200); --tertiary-alt-active-bg: rgba(0, 0, 0, 0.08); display: flex; align-items: center; justify-content: center; border-radius: 4px; border: 1px solid transparent; background: transparent; cursor: pointer; outline: none; color: var(--tertiary-alt-color); }
.kb-article-body .ProseMirror .code-block-group .button:focus-visible { outline: 3px solid var(--blue-650); outline-offset: 2px; }
.kb-article-body .ProseMirror .code-block-group .button:hover { background-color: var(--tertiary-alt-hover-bg); }
.kb-article-body .ProseMirror .code-block-group .button svg { width: 14px; height: 14px; color: var(--tertiary-alt-icon-color); }
.kb-article-body .ProseMirror .code-block-group .button.button--sm { height: 1.5rem; font-size: 12px; padding: 3px; }
.kb-article-body .ProseMirror .code-block-group .button.button--icon { min-width: auto; aspect-ratio: 1 / 1; }
.kb-article-body .hljs { color: #383a42; }
.kb-article-body .hljs-comment, .kb-article-body .hljs-quote { color: #a0a1a7; font-style: italic; }
.kb-article-body .hljs-doctag, .kb-article-body .hljs-keyword, .kb-article-body .hljs-formula { color: #a626a4; }
.kb-article-body .hljs-section, .kb-article-body .hljs-name, .kb-article-body .hljs-selector-tag, .kb-article-body .hljs-deletion, .kb-article-body .hljs-subst { color: #e45649; }
.kb-article-body .hljs-literal { color: #0184bb; }
.kb-article-body .hljs-string, .kb-article-body .hljs-regexp, .kb-article-body .hljs-addition, .kb-article-body .hljs-attribute, .kb-article-body .hljs-meta .hljs-string { color: #50a14f; }
.kb-article-body .hljs-attr, .kb-article-body .hljs-variable, .kb-article-body .hljs-template-variable, .kb-article-body .hljs-type, .kb-article-body .hljs-selector-class, .kb-article-body .hljs-selector-attr, .kb-article-body .hljs-selector-pseudo, .kb-article-body .hljs-number { color: #986801; }
.kb-article-body .hljs-symbol, .kb-article-body .hljs-bullet, .kb-article-body .hljs-link, .kb-article-body .hljs-meta, .kb-article-body .hljs-selector-id, .kb-article-body .hljs-title { color: #4078f2; }
.kb-article-body .hljs-built_in, .kb-article-body .hljs-title.class_, .kb-article-body .hljs-class .hljs-title { color: #c18401; }
.kb-article-body .hljs-emphasis { font-style: italic; }
.kb-article-body .hljs-strong { font-weight: bold; }
.kb-article-body .hljs-link { text-decoration: underline; }
.kb-article-body .hljs-punctuation { color: #383a42; }
.kb-article-body .ProseMirror > .react-renderer.node-fileBlock { margin: 0.5rem 0; }
.kb-article-body .ProseMirror .node-fileBlock a, .kb-article-body-placeholder div[data-type="file-block"] a { display: inline-flex; align-items: center; gap: 4px; max-width: 100%; color: var(--text-link-color, var(--primaryColor)); text-decoration: none; }
.kb-article-body .ProseMirror .node-fileBlock a:hover, .kb-article-body-placeholder div[data-type="file-block"] a:hover { text-decoration: underline; }
.kb-article-body .ProseMirror .node-fileBlock a::before, .kb-article-body-placeholder div[data-type="file-block"] a::before { content: ""; display: inline-block; width: 16px; height: 16px; flex-shrink: 0; background-color: currentColor; -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 22H4C3.44772 22 3 21.5523 3 21V3C3 2.44772 3.44772 2 4 2H20C20.5523 2 21 2.44772 21 3V21C21 21.5523 20.5523 22 20 22ZM19 20V4H5V20H19ZM7 6H11V10H7V6ZM7 12H17V14H7V12ZM7 16H17V18H7V16ZM13 7H17V9H13V7Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 22H4C3.44772 22 3 21.5523 3 21V3C3 2.44772 3.44772 2 4 2H20C20.5523 2 21 2.44772 21 3V21C21 21.5523 20.5523 22 20 22ZM19 20V4H5V20H19ZM7 6H11V10H7V6ZM7 12H17V14H7V12ZM7 16H17V18H7V16ZM13 7H17V9H13V7Z'/%3E%3C/svg%3E"); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; }
.kb-article-body-placeholder div[data-type="file-block"] { margin: 0.5rem 0; }
.kb-article-body .EditorCallout { display: flex; gap: 12px; border-radius: 8px; border: 1px solid var(--neutral-200); padding: 16px; background-color: var(--neutral-100); color: var(--neutral-700); }
.kb-article-body .EditorCallout[data-color="blue"] { border-color: rgb(39, 110, 241) !important; background-color: rgb(212, 226, 252) !important; color: #1a1a1a !important; }
.kb-article-body .EditorCallout[data-color="red"] { border-color: #fecaca; background-color: rgba(254, 226, 226, 0.7); color: #7f1d1d; }
.kb-article-body .EditorCallout[data-color="orange"] { border-color: #fed7aa; background-color: rgba(255, 237, 213, 0.7); color: #7c2d12; }
.kb-article-body .EditorCallout[data-color="yellow"] { background-color: #f8f9fa !important; border-color: #F7BB14 !important; border-left-width: 4px !important; border-top: none !important; border-right: none !important; border-bottom: none !important; border-radius: 0 6px 6px 0 !important; color: #1a1a1a !important; }
.kb-article-body .EditorCallout[data-color="green"] { border-color: rgb(70, 124, 124) !important; background-color: rgb(239, 246, 246) !important; color: #1a1a1a !important; }
.kb-article-body .EditorCallout[data-color="indigo"] { border-color: #c7d2fe; background-color: rgba(224, 231, 255, 0.7); color: #312e81; }
.kb-article-body .EditorCallout[data-color="purple"] { border-color: #e9d5ff; background-color: rgba(243, 232, 255, 0.7); color: #581c87; }
.kb-article-body .EditorCallout[data-color] .EditorCallout-content p, .kb-article-body .EditorCallout[data-color] .EditorCallout-content blockquote, .kb-article-body .EditorCallout[data-color] .EditorCallout-content li { color: inherit; }
.kb-article-body .EditorCallout-icon { flex-shrink: 0; margin-top: 3px; display: flex; align-items: flex-start; width: 18px; height: 18px; }
.kb-article-body .EditorCallout-icon svg { width: 18px; height: 18px; }
.kb-article-body .EditorCallout-content { min-width: 0; flex: 1; }
.kb-article-body-placeholder div[data-type="callout"] { border-radius: 8px; border: 1px solid var(--neutral-200); padding: 16px; background-color: var(--neutral-100); color: var(--neutral-700); }
.kb-article-body-placeholder div[data-type="callout"][data-color="blue"] { border-color: #bfdbfe; background-color: rgba(219, 234, 254, 0.7); color: #1e3a5f; }
.kb-article-body-placeholder div[data-type="callout"][data-color="red"] { border-color: #fecaca; background-color: rgba(254, 226, 226, 0.7); color: #7f1d1d; }
.kb-article-body-placeholder div[data-type="callout"][data-color="orange"] { border-color: #fed7aa; background-color: rgba(255, 237, 213, 0.7); color: #7c2d12; }
.kb-article-body-placeholder div[data-type="callout"][data-color="yellow"] { border-color: #fde68a; background-color: rgba(254, 249, 195, 0.3); color: #713f12; }
.kb-article-body-placeholder div[data-type="callout"][data-color="green"] { border-color: #bbf7d0; background-color: rgba(220, 252, 231, 0.5); color: #14532d; }
.kb-article-body-placeholder div[data-type="callout"][data-color="indigo"] { border-color: #c7d2fe; background-color: rgba(224, 231, 255, 0.7); color: #312e81; }
.kb-article-body-placeholder div[data-type="callout"][data-color="purple"] { border-color: #e9d5ff; background-color: rgba(243, 232, 255, 0.7); color: #581c87; }
.kb-article-body .ProseMirror div[data-type="internalBlock"] { padding: 1rem; padding-top: 3rem; border-radius: 4px; position: relative; background-color: var(--blue-50); }
.kb-article-body .ProseMirror div[data-type="internalBlock"]::before { content: "Internal Note"; position: absolute; top: 1rem; left: 1rem; font-size: 0.875rem; color: var(--neutral-600); }
.kb-article-body-placeholder div[data-type="internalBlock"] { padding: 1rem; padding-top: 3rem; border-radius: 4px; position: relative; background-color: var(--blue-50); }
.kb-article-body-placeholder div[data-type="internalBlock"]::before { content: "Internal Note"; position: absolute; top: 1rem; left: 1rem; font-size: 0.875rem; color: var(--neutral-600); }
.kb-article-body .ProseMirror blockquote[data-type="blockquote"] { border-left: 4px solid var(--neutral-200); padding: 8px 16px; margin-block: 0.75rem; }
.kb-article-body .ProseMirror [data-type="horizontalRule"] { margin: 0.5rem 0; padding: 0.5rem 0; }
.kb-article-body .ProseMirror [data-type="horizontalRule"] hr { border: none; border-top: 1px solid var(--neutral-200); }
.kb-article-body .ProseMirror .tableWrapper { margin-block: 2rem; overflow-x: auto; }
.kb-article-body .ProseMirror table { width: 100%; max-width: 640px; border-collapse: collapse; border-radius: 4px; word-break: break-word; }
.kb-article-body .ProseMirror table td, .kb-article-body .ProseMirror table th { min-width: 100px; padding: 8px; text-align: left; vertical-align: top; border: 1px solid var(--neutral-200); }
.kb-article-body .ProseMirror table td p, .kb-article-body .ProseMirror table th p { margin: 0; }
.kb-article-body .ProseMirror table th { font-weight: 700; }
.kb-article-body .ProseMirror span[data-type="emoji"] { font-family: "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
.kb-article-body .ProseMirror span[data-type="emoji"] > img { display: inline; width: 1em; vertical-align: text-top; }
.kb-article-body .ProseMirror a.relative-link > * { display: inline-flex; vertical-align: -0.15em; margin-right: 8px; }
.kb-article-body .ProseMirror a.relative-link svg { width: 1em; height: 1em; }
.kb-article-body .ProseMirror .node-accordion_list > [data-node-view-wrapper] { border: 1px solid var(--neutral-200); border-radius: 8px; overflow: hidden; }
.kb-article-body .ProseMirror .pylon-rte-accordion { display: grid; grid-template-columns: min-content 1fr; align-items: center; border-top: 1px solid var(--neutral-200); padding: 12px; }
.kb-article-body .ProseMirror .pylon-rte-accordion:first-child { border-top: none; }
.kb-article-body .ProseMirror .pylon-rte-accordion [data-type="accordion_details"] { display: none; grid-column: 2; }
.kb-article-body .ProseMirror .pylon-rte-accordion[data-open="true"] [data-type="accordion_details"] { display: block; }
.kb-article-body .ProseMirror .pylon-rte-accordion p { margin: 0; }
.kb-article-body .ProseMirror .pylon-rte-accordion .node-accordion_summary { display: contents; font-weight: 500; }
.kb-article-body .ProseMirror .pylon-rte-accordion .node-accordion_summary > div { display: contents; }
.kb-article-body .ProseMirror .pylon-rte-accordion .node-accordion_summary button { display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; margin-right: 4px; border-radius: 4px; border: none; background: none; cursor: pointer; flex-shrink: 0; }
.kb-article-body .ProseMirror .pylon-rte-accordion .node-accordion_summary button:hover { background-color: var(--neutral-100); }
.kb-article-body .ProseMirror .pylon-rte-accordion .node-accordion_summary button > div { transition: 0.2s ease transform; display: flex; align-items: center; justify-content: center; }
.kb-article-body .ProseMirror .pylon-rte-accordion .node-accordion_summary button svg { width: 16px; height: 16px; }
.kb-article-body .ProseMirror .pylon-rte-accordion[data-open="true"] .node-accordion_summary button > div { transform: rotate(90deg); }
.kb-article-body-placeholder div[data-type="accordion_list"] { border: 1px solid var(--neutral-200); border-radius: 8px; margin-block: 0.75rem; }
.kb-article-body-placeholder div[data-type="accordion"] { border-top: 1px solid var(--neutral-200); }
.kb-article-body-placeholder div[data-type="accordion"]:first-child { border-top: none; }
.kb-article-body-placeholder div[data-type="accordion_summary"] { padding: 12px 16px; font-weight: 500; }
.kb-article-body-placeholder div[data-type="accordion_details"] { display: none; }
.kb-article-body .ProseMirror .ProseMirror-separator { display: inline; }
.kb-article-sidebar { position: sticky; top: 40px; align-self: flex-start; width: 300px; max-height: calc(100vh - 80px); overflow-y: auto; flex-shrink: 0; display: flex; flex-direction: column; gap: 24px; margin-top: 24px; }
@media (max-width: 768px) { .kb-article-sidebar { display: none; }
}
.kb-article-sidebar:not(:has(.kb-toc-item, .kb-related-articles, .kb-related-issues, .sl-still-stuck-card)) { display: none; }
.kb-toc-item { display: block; padding: 6px 0; border-left: 2px solid var(--neutral-200); font-size: 14px; color: var(--neutral-500); text-decoration: none; cursor: pointer; transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out; line-height: 1.4; }
#kb-toc a:hover { color: #000000 !important; }
.kb-related-articles { display: flex; flex-direction: column; background-color: var(--neutral-100); border-radius: 8px; padding: 18px 24px; }
.kb-related-articles-title { font-family: var(--headlines-font-family); font-weight: 700; color: var(--neutral-900); line-height: 22px; }
.kb-related-article-link { display: block; margin-top: 10px; font-size: 14px; color: var(--neutral-600); text-decoration: none; line-height: 1.4; }
.kb-related-issues { background-color: var(--neutral-100); border-radius: 8px; padding: 16px 20px; }
.kb-related-issues-details { display: flex; flex-direction: column; }
.kb-related-issues-details summary { list-style: none; }
.kb-related-issues-details summary::-webkit-details-marker { display: none; }
.kb-related-issues-header { display: flex; align-items: center; justify-content: space-between; cursor: pointer; }
.kb-related-issues-title-row { display: flex; align-items: center; gap: 4px; }
.kb-related-issues-title { font-family: var(--headlines-font-family); font-weight: 500; color: var(--neutral-900); }
.kb-related-issues-chevron { flex-shrink: 0; color: var(--neutral-900); transition: transform 0.2s ease; transform: rotate(-90deg); }
.kb-related-issues-details[open] .kb-related-issues-chevron { transform: rotate(0deg); }
.kb-related-issues-badge { display: flex; align-items: center; gap: 4px; font-size: 12px; color: var(--neutral-500); white-space: nowrap; }
.kb-related-issues-badge svg { flex-shrink: 0; }
.kb-related-issues-list { display: flex; flex-direction: column; gap: 12px; padding: 12px 0; }
.kb-related-issue-card { display: flex; flex-direction: column; background: var(--neutral-base); border: 1px solid var(--neutral-200); border-radius: 8px; padding: 8px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); }
.kb-related-issue-card-header { display: flex; align-items: flex-start; gap: 12px; padding-bottom: 6px; }
.kb-related-issue-account-logo { width: 32px; height: 32px; border-radius: 6px; object-fit: cover; flex-shrink: 0; }
.kb-related-issue-card-header-text { display: flex; flex-direction: column; min-width: 0; }
.kb-related-issue-card-title-row { display: flex; align-items: center; gap: 4px; }
.kb-related-issue-account-name { font-size: 12px; font-weight: 700; color: var(--neutral-900); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kb-related-issue-ticket-number { font-size: 12px; color: var(--neutral-500); flex-shrink: 0; }
.kb-related-issue-requester { font-size: 12px; color: var(--neutral-600); }
.kb-related-issue-body { font-size: 12px; color: var(--neutral-600); overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; line-height: 1.4; }
.kb-related-issue-subject { font-weight: 500; }
.kb-related-issue-closed { font-size: 12px; color: var(--neutral-500); margin-top: auto; padding-top: 4px; }
.kb-related-issues-view-all { font-size: 14px; color: var(--neutral-900); text-decoration: none; padding: 4px 0; }
.kb-related-issues-view-all:hover { text-decoration: underline; }
.kb-feedback { display: flex; flex-direction: column; align-items: center; gap: 8px; margin-top: 32px; padding: 24px; background: var(--neutral-100); border-radius: 8px; }
.kb-feedback-title { font-size: 14px; color: var(--neutral-900); text-align: center; }
.kb-feedback-scores { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; }
.kb-feedback-score { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 8px; font-size: 28px; cursor: pointer; border: none; background: transparent; padding: 0; padding-top: 2px; }
.kb-feedback-score:hover, .kb-feedback-score.selected { background: var(--neutral-200); }
.kb-feedback-form { width: 100%; max-width: 400px; margin-top: 8px; }
.kb-feedback-label { font-size: 13px; color: var(--neutral-600); margin-bottom: 4px; }
.kb-feedback-textarea { width: 100%; padding: 8px 12px; border: 1px solid var(--neutral-200); border-radius: 6px; font-size: 14px; font-family: inherit; resize: vertical; min-height: 56px; outline: none; }
.kb-feedback-textarea:focus { border-color: var(--neutral-400); }
.kb-feedback-actions { display: flex; justify-content: flex-end; margin-top: 8px; }
.kb-feedback-submit { padding: 6px 16px; border-radius: 6px; border: none; font-size: 13px; font-weight: 500; color: white; background: var(--primaryColor); cursor: pointer; }
.kb-feedback-submit:hover { opacity: 0.9; }
.kb-feedback-submit:disabled { opacity: 0.6; cursor: not-allowed; }
.kb-feedback-thanks { font-size: 14px; color: var(--neutral-900); text-align: center; }
.kb-not-found-content-wrapper { display: flex; width: 100%; flex: 1; justify-content: center; padding: 0 24px 24px 24px; background: var(--neutral-base); }
.kb-not-found-content-wrapper #kb-search-results { margin-top: 24px; }
.kb-not-found-message { display: flex; flex-direction: column; align-items: center; text-align: center; margin-top: 64px; }
.kb-not-found-title { font-family: var(--headlines-font-family); font-size: 30px; font-weight: 700; color: var(--neutral-900); margin-bottom: 16px; }
.kb-not-found-description { font-size: 18px; color: var(--neutral-500); }
.kb-article-body-placeholder { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }
.kb-article-body-skeleton { display: flex; flex-direction: column; gap: 12px; padding-top: 4px; }
.kb-article-body:has(#kb-article-body:not(:empty)) .kb-article-body-skeleton { display: none; }
.kb-article-body:has(> .kb-article-body-placeholder:not(:empty)) > .kb-article-body-placeholder { position: static; display: block; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; }
.kb-article-body:has(> .kb-article-body-placeholder:not(:empty)) > .kb-article-body-skeleton { display: none; }
.kb-article-body:has(#kb-article-body:not(:empty)) > .kb-article-body-placeholder { position: absolute; display: block; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }
.kb-article-skeleton-line { height: 16px; width: 100%; background: var(--neutral-100); border-radius: 4px; animation: kb-pulse 2s ease-in-out infinite; }
.kb-article-skeleton-line--lg { height: 20px; width: 60%; }
.kb-article-skeleton-line--md { width: 80%; }
.kb-article-skeleton-line--sm { width: 45%; }
.kb-article-skeleton-gap { height: 8px; }
.kb-homepage-content { display: flex; flex-direction: column; gap: 56px; margin-top: 6px; }
.quote{ background-color: #F5F5F5; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 2px; border-left: 4px solid #F7BB14; border-radius: 7px; }
.card img{ width: 100%; height: auto; }
.highlight{ background: linear-gradient(180deg,rgba(255,255,255,0) 55%, #FCE4A1 50%); font-weight: 500; }
.radio{ color: orange; }
iframe.slvideo{ border: solid; border-width: 1px; border-color: #E6E6E6; -webkit-box-shadow: 0px 0px 34px -4px rgba(186,186,186,0.5); -moz-box-shadow: 0px 0px 34px -4px rgba(186,186,186,0.5); box-shadow: 0px 0px 34px -4px rgba(186,186,186,0.5); }
p.learn{ border: solid; border-radius: 7px; padding: 15px; border-width: 2px; border-color: #467C7C; background-color: #eff6f6; }
p.slnote{ border: solid; border-radius: 7px; padding: 15px; border-width: 2px; border-color: #276EF1; background-color: #d4e2fc; }
p.slwarning{ border: solid; border-radius: 7px; padding: 15px; border-width: 2px; border-color: #F7BB14; background-color: #fdf1d0; }
div.align-items-center-learn { align-items: flex-start; border: solid; border-radius: 7px; padding: 15px; border-width: 2px; border-color: #467C7C; background-color: #eff6f6; }
iframe.loom{ box-shadow: 0px 3px 17px -3px rgba(0,0,0,0.36); -webkit-box-shadow: 0px 3px 17px -3px rgba(0,0,0,0.36); -moz-box-shadow: 0px 3px 17px -3px rgba(0,0,0,0.36); }
div.align-items-center-note { align-items: flex-start; border: solid; border-radius: 7px; padding: 15px; border-width: 2px; border-color: #276EF1; background-color: #d4e2fc; }
div.align-items-center-warning { align-items: flex-start; border: solid; border-radius: 7px; padding: 15px; border-width: 2px; border-color: #F7BB14; background-color: #fdf1d0; }
hr.product{ box-sizing: content-box; height: 0; overflow: visible; border: 2px solid #F7BB14; width: 10%; }
.kb-article-body hr { box-sizing: content-box; height: 0; overflow: visible; border: 3px solid #5A9D9D; width: 10%; margin-left: 0; }
p.image { border: solid; border-width: 1.25px; border-color: #e6e6e6; border-radius: 10px; overflow: hidden; box-shadow: 0px 3px 13px 0px rgba(212, 212, 212, 0.74); transition: transform 0.4s ease-in-out; }
p.image:hover { transform: scale(1.015); }
p.faq{ font-weight: bold; font-size: 20px; color: #5A9D9D; padding-top: 30px; }
p.faq-top{ font-weight: bold; font-size: 20px; color: #5A9D9D; }
div.faq { border: solid; padding: 15px; border: 1px solid #E6E6E6; }
div.user { border: solid; border-radius: 7px; padding: 15px; border-width: 2px; border-color: black; }
div.video{ padding-top: 25px; padding-bottom: 10px; }
hr.white { box-sizing: content-box; height: 0; overflow: visible; border: 8px solid white; width: 10%; margin-left: 0; }
hr.grey { box-sizing: content-box; height: 0; overflow: visible; border: .5px solid #E6E6E6; width: 10%; margin-left: 0; }
hr.video { box-sizing: content-box; height: 0; overflow: visible; border: 2px solid #e6e6e6; width: 33%; margin: auto; }
.badge-peek { color: white; background-color: #7356BF; font-weight: bold; }
.badge { display: inline-block; font-size: 11px; font-weight: 700; color: white; border-radius: 12px; padding: 3px 10px; margin-right: 6px; text-transform: none;   line-height: 1.4; }
.release-row-link { display: block; width: 100%; max-width: none; padding: 0; margin: 0 auto; border-radius: 12px; text-decoration: none; color: inherit; transition: transform 0.3s ease, box-shadow 0.3s ease; box-sizing: border-box; }
.release-row-link, .release-row-link *, .release-row-link:hover, .release-row-link:hover * { text-decoration: none !important; }
.kb-article-body audio { margin-top: 8px; max-width: 100%; }
.kb-article-body .kb-image-wrapper[style*="width: 100%"] img[src$=".svg"], .kb-article-body .kb-image-wrapper[style*="width: 100%"] img[width] { width: auto !important; max-width: 100%; }
.kb-breadcrumb-link { color: var(--teal-650, #437676) !important; }
.kb-breadcrumb-separator { color: var(--g600, #666666) !important; }
.kb-breadcrumb-current { color: var(--g600, #666666) !important; }
.kb-toc-item:hover { color: #2d7a77 !important; border-left-color: #3a9a96 !important; }
.kb-toc-item.active {   color: #2d7a77 !important; border-left-color: #3a9a96 !important; }
.kb-search-icon svg { width: 20px !important; height: 20px !important; }
.kb-banner-content { margin-bottom: 0 !important; padding-bottom: 16px !important; }
.kb-banner-title { color: #1a1a1a !important; }
.kb-article-body .kb-image-wrapper:has(img[src^="data:"]) { display: inline-block !important; width: auto !important; max-width: 28px !important; vertical-align: middle !important; margin: 0 2px !important; }
.kb-article-body .kb-image-wrapper:has(img[src^="data:"]) img { width: 24px !important; height: 24px !important; max-width: 24px !important; }
.kb-article-body .node-imageBlock:has(img[src^="data:"]) { display: inline !important; vertical-align: middle !important; }
.kb-article-body .node-imageBlock:has(img[src^="data:"]) button { display: inline !important; vertical-align: middle !important; width: auto !important; }
.kb-article-body .react-renderer.node-imageBlock:has(img[src^="data:"]) { display: inline !important; vertical-align: middle !important; }
.kb-article-body .EditorCallout[data-color="gray"] { border: 2px solid #1a1a1a !important; background-color: #ffffff !important; color: #1a1a1a !important; }
.kb-article-body .ProseMirror ul { list-style: none !important; }
.kb-article-body .ProseMirror ul li { position: relative !important; list-style: none !important; }
.kb-article-body .ProseMirror ul li::before { content: '' !important; position: absolute !important; left: -1.85rem !important; top: 1px !important; width: 22px !important; height: 22px !important; background-color: #3D7A7A !important; border-radius: 50% !important; }
.kb-article-body .ProseMirror ul li::after { content: '' !important; position: absolute !important; left: -1.52rem !important; top: 4px !important; width: 5px !important; height: 10px !important; border: 2.5px solid white !important; border-top: none !important; border-left: none !important; transform: rotate(45deg) !important; }
.kb-article-body .ProseMirror ol { list-style: none !important; counter-reset: teal-counter !important; }
.kb-article-body .ProseMirror ol li { position: relative !important; list-style: none !important; counter-increment: teal-counter !important; padding-left: 0.5rem !important; }
.kb-article-body .ProseMirror ol li::before { content: counter(teal-counter) !important; position: absolute !important; left: -1.75rem !important; top: 1px !important; width: 22px !important; height: 22px !important; background-color: #3D7A7A !important; color: #ffffff !important; border-radius: 50% !important; font-size: 0.75rem !important; font-weight: 700 !important; display: flex !important; align-items: center !important; justify-content: center !important; line-height: 1 !important; }
.kb-article-body .ProseMirror ul li::before { content: '✓' !important; color: white !important; font-size: 13px !important; font-weight: 700 !important; display: flex !important; align-items: center !important; justify-content: center !important; line-height: 1 !important; }
.kb-article-body .ProseMirror ul li::after { display: none !important; }
.kb-article-body .EditorCallout[data-color="yellow"] { background-color: #f8f9fa !important; border-color: #F7BB14 !important; border-left-width: 4px !important; border-radius: 0 6px 6px 0 !important; color: #1a1a1a !important; }
.kb-article-body .EditorCallout[data-color="yellow"] .EditorCallout-content p { color: #1a1a1a !important; }
.kb-article-body, .kb-article-body .ProseMirror, .kb-article-body .ProseMirror p, .kb-article-body .ProseMirror h1, .kb-article-body .ProseMirror h2, .kb-article-body .ProseMirror h3, .kb-article-body .ProseMirror li { font-family: var(--body-font-family) !important; }
.kb-article-body .EditorCallout[data-color="yellow"] .EditorCallout-content p:first-child { color: #3D7A7A !important; font-weight: 500 !important; font-family: var(--body-font-family) !important; font-size: 16px !important; }
.kb-article-body .ProseMirror a { color: #000000 !important; font-weight: 700 !important; text-decoration: underline !important; text-decoration-color: var(--gold-300, #FAD672) !important; text-decoration-thickness: 3px !important; text-underline-offset: 6px !important; }
.kb-article-body .ProseMirror a:hover { color: #000000 !important; text-decoration-color: #3a9a96 !important; }
.kb-article-body .ProseMirror h1 { font-size: 28px !important; }
.kb-article-body .ProseMirror h2 { font-size: 24px !important; }
.kb-article-body .ProseMirror h2 + div[data-type="horizontalRule"] hr { border: 3px solid #3D7A7A !important; width: 10% !important; margin-left: 0 !important; }
.kb-article-body .ProseMirror div[data-type="horizontalRule"] hr { border: none !important; border-top: 1px solid #e0e0e0 !important; width: 33% !important; margin: 0 auto !important; }
.kb-toc-header { font-weight: 700 !important; font-size: 20px !important; color: #3D7A7A !important; margin-bottom: 8px !important; font-family: var(--headlines-font-family) !important; }
.kb-toc-item { font-weight: 700 !important; font-size: 16px !important;   color: var(--teal-650, #437676) !important; font-family: var(--body-font-family) !important; }
.kb-breadcrumbs { font-size: 15px !important; font-weight: 500 !important; font-family: var(--body-font-family) !important; }
.kb-article-body .ProseMirror ul, .kb-article-body .ProseMirror ol { margin-bottom: 0.25rem !important; }
.kb-article-body .ProseMirror .kb-image { border-radius: 10px !important; box-shadow: 0px 3px 13px 0px rgba(212, 212, 212, 0.74) !important; }
.kb-article-body .EditorCallout:not([data-color="yellow"]) .EditorCallout-content p, .kb-article-body .EditorCallout:not([data-color="yellow"]) .EditorCallout-content li, .kb-article-body .EditorCallout:not([data-color="yellow"]) .EditorCallout-content a { color: #1a1a1a !important; }
.kb-article-body .ProseMirror ul ol li::before { content: counter(teal-counter) !important; background-color: #3D7A7A !important; color: #ffffff !important; border-radius: 50% !important; position: absolute !important; left: -1.75rem !important; top: 1px !important; width: 22px !important; height: 22px !important; font-size: 0.75rem !important; font-weight: 700 !important; display: flex !important; align-items: center !important; justify-content: center !important; line-height: 1 !important; }
.kb-article-body .ProseMirror ul ol { counter-reset: teal-counter !important; list-style: none !important; }
.kb-article-title { font-family: var(--headlines-font-family) !important; }
.kb-banner-title { font-family: var(--headlines-font-family) !important; }
.kb-banner-bg-image { object-position: center 24% !important; }
@media (max-width: 640px) { .kb-banner-bg-image { object-position: center center !important; object-fit: contain !important; }
.kb-banner-title { font-size: 24px !important; height: auto !important; padding: 0 16px !important; text-align: center !important; word-break: break-word !important; }
.kb-header-logo img { height: 28px !important; max-width: 160px !important; object-fit: contain !important; }
.kb-banner { height: auto !important; min-height: 200px !important; }
.kb-search-container { width: 55% !important; }
.kb-banner-content { padding: 0 12px !important; }
}
@media (max-width: 640px) { .kb-auth-button { font-size: 12px !important; padding: 2px 8px !important; }
}
.kb-article-body .ProseMirror h3 { color: #307A7A !important; font-size: 1.1rem !important; font-weight: 700 !important; }
.sl-cst-section { margin: 0 auto 0; max-width: 800px; padding-bottom: 40px; }
.sl-cst-card { background-color: #F7BB14; border-radius: 8px; padding: 32px 28px; text-decoration: none !important; color: #1a1a1a !important; display: flex; flex-direction: column; gap: 16px; transition: background-color 0.2s ease, transform 0.2s ease; }
.sl-cst-card-header { display: flex; align-items: center; gap: 12px; }
.sl-cst-icon { font-size: 22px; line-height: 1; }
.sl-cst-icon:not(.sl-cst-icon--badge) { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: rgba(255, 255, 255, 0.4); color: #1a1a1a; flex-shrink: 0; }
.sl-cst-icon--badge { font-size: 12px; font-weight: 700; background: #1a1a1a; color: #F7BB14; border-radius: 50%; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.sl-cst-card-title { font-family: var(--headlines-font-family); font-size: 18px; font-weight: 700; color: #1a1a1a; }
.sl-cst-card-desc { font-family: var(--body-font-family); font-size: 15px; color: #1a1a1a; line-height: 1.6; }
.kb-footer-wave { display: block; width: 100%; height: 170px; }
.kb-footer-content { background-color: #3D7A7A; padding: 20px 48px 40px; margin-top: -1px; }
.kb-footer-social-link { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; background-color: #1a1a1a; border-radius: 4px; color: #fff !important; text-decoration: none !important; font-size: 11px; font-weight: 700; }
.kb-footer-legal-row { display: flex; align-items: center; flex-wrap: wrap; gap: 24px; }
.kb-footer-legal-row a { font-family: var(--body-font-family); font-size: 13px; color: #fff !important; text-decoration: none !important; }
.kb-footer-legal-row a:hover { text-decoration: underline !important; }
.kb-footer-legal-social { display: flex; align-items: center; gap: 16px; margin-left: auto; }
.kb-footer-legal-social a { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; background-color: #1a1a1a; border-radius: 4px; color: #fff; }
.kb-footer-legal-social svg { width: 16px; height: 16px; }
.sl-still-stuck-card { background: var(--neutral-base); border-radius: 8px; border-top: 3px solid #F7BB14; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); padding: 20px; }
.sl-still-stuck-header { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
.sl-still-stuck-icon { flex-shrink: 0; width: 32px; height: 32px; border-radius: 50%; background: #eff6f6; color: #2a6e6b; display: flex; align-items: center; justify-content: center; }
.sl-still-stuck-title { font-family: var(--headlines-font-family); font-size: 15px; font-weight: 700; color: var(--neutral-900); }
.sl-still-stuck-desc { font-size: 14px; color: var(--neutral-700); line-height: 1.55; margin-bottom: 14px; }
.sl-still-stuck-btn { display: inline-flex; align-items: center; justify-content: center; width: 100%; padding: 10px 16px; border-radius: 6px; background: #2a6e6b; color: #fff !important; font-size: 14px; font-weight: 700; text-decoration: none !important; transition: opacity 0.15s ease; }
.sl-still-stuck-btn:hover { opacity: 0.88; }
:root {   --sl-hero-photo: url("https://5377515.fs1.hubspotusercontent-na1.net/hubfs/5377515/Pylon%20Help%20Center%20Hosted%20Images/shelterluv-help-hero.webp");     --sl-footer-logo: url("data:image/svg+xml,%3Csvg width='1162' height='95' viewBox='0 0 1162 95' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M65.94 69.08C65.94 72.5 65.2 75.74 63.72 78.82C62.24 81.89 60.17 84.61 57.51 86.96C54.85 89.32 51.7 91.2 48.06 92.6C44.41 94.01 40.39 94.71 35.98 94.71C32.03 94.71 28.48 94.48 25.33 94.03C22.18 93.57 19.22 92.85 16.45 91.86C13.67 90.87 11.02 89.6 8.47 88.05C5.93 86.49 3.29 84.61 0.56 82.41L13.09 69.76C16.73 72.8 20.3 74.95 23.79 76.2C27.29 77.45 31.08 78.08 35.18 78.08C36.85 78.08 38.43 77.83 39.91 77.34C41.39 76.84 42.68 76.18 43.78 75.34C44.88 74.51 45.76 73.52 46.4 72.38C47.05 71.24 47.37 69.99 47.37 68.62C47.37 67.18 47.11 65.89 46.57 64.75C46.04 63.61 45.09 62.51 43.73 61.45C42.36 60.38 40.46 59.3 38.03 58.2C35.6 57.1 32.49 55.87 28.69 54.5C25.35 53.28 22.14 51.9 19.07 50.34C15.99 48.79 13.29 46.91 10.98 44.7C8.66 42.5 6.8 39.92 5.4 36.96C3.99 34 3.29 30.5 3.29 26.48C3.29 22.61 4.07 19.04 5.63 15.77C7.18 12.51 9.31 9.72 12 7.4C14.7 5.08 17.85 3.28 21.46 1.99C25.07 0.7 28.96 0.05 33.13 0.05C40.12 0.05 46 0.96 50.79 2.79C55.57 4.61 59.83 7.27 63.55 10.76L51.24 23.18C48.97 20.97 46.42 19.28 43.61 18.11C40.8 16.93 37.5 16.34 33.7 16.34C31.96 16.34 30.34 16.61 28.86 17.14C27.38 17.67 26.11 18.37 25.05 19.25C23.98 20.12 23.13 21.14 22.48 22.32C21.84 23.5 21.52 24.73 21.52 26.02C21.52 27.47 21.82 28.78 22.43 29.95C23.03 31.13 24.06 32.27 25.5 33.37C26.94 34.47 28.86 35.57 31.25 36.67C33.65 37.77 36.63 38.97 40.2 40.26C44.75 41.86 48.66 43.6 51.93 45.5C55.19 47.4 57.85 49.49 59.9 51.77C61.95 54.04 63.47 56.61 64.46 59.45C65.44 62.3 65.94 65.51 65.94 69.08ZM193.66 93H176V52.68H140.12V93H122.47V1.99H140.12V38.1H176V1.99H193.66V93ZM314.89 93H254.75V1.99H314.89V16.57H272.06V38.33H314.32V52.56H272.06V77.62H314.89V93ZM434.18 93H372.56V1.99H390.55V75.91H434.18V93ZM536.16 17.71H510.99V93H493.1V17.71H467.93V1.99H536.16V17.71ZM651.69 93H591.55V1.99H651.69V16.57H608.86V38.33H651.12V52.56H608.86V77.62H651.69V93ZM777.93 93H758.45L751.96 72.27C751.28 69.99 750.42 67.9 749.4 66C748.37 64.11 747.14 62.47 745.7 61.11C744.25 59.74 742.53 58.68 740.51 57.92C738.5 57.16 736.13 56.78 733.39 56.78H726.79V93H709.36V1.99L745.36 1.87C749.23 1.87 752.83 2.54 756.18 3.87C759.52 5.2 762.4 7.04 764.83 9.39C767.26 11.75 769.16 14.52 770.53 17.71C771.89 20.9 772.58 24.35 772.58 28.07C772.58 30.73 772.16 33.31 771.33 35.82C770.49 38.33 769.31 40.64 767.79 42.77C766.27 44.89 764.47 46.77 762.38 48.41C760.29 50.04 758 51.27 755.49 52.11C758.38 53.17 760.73 54.71 762.55 56.72C764.38 58.73 765.82 61.14 766.88 63.95C767.41 65.24 767.91 66.54 768.36 67.83C768.82 69.12 769.29 70.47 769.79 71.87C770.28 73.28 770.81 74.79 771.38 76.43C771.95 78.06 772.58 79.86 773.26 81.84C774.1 84.34 774.88 86.49 775.6 88.27C776.32 90.06 777.1 91.63 777.93 93ZM754.81 29.33C754.81 27.2 754.41 25.26 753.61 23.52C752.82 21.77 751.73 20.25 750.37 18.96C749 17.67 747.39 16.66 745.52 15.94C743.66 15.22 741.67 14.86 739.54 14.86H726.79V43.22H739.54C741.67 43.22 743.66 42.9 745.52 42.25C747.39 41.61 749 40.68 750.37 39.46C751.73 38.25 752.82 36.79 753.61 35.08C754.41 33.37 754.81 31.45 754.81 29.33Z' fill='%23F2F2F2'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M894.38 93H832.75V1.99H850.75V75.91H894.38V93Z' fill='%23F7BB14'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1024.03 1.88V51.31C1024.03 57.39 1023.12 63.04 1021.3 68.28C1019.48 73.52 1016.84 78.1 1013.38 82.01C1009.93 85.92 1005.71 88.99 1000.74 91.23C995.77 93.47 990.09 94.59 983.71 94.59C977.48 94.59 971.87 93.49 966.85 91.29C961.84 89.09 957.57 86.07 954.04 82.24C950.51 78.4 947.79 73.88 945.89 68.68C944 63.48 943.05 57.88 943.05 51.88V1.88H960.7V51.99C960.7 55.49 961.2 58.77 962.18 61.85C963.17 64.92 964.61 67.6 966.51 69.88C968.41 72.16 970.78 73.96 973.63 75.29C976.48 76.62 979.72 77.28 983.37 77.28C987.24 77.28 990.6 76.65 993.45 75.4C996.3 74.15 998.65 72.4 1000.51 70.16C1002.37 67.92 1003.78 65.28 1004.73 62.25C1005.68 59.21 1006.15 55.87 1006.15 52.22V1.88H1024.03Z' fill='%23F7BB14'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1161.44 1.88L1126.92 93H1110.75L1075.44 1.88H1095.03L1118.72 65.89L1142.07 1.88H1161.44Z' fill='%23F7BB14'%3E%3C/path%3E%3C/svg%3E"); }
:root {   --teal-650:#437676; --teal-500:#5A9D9D; --teal-100:#DEECEC; --teal-50:#EFF6F6; --gold-500:#F7BB14; --gold-300:#FAD672; --gold-100:#FDF1D0; --gold-50:#FEF8E8; --gold-700:#94700C; --gold-650:#B2870E; --blue-650:#3D7CAB; --blue-100b:#DDEEFC; --blue-50b:#EEF7FD;   --g900:#1A1A1A; --g800:#333333; --g700:#4D4D4D; --g600:#666666; --g500:#808080; --g400:#999999; --g300:#B3B3B3; --g200:#CCCCCC; --g100:#E6E6E6; --g50:#F3F3F3;   --ds-shadow-card:0 6px 20px rgba(51,51,51,.08); --ds-shadow-sm:0 1px 2px rgba(51,51,51,.06); --ds-radius-md:12px; --ds-radius-lg:24px; --ds-ease:cubic-bezier(0.2,0,0,1); --dur-base:.2s;   --sl-header-h:96px;   --sl-hero-photo-left:calc(50% - 60px);   --sl-hero-stack-h:clamp(180px, 34vw, 340px);   --primaryColor:#437676;   --text-link-color:#33678F; --body-font-family:'DM Sans', Arial, system-ui, sans-serif; --headlines-font-family:'DM Sans', Arial, system-ui, sans-serif; --sl-font-heading:'DM Sans', Arial, system-ui, sans-serif; --sl-font-text:'DM Sans', Arial, system-ui, sans-serif; }
body { font-family:'DM Sans', Arial, system-ui, sans-serif; color:var(--g800); }
.kb-article-body, .kb-article-body .ProseMirror, .kb-article-body .ProseMirror p, .kb-article-body .ProseMirror h1, .kb-article-body .ProseMirror h2, .kb-article-body .ProseMirror h3, .kb-article-body .ProseMirror li, .kb-article-title, .kb-banner-title, .kb-toc-header, .kb-toc-item, .kb-breadcrumbs { font-family:'DM Sans', Arial, system-ui, sans-serif !important; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, [tabindex]:focus-visible, summary:focus-visible { outline:3px solid var(--blue-650); outline-offset:2px; border-radius:6px; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; scroll-behavior:auto !important; }
}
:root { --sl-preview-offset:0px; }
body:has(> div:first-child[style*="99999"]) .kb-page-layout, body:has(> div:first-child [style*="99999"]) .kb-page-layout { --sl-preview-offset:29px; }
.kb-header { display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; min-height:calc(var(--sl-header-h) + var(--sl-preview-offset)); padding:calc(18px + var(--sl-preview-offset)) 32px 18px !important; position:relative; z-index:5;   background:#FFFFFF; border-bottom:1px solid rgba(51,51,51,.08); }
.kb-header-inner { display:flex !important; align-items:center !important; justify-content:space-between !important; align-self:center !important; width:100% !important; max-width:1040px; gap:24px; min-height:0; }
.kb-header-logo { display:flex !important; align-items:center !important; align-self:center !important; flex:0 0 auto; height:auto !important; margin:0 !important; padding:0 !important; line-height:0 !important; min-width:0; overflow:visible; }
.kb-header-logo img { display:block !important; align-self:center !important; height:auto !important; width:auto !important; max-height:52px !important; max-width:320px !important; margin:0 !important; object-fit:contain; vertical-align:middle; }
.kb-header-logo img + img, .kb-header-logo .kb-logo-bright { display:none !important; }
.kb-header-nav { display:flex; align-items:center; align-self:center !important; justify-content:flex-end; flex:1 1 auto; flex-wrap:nowrap; gap:22px; height:100%; }
.kb-header-nav > * { display:flex; align-items:center; }
.kb-header-link { font-size:15px; white-space:nowrap; }
.kb-header .kb-header-link, .kb-banner--light-text .kb-header-link, .kb-banner--dark-text .kb-header-link, .kb-banner--home .kb-header-link { color:var(--g700) !important; }
.kb-header .kb-header-link:hover { color:var(--teal-650) !important; opacity:1; }
.kb-banner--light-text .kb-header-hamburger, .kb-banner--home .kb-header-hamburger { color:var(--g700) !important; }
#kb-auth { flex:0 0 auto; line-height:1; }
#kb-auth button, #kb-auth a { display:inline-flex; align-items:center; gap:6px; border:1px solid rgba(51,51,51,.25); border-radius:999px; padding:8px 16px; background:#fff; font-family:'DM Sans', Arial, system-ui, sans-serif; font-size:14px; font-weight:700; line-height:1; color:var(--g800); white-space:nowrap; }
#kb-locale, .kb-locale-wrapper { display:none !important; }
.kb-header-hamburger { display:none; padding:8px; border:none; background:none; cursor:pointer; color:var(--g800); }
.kb-header-mobile-nav { display:none; }
.kb-header--menu-open .kb-header-mobile-nav { display:flex; flex-direction:column; gap:2px; padding:8px 24px 18px; background:#fff; border-top:1px solid rgba(51,51,51,.08); }
.kb-header-mobile-link { display:flex; align-items:center; justify-content:space-between; padding:14px 0; border-bottom:1px solid var(--g100); font-size:16px; font-weight:500; color:var(--g700) !important; text-decoration:none !important; }
.kb-header-mobile-link:last-child { border-bottom:none; }
.kb-banner--home { display:flex; flex-direction:column; min-height:560px !important; background-color:#EEF7FD; }
.kb-banner--home .kb-header {   flex:0 0 auto; }
.kb-banner--home .kb-banner-bg, .kb-banner--home .kb-banner-scrim { top:0 !important; }
.kb-banner--home .kb-banner-bg-photo { position:absolute;   top:calc(var(--sl-header-h) + var(--sl-preview-offset)) !important; right:0; bottom:0; left:var(--sl-hero-photo-left); z-index:0; width:auto; height:auto; max-width:none; aspect-ratio:auto; background-image:var(--sl-hero-photo); background-size:cover;   background-position:center right; background-repeat:no-repeat;   -webkit-mask-image:none; mask-image:none; }
.kb-banner--home .kb-banner-bg-image { display:none; }
.kb-banner--home .kb-banner-scrim { display:block; position:absolute; inset:0; z-index:1; pointer-events:none; background:linear-gradient(90deg, #EEF7FD 0%, #EEF7FD calc(50% + 170px), rgba(238,247,253,.86) calc(50% + 250px), rgba(238,247,253,.50) calc(50% + 360px), rgba(238,247,253,.16) calc(50% + 450px), rgba(238,247,253,0) calc(50% + 510px)); }
.kb-banner--home .kb-banner-content { position:relative; z-index:2; flex:1 1 auto; align-items:flex-start; justify-content:center; text-align:left; width:100%; max-width:1040px; margin:0 auto !important; padding:24px 24px 32px !important; }
.kb-banner--home .kb-banner-inner { width:100%; max-width:600px; }
.kb-banner--home .kb-banner-title { display:block; height:auto !important; margin:0 0 14px !important; font-size:44px !important; font-weight:400 !important; line-height:1.12; letter-spacing:-.01em; color:var(--g900) !important; text-align:left; overflow:visible; }
.kb-banner--home .kb-banner-title-text { white-space:normal; overflow:visible; }
.kb-hero-sub { margin:0 0 24px; max-width:34em; font-size:19px; line-height:1.5; color:var(--g700); }
.kb-banner--home .kb-search-container { width:560px; max-width:100%; }
.kb-hero-chips { display:flex; align-items:center; flex-wrap:nowrap; gap:8px; margin-top:16px; max-width:100%; overflow:hidden; }
.kb-hero-chips-label { flex:0 0 auto; font-size:14px; font-weight:500; color:var(--g600); }
.kb-hero-chip { flex:0 1 auto; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:6px 14px; border-radius:999px; background:rgba(255,255,255,.78); border:1px solid rgba(51,51,51,.12); font-size:14px; font-weight:500; color:var(--g800) !important; text-decoration:none !important; transition:background-color var(--dur-base) var(--ds-ease); }
.kb-hero-chip:hover { background:#fff; }
@media (max-width:1024px) { .kb-banner--home { display:flex; flex-direction:column; height:auto !important; min-height:0 !important; background:#EEF7FD; }
.kb-banner--home .kb-header { order:1; }
.kb-banner--home .kb-banner-content { order:2; position:relative; z-index:2; padding:40px 24px 44px !important; }
.kb-banner--home .kb-banner-inner { max-width:none; }
.kb-banner--home .kb-search-container { width:100% !important; max-width:none !important; }
.kb-banner--home .kb-banner-bg { order:3; position:static !important; inset:auto !important; z-index:auto !important; width:100%; overflow:hidden; line-height:0; }
.kb-banner--home .kb-banner-scrim { display:none !important; }
.kb-banner--home .kb-banner-bg-photo { position:static !important; top:auto !important; right:auto !important; left:auto !important; bottom:auto !important; width:100% !important; max-width:none !important; height:var(--sl-hero-stack-h) !important; aspect-ratio:auto !important; background-position:center 42%; -webkit-mask-image:none !important; mask-image:none !important; }
}
.KnowledgeBaseSearchInput { height:56px !important; padding-left:46px !important; border-radius:999px !important; font-size:16px !important; box-shadow:var(--ds-shadow-card); outline:1px solid rgba(51,51,51,.08); }
.kb-search-icon { padding-left:18px; }
.kb-banner--slim { position:relative; overflow:hidden; height:auto !important; min-height:220px !important; background:#FFFFFF; }
.kb-banner--slim .kb-banner-bg-photo, .kb-banner--slim .kb-banner-scrim { display:none !important; }
.kb-banner-search-band { position:relative; z-index:1; display:flex; justify-content:center; padding:48px 24px; background:linear-gradient(167deg, var(--teal-50) 0%, #9DC7C7 100%); }
.kb-banner-search-band .kb-search-container { width:640px; max-width:100%; }
.kb-banner--slim .KnowledgeBaseSearchInput { height:50px !important; }
.kb-content-wrapper { padding:56px 24px 0 !important; }
.kb-homepage-content { display:flex; flex-direction:column; gap:64px; max-width:1000px; margin:0 auto; }
.hc-feature-cards, .hc-browse-section, .sl-cst-section { margin:0 !important; }
.hc-section-title { margin:0 0 4px !important; font-family:'DM Sans', sans-serif; font-size:26px; font-weight:700; color:var(--teal-650); }
.hc-section-sub { margin:0 0 22px !important; font-size:16px; color:var(--g600); }
.hc-feature-cards { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.hc-feature-card { display:flex; gap:16px; align-items:flex-start; padding:22px; border-radius:var(--ds-radius-md); text-decoration:none !important; transition:transform var(--dur-base) var(--ds-ease), box-shadow var(--dur-base) var(--ds-ease); }
.hc-feature-card:hover { transform:translateY(-2px); box-shadow:var(--ds-shadow-card); }
.hc-feature-card--blue { background:var(--blue-50b); border:1px solid rgba(61,124,171,.14); }
.hc-feature-card--gold { background:var(--gold-50); border:1px solid rgba(183,135,14,.18); }
.hc-feature-card--teal { background:var(--teal-50); border:1px solid rgba(67,118,118,.18); }
.hc-feature-card--wide { grid-column:1 / -1; }
.hc-feature-icon { flex:0 0 auto; width:44px; height:44px; display:flex; align-items:center; justify-content:center; border-radius:var(--ds-radius-md); }
.hc-feature-card--blue .hc-feature-icon { background:var(--blue-100b); color:var(--blue-650); }
.hc-feature-card--gold .hc-feature-icon { background:var(--gold-100); color:var(--gold-700); }
.hc-feature-card--teal .hc-feature-icon { background:var(--teal-100); color:var(--teal-650); }
.hc-feature-text { min-width:0; }
.hc-feature-title { display:flex; align-items:center; gap:8px; margin-bottom:4px; font-size:17px; font-weight:700; color:var(--g900); }
.hc-feature-desc { display:block; font-size:15px; line-height:1.45; color:var(--g600); }
.hc-badge-new { padding:3px 9px; border-radius:999px; background:var(--gold-500); color:var(--g800); font-size:11px; font-weight:700; letter-spacing:.03em; text-transform:uppercase; }
.hc-browse-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:18px; }
.hc-browse-card { display:flex; flex-direction:column; align-items:flex-start; padding:22px; border-radius:var(--ds-radius-md); background:#fff; border:1px solid rgba(51,51,51,.10); box-shadow:var(--ds-shadow-sm); text-decoration:none !important; transition:transform var(--dur-base) var(--ds-ease), box-shadow var(--dur-base) var(--ds-ease), border-color var(--dur-base) var(--ds-ease); }
.hc-browse-card:hover { transform:translateY(-2px); box-shadow:var(--ds-shadow-card); border-color:var(--teal-100); }
.hc-browse-icon { display:flex; align-items:center; justify-content:center; width:46px; height:46px; margin-bottom:14px; border-radius:50%; overflow:hidden; background:var(--teal-50); color:var(--teal-650); }
.hc-browse-icon svg { display:block; width:22px; height:22px; fill:currentColor; }
.hc-browse-title { display:block; margin-bottom:5px; font-size:17px; font-weight:700; color:var(--g900); }
.hc-browse-desc { display:block; margin-bottom:12px; font-size:14px; line-height:1.45; color:var(--g600); }
.hc-browse-count { font-size:13px; color:var(--g600); }
.sl-cst-section { max-width:1000px; padding-bottom:0; }
.sl-cst-cards { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:18px; align-items:stretch; }
.sl-cst-card { height:100%; gap:12px; padding:24px; background-color:var(--teal-50) !important; border:1px solid rgba(67,118,118,.16); color:var(--g800) !important; }
.sl-cst-card:hover { background-color:var(--teal-100) !important; transform:translateY(-2px); }
.sl-cst-card-header { min-height:40px; }
.sl-cst-icon:not(.sl-cst-icon--badge) { background:#fff; color:var(--teal-650); }
.sl-cst-icon--badge { background:var(--teal-650); color:#fff; }
.sl-cst-card-title { color:var(--g900); }
.sl-cst-card-desc { color:var(--g700); }
.kb-homepage-content .kb-collections-grid { display:none; }
.kb-collection-content-wrapper { padding:32px 24px 8px; }
.kb-collection-content-wrapper .kb-content { max-width:820px; }
.kb-collection-page-content { margin-top:0; gap:0; }
.kb-collection-page-header { align-items:center; gap:18px; margin-top:22px; }
.kb-collection-page-icon { display:flex; align-items:center; justify-content:center; flex:0 0 auto; width:60px; height:60px; border-radius:50%; background:var(--teal-50); color:var(--teal-650); }
.kb-collection-page-icon svg { width:28px; height:28px; fill:currentColor; }
.kb-collection-page-title { font-size:30px; }
.kb-collection-page-count { margin:6px 0 0; font-size:15px; color:var(--g600); }
.kb-collection-page-description { font-size:17px; color:var(--g700); }
.kb-collection-page-items { gap:32px; margin-top:32px; }
.kb-collection-group { display:block; }
.kb-collection-group + .kb-collection-group { margin-top:36px; }
.kb-collection-group-header { display:flex; align-items:center; gap:12px; margin-bottom:6px; }
.kb-collection-group-icon { display:flex; align-items:center; justify-content:center; flex:0 0 auto; width:34px; height:34px; border-radius:50%; background:var(--teal-50); color:var(--teal-650); }
.kb-collection-group-icon svg { width:18px; height:18px; fill:currentColor; }
.kb-collection-group-title { margin:0; font-size:20px; font-weight:700; color:var(--g900); text-transform:none; letter-spacing:normal; }
.kb-collection-group-title a { color:var(--g900) !important; text-decoration:none !important; }
.kb-collection-group-title a:hover { color:var(--teal-650) !important; }
.kb-collection-group-count { font-size:13px; color:var(--g600); white-space:nowrap; }
.kb-collection-group-desc { margin:0 0 14px; font-size:15px; line-height:1.5; color:var(--g600); }
.kb-articles-list { display:flex; flex-direction:column; gap:10px; }
.kb-article-card { gap:14px; padding:16px 18px; border-radius:var(--ds-radius-md); border-color:rgba(51,51,51,.10); transition:transform var(--dur-base) var(--ds-ease), box-shadow var(--dur-base) var(--ds-ease); }
.kb-article-card:hover { transform:translateY(-1px); box-shadow:var(--ds-shadow-card); }
.kb-article-card-icon { width:auto; height:auto; margin-right:0; border-radius:0; background:transparent; color:var(--teal-650); }
.kb-article-card-title { font-size:16px; font-weight:500; }
.kb-article-card::after { background-color:var(--g400); }
.hc-help-strip { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px; margin-top:36px; padding:22px 24px; border-radius:14px; background:var(--gold-50); border:1px solid rgba(183,135,14,.20); }
.hc-help-strip-title { font-size:17px; font-weight:700; color:var(--g900); }
.hc-help-strip-desc { margin-top:2px; font-size:15px; color:var(--g700); }
.hc-btn { display:inline-flex; align-items:center; justify-content:center; height:44px; padding:0 24px; border-radius:999px; font-size:15px; font-weight:700; text-decoration:none !important; transition:filter var(--dur-base) var(--ds-ease); }
.hc-btn--gold { background:var(--gold-500); color:var(--g800) !important; }
.hc-btn--gold:hover { filter:brightness(.93); }
.hc-btn--ghost { border:1px solid var(--teal-650); color:var(--teal-650) !important; }
.kb-article-content-wrapper { padding:32px 24px 8px; }
.kb-article-layout { gap:48px; }
.kb-article-main { max-width:680px; }
.kb-article-title { font-size:32px !important; color:var(--g900); }
.kb-article-body h1, .kb-article-body h2, .kb-article-body .ProseMirror h1, .kb-article-body .ProseMirror h2 { color:var(--teal-650); }
.kb-article-sidebar { position:sticky; top:40px; max-height:calc(100vh - 80px); overflow-y:auto; overscroll-behavior:contain; align-self:flex-start; gap:26px; }
.kb-toc-header { color:var(--teal-650) !important; }
.kb-related-articles.sl-related-relocated { margin-top:32px; }
.kb-related-articles { display:block; padding:18px 20px 16px !important; background:#fff !important; border:1px solid rgba(51,51,51,.10); border-radius:var(--ds-radius-md); box-shadow:var(--ds-shadow-sm); gap:0; }
.kb-related-articles-title { margin:0 0 10px !important; font-family:'DM Sans', Arial, system-ui, sans-serif !important; font-size:13px !important; font-weight:700 !important; letter-spacing:.06em !important; text-transform:uppercase !important; color:var(--teal-650) !important; }
.kb-related-article-link { display:block; padding:9px 0; border-top:1px solid rgba(51,51,51,.08); font-family:'DM Sans', Arial, system-ui, sans-serif; font-size:14.5px !important; line-height:1.4; color:var(--g800) !important; text-decoration:none; text-wrap:pretty; transition:color var(--dur-base) var(--ds-ease); }
.kb-related-articles .kb-related-article-link:first-of-type { border-top:0; padding-top:0; }
.kb-related-articles .kb-related-article-link:last-of-type { padding-bottom:0; }
.kb-related-article-link:hover { color:var(--blue-650) !important; text-decoration:underline; }
.kb-related-article-link:focus-visible { outline:3px solid var(--blue-650); outline-offset:2px; }
.sl-recent-card { margin-top:0; padding:18px 20px 16px; background:#fff; border:1px solid rgba(51,51,51,.10); border-radius:var(--ds-radius-md); box-shadow:0 1px 2px rgba(51,51,51,.05); }
.sl-recent-card[hidden] { display:none; }
.sl-recent-title { margin-bottom:10px; font-family:'DM Sans', Arial, system-ui, sans-serif; font-size:13px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--teal-650); }
.sl-recent-list { display:flex; flex-direction:column; }
.sl-recent-link { display:block; padding:9px 0; border-top:1px solid rgba(51,51,51,.08); font-size:14.5px; line-height:1.4; color:var(--g800); text-decoration:none; text-wrap:pretty; transition:color var(--dur-base) var(--ds-ease); }
.sl-recent-list .sl-recent-link:first-child { border-top:0; padding-top:0; }
.sl-recent-link:hover { color:var(--blue-650); text-decoration:underline; }
.sl-recent-link:focus-visible { outline:3px solid var(--blue-650); outline-offset:2px; }
#kb-feedback:empty { display:none; }
#kb-feedback { margin-top:48px; }
#kb-feedback .kb-feedback { margin:0; padding:28px 24px; gap:16px; background:var(--teal-50); border:1px solid var(--teal-100); border-radius:var(--ds-radius-md); align-items:center; text-align:center; }
#kb-feedback .kb-feedback-title { margin:0; text-align:center; font-family:'DM Sans', Arial, system-ui, sans-serif; font-size:17px; font-weight:700; line-height:1.35; color:var(--g900); }
#kb-feedback .kb-feedback-scores { justify-content:center; align-items:center; gap:10px; flex-wrap:wrap; }
#kb-feedback .kb-feedback-scores::before, #kb-feedback .kb-feedback-scores::after { align-self:center; white-space:nowrap; font-family:'DM Sans', Arial, system-ui, sans-serif;   font-size:13px; color:var(--g600); }
#kb-feedback .kb-feedback-scores::before { content:"Not helpful"; }
#kb-feedback .kb-feedback-scores::after { content:"Very helpful"; }
#kb-feedback button.kb-feedback-score { display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; width:44px; height:44px; min-height:0; padding:0; gap:0;   border:1px solid var(--teal-650); border-radius:999px; background:#fff; font-size:0 !important; line-height:0; color:transparent; text-indent:0; cursor:pointer; overflow:hidden; transition:border-color var(--dur-base) var(--ds-ease), background-color var(--dur-base) var(--ds-ease), transform var(--dur-base) var(--ds-ease); }
#kb-feedback button.kb-feedback-score::before { content:""; display:block; flex:0 0 auto; width:24px; height:24px; background-color:var(--teal-650); -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:center; mask-position:center; -webkit-mask-size:contain; mask-size:contain; }
#kb-feedback button.kb-feedback-score:nth-of-type(1)::before { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M7.4 8.6l2.9 1.5M16.6 8.6l-2.9 1.5'/%3E%3Cpath d='M9.4 11.9h.01M14.6 11.9h.01'/%3E%3Cpath d='M8.2 17q3.8-3.9 7.6 0'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M7.4 8.6l2.9 1.5M16.6 8.6l-2.9 1.5'/%3E%3Cpath d='M9.4 11.9h.01M14.6 11.9h.01'/%3E%3Cpath d='M8.2 17q3.8-3.9 7.6 0'/%3E%3C/svg%3E"); }
#kb-feedback button.kb-feedback-score:nth-of-type(2)::before { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9.2 10.6h.01M14.8 10.6h.01'/%3E%3Cpath d='M9 16.1q3-2.3 6 0'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9.2 10.6h.01M14.8 10.6h.01'/%3E%3Cpath d='M9 16.1q3-2.3 6 0'/%3E%3C/svg%3E"); }
#kb-feedback button.kb-feedback-score:nth-of-type(3)::before { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9.2 10h.01M14.8 10h.01'/%3E%3Cpath d='M9 15h6'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9.2 10h.01M14.8 10h.01'/%3E%3Cpath d='M9 15h6'/%3E%3C/svg%3E"); }
#kb-feedback button.kb-feedback-score:nth-of-type(4)::before { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9.2 10h.01M14.8 10h.01'/%3E%3Cpath d='M9 14q3 2.3 6 0'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9.2 10h.01M14.8 10h.01'/%3E%3Cpath d='M9 14q3 2.3 6 0'/%3E%3C/svg%3E"); }
#kb-feedback button.kb-feedback-score:nth-of-type(5)::before { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8.4 10.8q1.2-1.6 2.4 0M13.2 10.8q1.2-1.6 2.4 0'/%3E%3Cpath d='M7.9 13.4q4.1 4.1 8.2 0'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8.4 10.8q1.2-1.6 2.4 0M13.2 10.8q1.2-1.6 2.4 0'/%3E%3Cpath d='M7.9 13.4q4.1 4.1 8.2 0'/%3E%3C/svg%3E"); }
#kb-feedback button.kb-feedback-score:hover { border-color:var(--teal-650); background:var(--teal-100); transform:translateY(-1px); }
#kb-feedback button.kb-feedback-score:active { transform:scale(.98); }
#kb-feedback button.kb-feedback-score.selected, #kb-feedback button.kb-feedback-score[aria-pressed="true"] { background:var(--gold-500); border-color:var(--gold-500); transform:none; }
#kb-feedback button.kb-feedback-score.selected::before, #kb-feedback button.kb-feedback-score[aria-pressed="true"]::before { background-color:var(--g800); }
#kb-feedback button.kb-feedback-score:focus-visible { outline:3px solid var(--blue-650); outline-offset:2px; }
#kb-feedback .kb-feedback-form { width:100%; max-width:440px; margin:0 auto; text-align:left; }
#kb-feedback .kb-feedback-label { margin-bottom:8px; font-size:14px; color:rgba(51,51,51,.72); }
#kb-feedback .kb-feedback-textarea { padding:12px 14px; min-height:88px;   border:1px solid var(--teal-650); border-radius:var(--ds-radius-md); font-size:15px; color:var(--g800);   background:#fff; }
#kb-feedback .kb-feedback-textarea:focus { border-color:var(--teal-650); outline:3px solid var(--blue-650); outline-offset:2px; }
#kb-feedback .kb-feedback-actions { justify-content:center; margin-top:12px; }
#kb-feedback button.kb-feedback-submit { padding:10px 22px; min-height:42px; background:var(--gold-500); color:var(--g800); border:1px solid transparent; border-radius:999px; font-size:15px; font-weight:700; }
#kb-feedback button.kb-feedback-submit:hover { background:var(--gold-500); filter:brightness(.93); }
#kb-feedback .kb-feedback-thanks { text-align:center; font-size:15px; font-weight:700; color:var(--teal-650); }
.kb-footer { position:relative; margin-top:72px !important; background:var(--teal-650); }
.kb-footer-wave { display:none; }
.kb-footer-content { margin-top:0; padding:52px 24px 32px !important; background:var(--teal-650); }
.kb-footer-inner { display:flex; flex-direction:column; max-width:1000px; margin:0 auto; gap:28px; }
.kb-footer-sections { display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; gap:36px 64px; width:100%; }
.kb-footer-links-group { display:flex; flex-wrap:wrap; gap:36px 64px; }
.kb-footer-section { display:flex; flex-direction:column; gap:10px; min-width:140px; margin-right:0; }
.kb-footer-section-title { margin-bottom:14px; font-family:'DM Sans', sans-serif; font-size:15px; font-weight:700; color:#fff; }
.kb-footer-section-links { display:flex; flex-direction:column; flex-wrap:nowrap; gap:12px; }
.kb-footer-section-link { font-family:'DM Sans', sans-serif; font-size:14px;   color:rgba(255,255,255,.92) !important; text-decoration:none !important; }
.kb-footer-section-link:hover { color:var(--gold-500, #F7BB14) !important; text-decoration:none !important; }
.kb-footer-social-links { display:flex; align-items:flex-start; gap:14px; }
.kb-footer-social-link { display:flex; align-items:center; justify-content:center; width:36px; height:36px; border-radius:50%; background:rgba(255,255,255,.12); color:#fff !important; text-decoration:none !important; transition:background-color var(--dur-base) var(--ds-ease); }
.kb-footer-social-link:hover { background:rgba(255,255,255,.22); }
.kb-footer-social-link svg { width:17px; height:17px; fill:currentColor; }
.kb-footer-divider { display:block; width:100%; height:1px; margin:36px 0 24px !important; background:rgba(255,255,255,.16); }
.kb-footer-bottom { display:flex; align-items:center; justify-content:flex-start; flex-wrap:wrap; gap:16px 28px; padding-top:0 !important; }
.kb-footer-logo img { display:none !important; }
.kb-footer-logo { display:block; flex:0 0 auto; width:220px; height:40px; background-image:var(--sl-footer-logo); background-repeat:no-repeat; background-position:left center; background-size:contain; }
.kb-footer-legal { display:flex; align-items:center; flex-wrap:wrap; gap:20px; font-size:13px; }
.kb-footer-legal a, .kb-footer-copyright {   color:rgba(255,255,255,.92) !important; text-decoration:none; }
.kb-footer-legal a:hover { color:var(--gold-500, #F7BB14) !important; text-decoration:none; }
.kb-powered-by { display:none !important; }
html.sl-logged-out .kb-homepage-content, html.sl-logged-out .kb-collection-page-content, html.sl-logged-out .kb-article-page-content, html.sl-logged-out .kb-search-container, html.sl-logged-out #kb-search-results { display:none !important; }
html.sl-logged-out .kb-banner { min-height:0 !important; }
html.sl-logged-out .kb-banner:not(.kb-banner--home) .kb-banner-content, html.sl-logged-out .kb-banner-search-band { display:none !important; }
html.sl-logged-out .kb-banner--home { height:auto !important; min-height:calc(var(--sl-header-h) + var(--sl-preview-offset) + clamp(240px, 22vw, 380px)) !important; }
html.sl-logged-out .kb-banner--home .kb-hero-sub:not(.sl-hero-sub-gate), html.sl-logged-out .kb-banner--home .kb-hero-chips { display:none !important; }
@media (max-width:1024px) { html.sl-logged-out .kb-banner--home { min-height:0 !important; }
}
html.sl-logged-out .kb-header-link, html.sl-logged-out .kb-header-hamburger, html.sl-logged-out .kb-header-mobile-nav { display:none !important; }
.sl-gate { display:flex; flex-direction:column; align-items:center; text-align:center; max-width:620px; margin:8px auto 12px; padding:44px 40px 40px; background:#fff; border:1px solid rgba(51,51,51,.10); border-radius:var(--ds-radius-lg); box-shadow:0 2px 10px rgba(51,51,51,.06); font-family:'DM Sans', Arial, system-ui, sans-serif; }
.sl-gate-icon { display:flex; align-items:center; justify-content:center; flex:0 0 auto; width:56px; height:56px; margin-bottom:20px; border-radius:999px; background:var(--teal-50); color:var(--teal-650); }
.sl-gate-title { margin:0 0 12px; font-size:28px; font-weight:400; line-height:1.25; color:var(--teal-650); text-wrap:balance; }
.sl-gate-text { margin:0 0 26px; max-width:44ch; font-size:16.5px; line-height:1.6; color:var(--g700); text-wrap:pretty; }
.sl-gate-actions { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:18px; }
.sl-gate-btn { padding:13px 30px; min-height:46px; border:0; border-radius:999px; background:var(--gold-500); color:var(--g800); font-family:inherit; font-size:16px; font-weight:700; cursor:pointer; transition:filter var(--dur-base) var(--ds-ease), transform var(--dur-base) var(--ds-ease); }
.sl-gate-btn:hover { filter:brightness(.93); }
.sl-gate-btn:active { transform:scale(.98); }
.sl-gate-btn:focus-visible { outline:3px solid var(--blue-650); outline-offset:3px; }
.sl-gate-link { font-size:15px; font-weight:700; color:var(--blue-650); text-decoration:underline; }
.sl-gate-link:focus-visible { outline:3px solid var(--blue-650); outline-offset:2px; }
.kb-not-found-message, .kb-search-no-results { margin-top:48px; }
.kb-not-found-title { color:var(--g900); }
.kb-not-found-description { color:var(--g600); }
.kb-search-result-highlight em, .kb-search-result-highlight mark, .kb-search-result-highlight .highlight-result { background:var(--gold-100); }
html.sl-rn-page .kb-toc-header, html.sl-rn-page #kb-toc { display:none !important; }
html.sl-rn-page #kb-feedback, html.sl-rn-page .kb-feedback, html.sl-rn-page .kb-related-articles, html.sl-rn-page .sl-recent-card { display:none !important; }
.sl-rn { font-family:'DM Sans', Arial, system-ui, sans-serif; color:var(--g800); }
.sl-rn-hero { padding:26px 28px 24px; border-radius:18px; background:var(--gold-50); border:1px solid rgba(183,135,14,.22); }
.sl-rn-hero[hidden] { display:none; }
.sl-rn-hero + .sl-rn-stream { margin-top:34px; }
.sl-rn-hero-meta { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-bottom:12px; }
.sl-rn-latest { display:inline-flex; align-items:center; height:24px; padding:0 11px; border-radius:999px; background:var(--gold-500); color:var(--g800); font-size:12px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
.sl-rn-hero-date { font-size:14.5px; font-weight:700; color:var(--g700); white-space:nowrap; }
.sl-rn-hero-count { position:relative; padding-left:12px;   font-size:14.5px; color:var(--g600); white-space:nowrap; }
.sl-rn-hero-count::after { content:"·"; position:absolute; left:2px; top:0; }
.sl-rn-hero-body > *:first-child { margin-top:0; }
.sl-rn-hero-body > *:last-child { margin-bottom:0; }
.sl-rn-tags { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:20px; }
.sl-rn-chip { display:inline-flex; align-items:center; flex-shrink:0; height:22px; padding:0 10px; border-radius:999px; font-size:11.5px; font-weight:700; line-height:1; white-space:nowrap; vertical-align:middle; }
.sl-rn-chip--new { background:var(--gold-500); color:var(--g800); }
.sl-rn-chip--improved { background:var(--teal-50); border:1px solid rgba(67,118,118,.3); color:var(--teal-650); }
.sl-rn-chip--fixed { background:var(--g100); color:var(--g700); }
.sl-rn-chip--product { background:#fff; border:1px solid rgba(51,51,51,.18); color:var(--g700); font-weight:500; }
.sl-rn li > .sl-rn-chip:first-child, .sl-rn-hero-body li > .sl-rn-chip:first-child, .sl-rn-relbody li > .sl-rn-chip:first-child { margin-right:9px; }
.sl-rn li[data-cat] { padding-left:0; }
.sl-rn li[data-cat] > .sl-rn-chip:first-child { position:relative; top:-1px; }
.sl-rn-filter { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin:30px 0; padding:14px 18px; border-radius:12px; background:var(--teal-50); }
.sl-rn-filter-label { margin-right:2px; font-size:13.5px; font-weight:700; color:var(--teal-650); }
.sl-rn-filter-btn { display:inline-flex; align-items:center; flex-shrink:0; width:auto; height:30px; padding:0 14px; border-radius:999px; background:#fff; border:1px solid rgba(67,118,118,.28); color:var(--g700); font-family:inherit; font-size:13.5px; font-weight:500; white-space:nowrap; cursor:pointer; transition:background-color var(--dur-base) var(--ds-ease), color var(--dur-base) var(--ds-ease); }
.sl-rn-filter-btn:hover { background:#fff; border-color:var(--teal-650); }
.sl-rn-filter-btn.is-on { background:var(--teal-650); border-color:var(--teal-650); color:#fff; font-weight:700; }
.sl-rn-filter-btn:focus-visible, .sl-rn-filter-select:focus-visible { outline:3px solid var(--blue-650); outline-offset:2px; }
.sl-rn-filter-select { height:30px; padding:0 10px; border-radius:999px; background:#fff; border:1px solid rgba(67,118,118,.28); color:var(--g700); font-family:inherit; font-size:13.5px; cursor:pointer; }
.sl-rn-filter-note { flex:1 0 100%; margin:2px 0 0; font-size:13.5px; line-height:1.5; color:var(--g700);   }
.sl-rn-filter-note[hidden] { display:none; }
.sl-rn-monthgroup[hidden] { display:none; }
.sl-rn-monthhead { display:flex; align-items:center; gap:14px; margin:0 0 20px; scroll-margin-top:24px; }
.sl-rn-monthname { font-size:13px; font-weight:700; letter-spacing:.07em; text-transform:uppercase; color:var(--teal-650); white-space:nowrap; }
.sl-rn-rule { flex:1 1 auto; height:1px; background:rgba(51,51,51,.12); }
.sl-rn-monthcount { font-size:13px; color:var(--g600); white-space:nowrap; }
.sl-rn-rel { position:relative; padding:0 0 26px 28px; border-left:2px solid rgba(51,51,51,.12); scroll-margin-top:24px; }
.sl-rn-rel[hidden] { display:none; }
.sl-rn-rel--recent { border-left-color:var(--gold-500); }
.sl-rn-monthgroup .sl-rn-rel:last-child { padding-bottom:34px; }
.sl-rn-dot { position:absolute; left:-7px; top:5px; width:12px; height:12px; border-radius:999px; background:var(--gold-500); box-shadow:0 0 0 4px #fff; }
.sl-rn-rel--past .sl-rn-dot { left:-6px; top:6px; width:8px; height:8px; background:#fff; border:2px solid rgba(51,51,51,.22); box-shadow:0 0 0 4px #fff; }
.sl-rn-relhead { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-bottom:10px; }
.sl-rn-newpill { display:inline-flex; align-items:center; flex-shrink:0; height:21px; padding:0 9px; border-radius:999px; background:var(--gold-500); color:var(--g800); font-size:11px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; white-space:nowrap; }
.sl-rn-relbody > *:first-child { margin-top:0; }
.sl-rn-relbody > *:last-child { margin-bottom:0; }
.sl-rn-relbody li[hidden] { display:none; }
.sl-rn-rel--past .sl-rn-relbody { font-size:14.5px; color:var(--g600); }
.kb-article-body .sl-rn h2.sl-rn-hero-title, .kb-article-body .sl-rn h3.sl-rn-reldate, .kb-article-body .sl-rn h4.sl-rn-reltitle, .kb-article-body-placeholder .sl-rn h2.sl-rn-hero-title, .kb-article-body-placeholder .sl-rn h3.sl-rn-reldate, .kb-article-body-placeholder .sl-rn h4.sl-rn-reltitle { margin:0 !important; padding:0 !important; border:0 !important; font-family:'DM Sans', Arial, system-ui, sans-serif !important; font-weight:700 !important; color:var(--g900) !important; text-decoration:none !important; }
.sl-rn .sl-rn-hero-title, .kb-article-body .sl-rn h2.sl-rn-hero-title, .kb-article-body-placeholder .sl-rn h2.sl-rn-hero-title { margin:0 0 14px !important; font-size:25px !important; line-height:1.24 !important; text-wrap:pretty; }
.sl-rn .sl-rn-reldate, .kb-article-body .sl-rn h3.sl-rn-reldate, .kb-article-body-placeholder .sl-rn h3.sl-rn-reldate { font-size:18px !important; line-height:1.3 !important; }
.sl-rn .sl-rn-rel--past .sl-rn-reldate, .kb-article-body .sl-rn .sl-rn-rel--past h3.sl-rn-reldate, .kb-article-body-placeholder .sl-rn .sl-rn-rel--past h3.sl-rn-reldate { font-size:16px !important; color:var(--g700) !important; }
.sl-rn-reltitle { margin:0 0 10px !important; font-size:17px !important; line-height:1.35 !important; text-wrap:pretty; }
.sl-rn-rel--past .sl-rn-reltitle, .kb-article-body .sl-rn .sl-rn-rel--past h4.sl-rn-reltitle { font-size:15.5px !important; color:var(--g700) !important; }
.sl-rn-relhead + .sl-rn-reltitle { margin-top:-2px !important; }
.sl-rn-archived { display:none; }
.sl-rn-showall .sl-rn-archived { display:block; }
.sl-rn-monthgroup.sl-rn-archived:has(:target) { display:block; }
.sl-rn-more { display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; width:auto; height:44px; padding:0 24px; border-radius:999px; background:transparent; border:1px solid rgba(67,118,118,.4); color:var(--teal-650); font-family:inherit; font-size:15.5px; font-weight:700; white-space:nowrap; cursor:pointer; transition:background-color var(--dur-base) var(--ds-ease); }
.sl-rn-more:hover { background:var(--teal-50); }
.sl-rn-more:focus-visible { outline:3px solid var(--blue-650); outline-offset:2px; }
.sl-rn.sl-rn-showall .sl-rn-more { display:none; }
.sl-rn-jump { padding:18px 20px 16px; background:#fff; border:1px solid rgba(51,51,51,.10); border-radius:var(--ds-radius-md); box-shadow:var(--ds-shadow-sm); font-family:'DM Sans', Arial, system-ui, sans-serif; }
.sl-rn-jump-title { margin-bottom:14px; font-size:13px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--teal-650); }
.sl-rn-jump-yeargroup { margin-bottom:16px; }
.sl-rn-jump-yeargroup:last-child { margin-bottom:0; }
.sl-rn-jump-yeargroup > .sl-rn-jump-list { margin-bottom:0; }
.sl-rn-jump-yeargroup:not([open]) > .sl-rn-jump-list { display:none; }
.sl-rn-jump-year { display:flex; align-items:center; gap:8px; margin-bottom:8px; padding:2px 0; list-style:none; cursor:pointer;   font-size:11.5px; font-weight:700; letter-spacing:.05em; color:var(--g600); }
.sl-rn-jump-year::-webkit-details-marker { display:none; }
.sl-rn-jump-year:hover { color:var(--blue-650); }
.sl-rn-jump-year:focus-visible { outline:3px solid var(--blue-650); outline-offset:2px; }
.sl-rn-jump-yearname { flex:1 1 auto; }
.sl-rn-jump-yearcount { font-size:11.5px; font-weight:500; color:var(--g600); }
.sl-rn-jump-chev { flex:0 0 auto; width:6px; height:6px; margin-right:2px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:rotate(45deg); transform-origin:60% 60%; transition:transform var(--dur-base) var(--ds-ease); }
.sl-rn-jump-yeargroup[open] > .sl-rn-jump-year .sl-rn-jump-chev { transform:rotate(-135deg); }
@media (prefers-reduced-motion: reduce) { .sl-rn-jump-chev { transition:none; }
}
.sl-rn-jump-list { display:flex; flex-direction:column; margin-bottom:16px; }
.sl-rn-jump-list:last-child { margin-bottom:0; }
.sl-rn-jump-link { display:flex; align-items:center; gap:8px; padding:6px 0 6px 14px; font-size:14.5px; color:var(--g700); text-decoration:none; transition:color var(--dur-base) var(--ds-ease); }
.sl-rn-jump-link.is-current { padding-left:0; font-weight:700; color:var(--teal-650); }
.sl-rn-jump-link:hover { color:var(--blue-650); text-decoration:underline; }
.sl-rn-jump-link:focus-visible { outline:3px solid var(--blue-650); outline-offset:2px; }
.sl-rn-jump-dot { flex:0 0 auto; width:6px; height:6px; border-radius:999px; background:var(--gold-500); }
.sl-rn-jump-name { flex:1 1 auto; }
.sl-rn-jump-count { font-size:13px; font-weight:500; color:var(--g600); }
.sl-rn-ask { padding:18px 20px 16px; border-radius:var(--ds-radius-md); background:var(--teal-650); color:#fff; font-family:'DM Sans', Arial, system-ui, sans-serif; }
.sl-rn-ask-title { margin-bottom:7px; font-size:15px; font-weight:700; }
.sl-rn-ask-text {   margin:0 0 13px; font-size:13.5px; line-height:1.5; color:rgba(255,255,255,.92); }
.sl-rn-ask-btn { display:inline-flex; align-items:center; justify-content:center; height:auto; min-height:38px; padding:9px 18px; border-radius:999px; background:var(--gold-500); color:var(--g800) !important; font-size:13.5px; font-weight:700; line-height:1.2; white-space:nowrap; text-decoration:none !important; transition:filter var(--dur-base) var(--ds-ease); }
.sl-rn-ask-btn:hover { filter:brightness(.93); }
.sl-rn-ask-btn:focus-visible { outline:3px solid #fff; outline-offset:2px; }
@media (max-width:1100px) { .kb-article-layout { gap:36px; }
}
@media (max-width:900px) { .hc-feature-cards { grid-template-columns:1fr; }
.kb-article-layout { flex-direction:column; }
}
@media (max-width:860px) { .kb-footer-links-group { gap:32px 40px; }
}
@media (max-width:820px) { .sl-cst-cards { grid-template-columns:1fr; }
.kb-footer-bottom { flex-direction:column; align-items:flex-start; }
}
@media (max-width:700px) { .kb-hero-chips { display:none; }
}
@media (max-width:680px) { .kb-header-nav .kb-header-link { display:none; }
.kb-header-hamburger { display:inline-flex; align-items:center; justify-content:center; }
}
@media (max-width:640px) { :root { --sl-header-h:72px; }
.kb-header { min-height:calc(var(--sl-header-h) + var(--sl-preview-offset)); padding:calc(12px + var(--sl-preview-offset)) 18px 12px !important; }
.kb-header-logo img { max-height:38px !important; max-width:210px !important; }
.kb-banner--home .kb-banner-content { padding:28px 18px 32px !important; }
.kb-banner--home .kb-banner-title { font-size:30px !important; text-align:left !important; padding:0 !important; }
.kb-hero-sub { font-size:16px; }
.kb-content-wrapper { padding:36px 18px 0 !important; }
.kb-homepage-content { gap:44px; }
.hc-section-title { font-size:22px; }
.kb-footer { margin-top:48px !important; }
.kb-footer-content { padding:36px 18px 40px !important; }
.kb-footer-logo { width:180px; height:32px; }
.sl-gate { padding:34px 22px 30px; border-radius:var(--ds-radius-md); }
.sl-gate-title { font-size:24px; }
.sl-rn-hero { padding:22px 20px 20px; }
.sl-rn-hero-title { font-size:21px !important; }
.sl-rn-rel { padding-left:22px; }
}
@media (max-width:560px) { #kb-feedback .kb-feedback-scores::before, #kb-feedback .kb-feedback-scores::after { display:none; }
}
@media (max-width:768px) { .kb-article-sidebar { display:flex; width:100%; margin-top:32px; }
.kb-article-sidebar .kb-toc-header, .kb-article-sidebar #kb-toc, .kb-article-sidebar .sl-recent-card, .kb-article-sidebar .sl-rn-jump { display:none !important; }
}
.sl-sr-only { position:absolute !important; width:1px !important; height:1px !important; padding:0 !important; margin:-1px !important; overflow:hidden !important; clip:rect(0,0,0,0) !important; white-space:nowrap !important; border:0 !important; }
@media (max-width:400px) { .kb-header-inner { gap:10px !important; }
.kb-header-logo img { max-width:150px !important; }
}
@media print {   .kb-header, .kb-banner, .kb-skip-link, .kb-article-sidebar, .kb-footer, .hc-help-strip, .sl-still-stuck-card, .sl-recent-card, #kb-feedback, #kb-search, #kb-search-results, .sl-gate, .sl-rn-filter, .sl-rn-more { display: none !important; }
.kb-article-layout { display: block !important; }
.kb-article-main, .kb-article-body .ProseMirror > * { max-width: none !important; }
.kb-content, .kb-article-content-wrapper, .kb-collection-content-wrapper, .kb-content-wrapper { max-width: none !important; padding: 0 !important; }
body { background: #fff !important; color: #000 !important; }
.kb-article-body a[href^="http"]::after { content: " (" attr(href) ")"; font-size: 90%; font-weight: 400; word-break: break-all; }
.kb-article-body img { max-width: 100% !important; page-break-inside: avoid; break-inside: avoid; }
.kb-article-body h1, .kb-article-body h2, .kb-article-body h3, .kb-article-title { page-break-after: avoid; break-after: avoid; }
.kb-article-body .ProseMirror .pylon-rte-accordion [data-type="accordion_details"] { display: block !important; }
.kb-article-body .ProseMirror .tableWrapper { overflow-x: visible !important; }
.kb-article-body .ProseMirror table { max-width: none !important; }
.kb-article-body .ProseMirror table tr { page-break-inside: avoid; break-inside: avoid; }
.kb-article-meta { display: block !important; color: #000 !important; }
}
.hc-beta-card { display:flex; gap:20px; align-items:flex-start; margin:0 !important; padding:26px; border-radius:12px; background:var(--gold-50); border:1px solid rgba(183,135,14,.22); text-decoration:none; transition:transform var(--dur-base) var(--ds-ease), box-shadow var(--dur-base) var(--ds-ease); }
.hc-beta-card:hover { transform:translateY(-2px); box-shadow:var(--ds-shadow-card); }
.hc-beta-card:focus-visible { outline:3px solid var(--blue-650); outline-offset:2px; }
.hc-beta-card[hidden] { display:none !important; }
.hc-beta-icon { flex:0 0 auto; display:flex; align-items:center; justify-content:center; width:52px; height:52px; border-radius:12px; background:var(--gold-100); color:var(--gold-700); }
.hc-beta-text { flex:1 1 auto; min-width:0; }
.hc-beta-titlerow { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:6px; }
.hc-beta-title { font-size:19px; font-weight:700; color:var(--g900); }
.hc-beta-pill { display:inline-flex; align-items:center; padding:4px 11px; border-radius:999px; background:var(--gold-500); color:var(--g800); font-size:11px; font-weight:700; letter-spacing:.03em; text-transform:uppercase; }
.hc-beta-desc { display:block; max-width:660px; font-size:15px; line-height:1.5; color:var(--g600); text-wrap:pretty; }
.hc-beta-cta { flex:0 0 auto; align-self:center; display:flex; align-items:center; gap:8px; font-size:15px; font-weight:700; color:var(--gold-700); white-space:nowrap; }
@media (max-width:640px) { .hc-beta-card { flex-wrap:wrap; gap:16px; padding:22px; }
.hc-beta-text { flex:1 1 100%; order:2; }
.hc-beta-cta { order:3; align-self:flex-start; }
}
html.sl-beta-page #kb-article-body > p:first-child, html.sl-beta-page .kb-article-body-placeholder > p:first-child { max-width:640px; margin-bottom:40px; font-size:18px; line-height:1.6; color:var(--g700); text-wrap:pretty; }
.sl-beta-card { margin-bottom:26px; padding:30px; border-radius:24px; background:var(--teal-50); border:1px solid rgba(67,118,118,.16); }
.sl-beta-card:last-child { margin-bottom:0; }
.sl-beta-card--blue { background:var(--blue-50); border-color:rgba(61,124,171,.16); }
.sl-beta-card--gold { background:var(--gold-50); border-color:rgba(183,135,14,.20); }
.kb-article-body .sl-beta-card > h2 { margin:0 0 16px !important; padding:0 !important; border:0 !important; font-family:'DM Sans', Arial, system-ui, sans-serif !important; font-size:28px !important; font-weight:700 !important; line-height:1.25 !important; color:var(--g900) !important; }
.sl-beta-card > p { max-width:640px; margin:0 0 14px; font-size:17px; line-height:1.65; color:var(--g700); text-wrap:pretty; }
.sl-beta-card > p:last-child { margin-bottom:0; }
.sl-beta-pills { display:flex; align-items:center; gap:8px; margin-bottom:14px; }
.sl-beta-pill { display:inline-flex; align-items:center; padding:4px 11px; border-radius:999px; font-size:11px; font-weight:700; letter-spacing:.03em; text-transform:uppercase; }
.sl-beta-pill--open { background:var(--gold-500); color:var(--g800); }
.sl-beta-pill--tag { background:#fff; border:1px solid rgba(67,118,118,.2); color:var(--teal-650); }
.sl-beta-card--blue .sl-beta-pill--tag { border-color:rgba(61,124,171,.22); color:var(--blue-650); }
.sl-beta-card--gold .sl-beta-pill--tag { border-color:rgba(183,135,14,.28); color:var(--gold-700); }
.sl-beta-box { margin-top:24px; padding:24px; border-radius:12px; background:#fff; box-shadow:var(--ds-shadow-sm); }
.sl-beta-box > p:first-child { margin:0 0 14px; font-size:16px; font-weight:700; color:var(--g800); }
.kb-article-body .sl-beta-box ul { margin:0 0 20px; padding-left:0; list-style:none; font-size:16px; line-height:1.6; color:var(--g700); }
.kb-article-body .sl-beta-box li { position:relative; margin:0 0 10px; padding-left:30px; line-height:1.6; }
.kb-article-body .sl-beta-box li:last-child { margin-bottom:0; }
.kb-article-body .sl-beta-box li::before { content:""; position:absolute; left:0; top:3px; width:20px; height:20px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M4.167 10 8.333 14.167 16.667 5.833' stroke='%23F7BB14' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center; background-size:20px 20px; }
.sl-beta-cta { display:inline-flex; align-items:center; gap:8px; padding:13px 22px; border-radius:999px; background:var(--gold-500); color:var(--g800) !important; font-size:15px; font-weight:700; line-height:1; text-decoration:none !important; transition:filter var(--dur-base) var(--ds-ease); }
.sl-beta-cta:hover { filter:brightness(.93); }
.sl-beta-cta:focus-visible { outline:3px solid var(--blue-650); outline-offset:2px; }
.sl-beta-steps { padding:18px 20px 16px; border-radius:var(--ds-radius-md); background:#fff; border:1px solid rgba(51,51,51,.10); box-shadow:var(--ds-shadow-sm); font-family:'DM Sans', Arial, system-ui, sans-serif; }
.kb-article-sidebar .sl-beta-steps-title { margin:0 0 12px !important; font-size:16px !important; font-weight:700 !important; color:var(--g900) !important; }
.sl-beta-steps-list { display:flex; flex-direction:column; gap:12px; margin:0; padding:0; list-style:none; }
.sl-beta-steps-list li { display:flex; gap:12px; align-items:flex-start; font-size:14px; line-height:1.5; color:var(--g700); }
.sl-beta-steps-list li > span { flex:0 0 auto; display:flex; align-items:center; justify-content:center; width:24px; height:24px; border-radius:50%; background:var(--gold-500); color:var(--g900); font-size:13px; font-weight:700; }
@media (max-width:640px) { .sl-beta-card { padding:22px; border-radius:16px; }
.kb-article-body .sl-beta-card > h2 { font-size:23px !important; }
.sl-beta-box { padding:18px; }
}
@media (max-width:768px) { .sl-beta-steps { display:none; }
}
html.sl-beta-page #kb-feedback, html.sl-beta-page .kb-feedback, html.sl-beta-page .kb-related-articles, html.sl-beta-page .sl-recent-card { display:none !important; }
.kb-banner-title-search { display:none; }
.kb-banner[data-kb-state="searching"] .kb-banner-title { opacity:1; }
.kb-banner[data-kb-state="searching"] .kb-banner-title-text { display:none; }
.kb-banner[data-kb-state="searching"] .kb-banner-title-search { display:block; }
.kb-banner[data-kb-state="searching"] .kb-hero-chips { display:none; }