/* AI Support Agent: docs template styles. Scoped to .aisa-docs-app. Uses the widget's design tokens. */
.aisa-docs-app {
	--aisa-accent: #2b59ff;
	--aisa-deep: color-mix(in srgb, var(--aisa-accent) 72%, #0e0f1a);
	--aisa-tint: color-mix(in srgb, var(--aisa-accent) 9%, #ffffff);
	--aisa-tint-2: color-mix(in srgb, var(--aisa-accent) 16%, #ffffff);
	--aisa-ring: color-mix(in srgb, var(--aisa-accent) 22%, transparent);
	--aisa-ink: #14151a;
	--aisa-muted: #6f7380;
	--aisa-line: #e8e9ee;
	--aisa-surface: #ffffff;
	--aisa-canvas: #f4f5f9;
	--aisa-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--aisa-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	background: var(--aisa-canvas) !important;
	color: var(--aisa-ink) !important;
	font-family: var(--aisa-font) !important;
	line-height: 1.6 !important;
	-webkit-font-smoothing: antialiased !important;
}
.aisa-docs-app *, .aisa-docs-app *::before, .aisa-docs-app *::after { box-sizing: border-box !important; }
.aisa-docs-app svg { flex: none !important; }
/* Break out of any boxed theme container: span the full viewport regardless of the wrapper. */
.aisa-docs-app { position: relative !important; width: 100vw !important; max-width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; left: 0 !important; right: 0 !important; padding: 0 !important; float: none !important; clear: both !important; overflow-x: clip !important; }
.aisa-docs--bare .aisa-docs-app { width: 100% !important; margin: 0 !important; }
.aisa-docs-app .aisa-d { width: 100% !important; max-width: 1480px !important; margin: 0 auto !important; padding: 0 28px !important; }

/* Reset form controls and links inside the app so theme styles cannot bleed in. */
.aisa-docs-app button, .aisa-docs-app input, .aisa-docs-app textarea, .aisa-docs-app select, .aisa-docs-app summary, .aisa-docs-app a {
	margin: 0 !important; border: 0 !important; outline: 0 !important; box-shadow: none !important; background: transparent !important; background-image: none !important;
	color: inherit !important; font-family: inherit !important; font-size: inherit !important; font-weight: inherit !important; line-height: inherit !important;
	letter-spacing: normal !important; text-transform: none !important; text-decoration: none !important; text-shadow: none !important;
	border-radius: 0 !important; min-height: 0 !important; min-width: 0 !important; height: auto !important; width: auto !important; transition: none !important; transform: none !important; appearance: none !important; -webkit-appearance: none !important;
}
.aisa-docs-app button { cursor: pointer !important; padding: 0 !important; }
.aisa-docs-app button::before, .aisa-docs-app button::after, .aisa-docs-app a::before, .aisa-docs-app a::after { content: none !important; }
.aisa-docs-app button:hover, .aisa-docs-app button:focus, .aisa-docs-app a:hover, .aisa-docs-app a:focus { background: transparent !important; box-shadow: none !important; text-decoration: none !important; transform: none !important; }
.aisa-docs-app button:focus-visible, .aisa-docs-app a:focus-visible, .aisa-docs-app input:focus-visible, .aisa-docs-app textarea:focus-visible { outline: 2px solid var(--aisa-accent) !important; outline-offset: 2px !important; }
.aisa-docs-app input, .aisa-docs-app textarea { color: var(--aisa-ink) !important; }
.aisa-docs-app ::placeholder { color: var(--aisa-muted) !important; opacity: 1 !important; }
.aisa-docs-app details, .aisa-docs-app summary { display: block !important; }
.aisa-docs-app summary::-webkit-details-marker { display: none !important; }
.aisa-docs-app ul, .aisa-docs-app ol { margin: 0 !important; padding: 0 !important; }
.aisa-docs-app p, .aisa-docs-app h1, .aisa-docs-app h2, .aisa-docs-app h3, .aisa-docs-app h4 { color: inherit !important; font-family: inherit !important; }
.aisa-docs-app img { border: 0 !important; box-shadow: none !important; }

/* ---------- Home hero ---------- */
.aisa-docs-app .aisa-d-hero { position: relative !important; padding: 56px 0 28px !important; text-align: center !important; }
.aisa-docs-app .aisa-d-hero::before { content: "" !important; position: absolute !important; inset: 0 -24px auto !important; height: 100% !important; background: radial-gradient(60% 80% at 50% 0%, var(--aisa-tint-2), transparent 70%) !important; z-index: 0 !important; pointer-events: none !important; }
.aisa-docs-app .aisa-d-hero > * { position: relative !important; z-index: 1 !important; }
.aisa-docs-app .aisa-d-hero h1 { margin: 10px 0 8px !important; font-size: clamp(28px, 4vw, 42px) !important; font-weight: 800 !important; letter-spacing: -.025em !important; line-height: 1.1 !important; }
.aisa-docs-app .aisa-d-hero p { margin: 0 auto 26px !important; max-width: 640px !important; font-size: 17px !important; color: var(--aisa-muted) !important; }
.aisa-docs-app .aisa-d-crumbs { display: inline-flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 6px !important; font-size: 13px !important; color: var(--aisa-muted) !important; }
.aisa-docs-app .aisa-d-crumbs a { color: var(--aisa-muted) !important; text-decoration: none !important; }
.aisa-docs-app .aisa-d-crumbs a:hover { color: var(--aisa-accent) !important; }
.aisa-docs-app .aisa-d-crumbs b { color: var(--aisa-ink) !important; font-weight: 600 !important; }

/* ---------- Search and ask ---------- */
.aisa-docs-app .aisa-d-search { position: relative !important; margin: 0 auto !important; max-width: 760px !important; text-align: left !important; }
.aisa-docs-app .aisa-d-search-box { display: flex !important; align-items: center !important; gap: 10px !important; height: 60px !important; padding: 0 8px 0 18px !important; border-radius: 18px !important; background: var(--aisa-surface) !important; box-shadow: 0 10px 30px rgba(14, 15, 26, .08), 0 0 0 1px rgba(14, 15, 26, .06) !important; transition: box-shadow .15s ease !important; }
.aisa-docs-app .aisa-d-search-box:focus-within { box-shadow: 0 10px 30px rgba(14, 15, 26, .1), 0 0 0 3px var(--aisa-ring) !important; }
.aisa-docs-app .aisa-d-search-box > svg { width: 22px !important; height: 22px !important; color: var(--aisa-muted) !important; }
.aisa-docs-app .aisa-d-search-box input { flex: 1 !important; min-width: 0 !important; height: 100% !important; border: 0 !important; outline: 0 !important; background: transparent !important; color: var(--aisa-ink) !important; font: inherit !important; font-size: 17px !important; box-shadow: none !important; padding: 0 !important; }
.aisa-docs-app .aisa-d-search-box input::placeholder { color: var(--aisa-muted) !important; }
.aisa-docs-app .aisa-d-ask { display: inline-flex !important; align-items: center !important; gap: 7px !important; height: 44px !important; padding: 0 16px 0 12px !important; border: 0 !important; border-radius: 12px !important; background: linear-gradient(135deg, var(--aisa-accent), var(--aisa-deep)) !important; color: #fff !important; font: inherit !important; font-size: 14px !important; font-weight: 650 !important; cursor: pointer !important; box-shadow: 0 6px 16px color-mix(in srgb, var(--aisa-accent) 30%, transparent) !important; white-space: nowrap !important; }
.aisa-docs-app .aisa-d-ask svg { width: 17px !important; height: 17px !important; }
.aisa-docs-app .aisa-d-ask:hover { transform: translateY(-1px) !important; }
.aisa-docs-app .aisa-d-search:not(.aisa-d-search--hero) .aisa-d-search-box { height: 46px !important; border-radius: 13px !important; box-shadow: 0 0 0 1px rgba(14, 15, 26, .08) !important; }
.aisa-docs-app .aisa-d-search:not(.aisa-d-search--hero) .aisa-d-search-box input { font-size: 14.5px !important; }
.aisa-docs-app .aisa-d-search:not(.aisa-d-search--hero) .aisa-d-ask { height: 34px !important; font-size: 13px !important; }
.aisa-docs-app .aisa-d-search:not(.aisa-d-search--hero) .aisa-d-ask span { display: none !important; }
.aisa-docs-app .aisa-d-results { margin-top: 10px !important; padding: 6px !important; border-radius: 16px !important; background: var(--aisa-surface) !important; box-shadow: 0 10px 30px rgba(14, 15, 26, .1), 0 0 0 1px rgba(14, 15, 26, .06) !important; }
.aisa-docs-app .aisa-d-search:not(.aisa-d-search--hero) .aisa-d-results { position: absolute !important; left: 0 !important; right: 0 !important; z-index: 20 !important; max-height: 420px !important; overflow-y: auto !important; }
.aisa-docs-app .aisa-d-results-head { padding: 8px 12px 4px !important; font-size: 11.5px !important; font-weight: 700 !important; letter-spacing: .04em !important; text-transform: uppercase !important; color: var(--aisa-muted) !important; }
.aisa-docs-app .aisa-d-result { display: flex !important; flex-direction: column !important; gap: 2px !important; padding: 10px 12px !important; border-radius: 11px !important; text-decoration: none !important; color: var(--aisa-ink) !important; }
.aisa-docs-app .aisa-d-result:hover { background: var(--aisa-tint) !important; }
.aisa-docs-app .aisa-d-result strong { font-size: 15px !important; font-weight: 650 !important; }
.aisa-docs-app .aisa-d-result span { font-size: 13px !important; color: var(--aisa-muted) !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; }
.aisa-docs-app .aisa-d-result em { font-style: normal !important; font-size: 12px !important; color: var(--aisa-accent) !important; font-weight: 600 !important; }
.aisa-docs-app .aisa-d-loading, .aisa-docs-app .aisa-d-empty { padding: 18px !important; text-align: center !important; color: var(--aisa-muted) !important; font-size: 14px !important; }
.aisa-docs-app .aisa-d-answer { margin-top: 12px !important; padding: 18px 20px 14px !important; border-radius: 18px !important; background: var(--aisa-surface) !important; box-shadow: 0 10px 30px rgba(14, 15, 26, .08), 0 0 0 1px rgba(14, 15, 26, .06) !important; }
.aisa-docs-app .aisa-d-answer-head { display: flex !important; align-items: center !important; gap: 8px !important; margin-bottom: 8px !important; font-size: 13px !important; font-weight: 700 !important; color: var(--aisa-accent) !important; }
.aisa-docs-app .aisa-d-answer-head svg { width: 18px !important; height: 18px !important; }
.aisa-docs-app .aisa-d-answer-head em { margin-left: auto !important; font-style: normal !important; font-size: 11.5px !important; font-weight: 600 !important; color: var(--aisa-muted) !important; padding: 2px 8px !important; border-radius: 999px !important; background: var(--aisa-canvas) !important; }
.aisa-docs-app .aisa-d-answer-log { max-height: 520px !important; overflow-y: auto !important; }

/* ---------- Sections ---------- */
.aisa-docs-app .aisa-d-section { padding: 26px 0 !important; }
.aisa-docs-app .aisa-d-section h2 { margin: 0 0 14px !important; font-size: 18px !important; font-weight: 750 !important; letter-spacing: -.01em !important; }
.aisa-docs-app .aisa-d-popular { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)) !important; gap: 10px !important; }
.aisa-docs-app .aisa-d-pop { display: flex !important; align-items: center !important; gap: 10px !important; padding: 12px 14px !important; border-radius: 14px !important; background: var(--aisa-surface) !important; box-shadow: 0 0 0 1px rgba(14, 15, 26, .06) !important; color: var(--aisa-ink) !important; text-decoration: none !important; font-weight: 600 !important; font-size: 14.5px !important; transition: transform .15s ease, box-shadow .15s ease !important; }
.aisa-docs-app .aisa-d-pop:hover { transform: translateY(-1px) !important; box-shadow: 0 8px 20px rgba(14, 15, 26, .08), 0 0 0 1px var(--aisa-ring) !important; }
.aisa-docs-app .aisa-d-pop svg { width: 30px !important; height: 30px !important; padding: 6px !important; border-radius: 9px !important; background: var(--aisa-tint) !important; color: var(--aisa-accent) !important; }
.aisa-docs-app .aisa-d-cats { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)) !important; gap: 12px !important; }
.aisa-docs-app .aisa-d-catcard { border-radius: 16px !important; background: var(--aisa-surface) !important; box-shadow: 0 0 0 1px rgba(14, 15, 26, .06) !important; overflow: hidden !important; }
.aisa-docs-app .aisa-d-catcard summary { display: flex !important; flex-direction: column !important; gap: 3px !important; padding: 16px 18px !important; cursor: pointer !important; list-style: none !important; }
.aisa-docs-app .aisa-d-catcard summary::-webkit-details-marker { display: none !important; }
.aisa-docs-app .aisa-d-catcard-title { font-size: 16px !important; font-weight: 700 !important; }
.aisa-docs-app .aisa-d-catcard-meta { font-size: 12.5px !important; color: var(--aisa-accent) !important; font-weight: 600 !important; }
.aisa-docs-app .aisa-d-catcard-desc { font-size: 13px !important; color: var(--aisa-muted) !important; }
.aisa-docs-app .aisa-d-catcard ul { margin: 0 !important; padding: 0 18px 12px !important; list-style: none !important; border-top: 1px solid var(--aisa-line) !important; }
.aisa-docs-app .aisa-d-catcard li a { display: block !important; padding: 8px 0 !important; border-bottom: 1px solid var(--aisa-line) !important; color: var(--aisa-ink) !important; text-decoration: none !important; font-size: 14px !important; }
.aisa-docs-app .aisa-d-catcard li:last-child a { border-bottom: 0 !important; }
.aisa-docs-app .aisa-d-catcard li a:hover { color: var(--aisa-accent) !important; }
.aisa-docs-app .aisa-d-catcard-all a { color: var(--aisa-accent) !important; font-weight: 600 !important; }
.aisa-docs-app .aisa-d-list { display: grid !important; gap: 10px !important; }
.aisa-docs-app .aisa-d-item { display: flex !important; flex-direction: column !important; gap: 4px !important; padding: 16px 18px !important; border-radius: 14px !important; background: var(--aisa-surface) !important; box-shadow: 0 0 0 1px rgba(14, 15, 26, .06) !important; color: var(--aisa-ink) !important; text-decoration: none !important; }
.aisa-docs-app .aisa-d-item:hover { box-shadow: 0 8px 20px rgba(14, 15, 26, .08), 0 0 0 1px var(--aisa-ring) !important; }
.aisa-docs-app .aisa-d-item strong { font-size: 15.5px !important; font-weight: 650 !important; }
.aisa-docs-app .aisa-d-item span { font-size: 13.5px !important; color: var(--aisa-muted) !important; }

/* ---------- Single: layout ---------- */
.aisa-docs-app .aisa-d-topbar { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important; padding: 18px 0 12px !important; }
.aisa-docs-app .aisa-d-topbar .aisa-d-search { flex: 0 1 420px !important; margin: 0 !important; }
.aisa-docs-app .aisa-d-grid { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 24px !important; padding-bottom: 60px !important; }
.aisa-docs-app .aisa-d-single.has-sidebar .aisa-d-grid { grid-template-columns: 250px minmax(0, 1fr) !important; }
.aisa-docs-app .aisa-d-single.has-ai .aisa-d-grid { grid-template-columns: minmax(0, 1fr) 350px !important; }
.aisa-docs-app .aisa-d-single.has-sidebar.has-ai .aisa-d-grid { grid-template-columns: 240px minmax(0, 1fr) 350px !important; }
.aisa-docs-app .aisa-d-side, .aisa-docs-app .aisa-d-ai { position: sticky !important; top: 24px !important; align-self: start !important; max-height: calc(100vh - 48px) !important; }
.aisa-docs-app .aisa-d-side-toggle, .aisa-docs-app .aisa-d-ai-toggle { display: none !important; }
.aisa-docs-app .aisa-d-side-inner { overflow-y: auto !important; max-height: inherit !important; padding-right: 4px !important; }

/* Tree */
.aisa-docs-app .aisa-d-tree { display: flex !important; flex-direction: column !important; gap: 4px !important; }
.aisa-docs-app .aisa-d-cat { border-radius: 12px !important; }
.aisa-docs-app .aisa-d-cat summary { display: flex !important; align-items: center !important; gap: 8px !important; padding: 8px 10px !important; border-radius: 10px !important; cursor: pointer !important; list-style: none !important; font-weight: 650 !important; font-size: 14px !important; color: var(--aisa-ink) !important; }
.aisa-docs-app .aisa-d-cat summary::-webkit-details-marker { display: none !important; }
.aisa-docs-app .aisa-d-cat summary::before { content: "" !important; width: 6px !important; height: 6px !important; border-right: 2px solid var(--aisa-muted) !important; border-bottom: 2px solid var(--aisa-muted) !important; transform: rotate(-45deg) !important; transition: transform .15s !important; margin-left: 2px !important; }
.aisa-docs-app .aisa-d-cat[open] summary::before { transform: rotate(45deg) !important; }
.aisa-docs-app .aisa-d-cat summary:hover { background: var(--aisa-surface) !important; }
.aisa-docs-app .aisa-d-cat summary em { margin-left: auto !important; font-style: normal !important; font-size: 11.5px !important; color: var(--aisa-muted) !important; font-weight: 500 !important; }
.aisa-docs-app .aisa-d-cat ul { margin: 2px 0 6px !important; padding: 0 0 0 14px !important; list-style: none !important; border-left: 1px solid var(--aisa-line) !important; margin-left: 14px !important; }
.aisa-docs-app .aisa-d-cat li a { display: block !important; padding: 6px 10px !important; border-radius: 8px !important; color: var(--aisa-muted) !important; text-decoration: none !important; font-size: 13.5px !important; line-height: 1.4 !important; }
.aisa-docs-app .aisa-d-cat li a:hover { color: var(--aisa-ink) !important; background: var(--aisa-surface) !important; }
.aisa-docs-app .aisa-d-cat li.is-current a { color: var(--aisa-accent) !important; background: var(--aisa-tint) !important; font-weight: 650 !important; }
.aisa-docs-app .aisa-d-sidebar-wrap { padding: 8px !important; border-radius: 16px !important; background: var(--aisa-surface) !important; box-shadow: 0 0 0 1px rgba(14, 15, 26, .06) !important; }

/* Article */
.aisa-docs-app .aisa-d-article { padding: 34px 40px 28px !important; border-radius: 20px !important; background: var(--aisa-surface) !important; box-shadow: 0 0 0 1px rgba(14, 15, 26, .06) !important; }
.aisa-docs-app .aisa-d-article-head h1 { margin: 0 0 6px !important; font-size: clamp(24px, 3vw, 34px) !important; font-weight: 800 !important; letter-spacing: -.025em !important; line-height: 1.15 !important; }
.aisa-docs-app .aisa-d-updated { margin: 0 0 22px !important; font-size: 13px !important; color: var(--aisa-muted) !important; }
.aisa-docs-app .aisa-d-content { font-size: 16px !important; line-height: 1.7 !important; }
.aisa-docs-app .aisa-d-content > *:first-child { margin-top: 0 !important; }
.aisa-docs-app .aisa-d-content h2 { margin: 30px 0 10px !important; font-size: 22px !important; font-weight: 750 !important; letter-spacing: -.015em !important; }
.aisa-docs-app .aisa-d-content h3 { margin: 24px 0 8px !important; font-size: 18px !important; font-weight: 700 !important; }
.aisa-docs-app .aisa-d-content h4 { margin: 18px 0 6px !important; font-size: 16px !important; font-weight: 700 !important; }
.aisa-docs-app .aisa-d-content p, .aisa-docs-app .aisa-d-content ul, .aisa-docs-app .aisa-d-content ol { margin: 0 0 16px !important; }
.aisa-docs-app .aisa-d-content ul, .aisa-docs-app .aisa-d-content ol { padding-left: 24px !important; }
.aisa-docs-app .aisa-d-content li { margin: 4px 0 !important; }
.aisa-docs-app .aisa-d-content a { color: var(--aisa-accent) !important; text-decoration: underline !important; text-underline-offset: 2px !important; }
.aisa-docs-app .aisa-d-content img { max-width: 100% !important; height: auto !important; border-radius: 12px !important; box-shadow: 0 0 0 1px rgba(14, 15, 26, .08), 0 6px 20px rgba(14, 15, 26, .06) !important; }
.aisa-docs-app .aisa-d-content pre { padding: 14px 16px !important; border-radius: 12px !important; background: #17181f !important; color: #e9eaf2 !important; overflow-x: auto !important; font-family: var(--aisa-mono) !important; font-size: 13.5px !important; }
.aisa-docs-app .aisa-d-content code { font-family: var(--aisa-mono) !important; font-size: .92em !important; background: rgba(14, 15, 26, .06) !important; padding: 1px 6px !important; border-radius: 6px !important; }
.aisa-docs-app .aisa-d-content pre code { background: none !important; padding: 0 !important; }
.aisa-docs-app .aisa-d-content blockquote { margin: 0 0 16px !important; padding: 10px 16px !important; border-left: 3px solid var(--aisa-accent) !important; background: var(--aisa-tint) !important; border-radius: 0 10px 10px 0 !important; }
.aisa-docs-app .aisa-d-content table { width: 100% !important; border-collapse: collapse !important; margin: 0 0 16px !important; font-size: 14.5px !important; }
.aisa-docs-app .aisa-d-content th, .aisa-docs-app .aisa-d-content td { padding: 9px 12px !important; border: 1px solid var(--aisa-line) !important; text-align: left !important; vertical-align: top !important; }
.aisa-docs-app .aisa-d-content th { background: var(--aisa-canvas) !important; font-weight: 650 !important; }
.aisa-docs-app .aisa-d-content iframe, .aisa-docs-app .aisa-d-content video { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9 !important; height: auto !important; border-radius: 12px !important; }
.aisa-docs-app .aisa-d-content figure { margin: 0 0 16px !important; }
.aisa-docs-app .aisa-d-content figcaption { margin-top: 6px !important; font-size: 13px !important; color: var(--aisa-muted) !important; text-align: center !important; }
.aisa-docs-app .aisa-d-helpful { display: flex !important; align-items: center !important; gap: 8px !important; margin-top: 18px !important; padding: 14px 18px !important; border-radius: 14px !important; background: var(--aisa-surface) !important; box-shadow: 0 0 0 1px rgba(14, 15, 26, .06) !important; font-size: 14px !important; font-weight: 600 !important; }
.aisa-docs-app .aisa-d-helpful span { margin-right: auto !important; }
.aisa-docs-app .aisa-d-helpful button { padding: 7px 16px !important; border: 0 !important; border-radius: 9px !important; background: var(--aisa-canvas) !important; color: var(--aisa-ink) !important; font: inherit !important; font-weight: 600 !important; cursor: pointer !important; }
.aisa-docs-app .aisa-d-helpful button:hover { background: var(--aisa-tint) !important; color: var(--aisa-accent) !important; }
.aisa-docs-app .aisa-d-helpful.is-done { color: var(--aisa-muted) !important; }
.aisa-docs-app .aisa-d-prevnext { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 12px !important; margin-top: 14px !important; }
.aisa-docs-app .aisa-d-prevnext a { display: flex !important; flex-direction: column !important; gap: 2px !important; padding: 14px 18px !important; border-radius: 14px !important; background: var(--aisa-surface) !important; box-shadow: 0 0 0 1px rgba(14, 15, 26, .06) !important; text-decoration: none !important; color: var(--aisa-ink) !important; }
.aisa-docs-app .aisa-d-prevnext a:hover { box-shadow: 0 8px 20px rgba(14, 15, 26, .08), 0 0 0 1px var(--aisa-ring) !important; }
.aisa-docs-app .aisa-d-prevnext small { font-size: 12px !important; color: var(--aisa-muted) !important; font-weight: 600 !important; }
.aisa-docs-app .aisa-d-prevnext span { font-weight: 650 !important; font-size: 14.5px !important; }
.aisa-docs-app .aisa-d-next { text-align: right !important; align-items: flex-end !important; }

/* AI panel: mirrors the floating widget */
.aisa-docs-app .aisa-d-ai-inner { display: flex !important; flex-direction: column !important; position: relative !important; height: calc(100vh - 48px) !important; max-height: 680px !important; border-radius: 22px !important; background: var(--aisa-canvas) !important; box-shadow: 0 20px 50px rgba(14, 15, 26, .14), 0 0 0 1px rgba(14, 15, 26, .06) !important; overflow: hidden !important; }
.aisa-docs-app .aisa-d-ai-inner::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; height: 150px !important; background: radial-gradient(120% 100% at 0% 0%, var(--aisa-tint-2), var(--aisa-canvas) 70%) !important; pointer-events: none !important; z-index: 0 !important; }
.aisa-docs-app .aisa-d-ai-inner > * { position: relative !important; z-index: 1 !important; }
.aisa-docs-app .aisa-d-ai-head { display: flex !important; align-items: center !important; gap: 12px !important; padding: 16px 12px 14px 18px !important; border-bottom: 1px solid var(--aisa-line) !important; background: transparent !important; }
.aisa-docs-app .aisa-d-ai-avatar { display: flex !important; align-items: center !important; justify-content: center !important; position: relative !important; width: 34px !important; height: 34px !important; flex: none !important; border-radius: 11px !important; background: linear-gradient(145deg, var(--aisa-accent), var(--aisa-deep)) !important; color: #fff !important; box-shadow: 0 6px 16px color-mix(in srgb, var(--aisa-accent) 30%, transparent) !important; }
.aisa-docs-app .aisa-d-ai-avatar img { width: 100% !important; height: 100% !important; object-fit: cover !important; border-radius: inherit !important; display: block !important; }
.aisa-docs-app .aisa-d-ai-avatar i { font-style: normal !important; font-weight: 700 !important; font-size: 14px !important; text-transform: uppercase !important; }
.aisa-docs-app .aisa-d-ai-dot { display: block !important; position: absolute !important; right: -2px !important; bottom: -2px !important; width: 11px !important; height: 11px !important; border-radius: 50% !important; background: #22c55e !important; box-shadow: 0 0 0 2px var(--aisa-tint-2), inset 0 0 0 1px rgba(255, 255, 255, .35) !important; }
.aisa-docs-app .aisa-d-ai-title { display: flex !important; flex-direction: column !important; flex: 1 !important; min-width: 0 !important; line-height: 1.25 !important; }
.aisa-docs-app .aisa-d-ai-title strong { font-size: 14px !important; font-weight: 700 !important; letter-spacing: -.01em !important; color: var(--aisa-ink) !important; }
.aisa-docs-app .aisa-d-ai-title small { font-size: 11.5px !important; color: var(--aisa-muted) !important; }
.aisa-docs-app .aisa-d-ai-reset { display: flex !important; align-items: center !important; justify-content: center !important; width: 32px !important; height: 32px !important; flex: none !important; border-radius: 10px !important; color: var(--aisa-muted) !important; cursor: pointer !important; }
.aisa-docs-app .aisa-d-ai-reset svg { width: 17px !important; height: 17px !important; }
.aisa-docs-app .aisa-d-ai-reset:hover { background: rgba(14, 15, 26, .06) !important; color: var(--aisa-ink) !important; }
.aisa-docs-app .aisa-d-ai-log { flex: 1 !important; min-height: 0 !important; overflow-y: auto !important; padding: 16px 18px 10px !important; }
.aisa-docs-app .aisa-d-msg { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 5px !important; margin: 0 0 20px !important; }
.aisa-docs-app .aisa-d-msg--user { align-items: flex-end !important; }
.aisa-docs-app .aisa-d-who { display: flex !important; align-items: center !important; gap: 6px !important; padding: 0 2px !important; font-size: 11.5px !important; font-weight: 600 !important; color: var(--aisa-muted) !important; }
.aisa-docs-app .aisa-d-who img, .aisa-docs-app .aisa-d-who i { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 18px !important; height: 18px !important; border-radius: 6px !important; object-fit: cover !important; }
.aisa-docs-app .aisa-d-who i { background: var(--aisa-tint-2) !important; color: var(--aisa-accent) !important; font-style: normal !important; font-size: 9.5px !important; font-weight: 700 !important; text-transform: uppercase !important; }
.aisa-docs-app .aisa-d-bubble { width: 100% !important; font-size: 13.5px !important; line-height: 1.55 !important; overflow-wrap: anywhere !important; color: var(--aisa-ink) !important; padding: 0 2px !important; }
.aisa-docs-app .aisa-d-msg--user .aisa-d-bubble { width: auto !important; max-width: 88% !important; padding: 9px 13px !important; border-radius: 16px 6px 16px 16px !important; background: var(--aisa-accent) !important; color: #fff !important; box-shadow: 0 4px 12px color-mix(in srgb, var(--aisa-accent) 24%, transparent) !important; }
.aisa-docs-app .aisa-d-msg.is-error .aisa-d-bubble { background: #fff1ee !important; color: #9a2f22 !important; padding: 9px 13px !important; border-radius: 12px !important; }
.aisa-docs-app .aisa-d-bubble p { margin: 0 0 8px !important; }
.aisa-docs-app .aisa-d-bubble p:last-child { margin-bottom: 0 !important; }
.aisa-docs-app .aisa-d-bubble ul, .aisa-docs-app .aisa-d-bubble ol { margin: 4px 0 8px !important; padding-left: 20px !important; }
.aisa-docs-app .aisa-d-bubble ul { list-style: disc outside !important; }
.aisa-docs-app .aisa-d-bubble ol { list-style: decimal outside !important; }
.aisa-docs-app .aisa-d-bubble li { margin: 3px 0 !important; display: list-item !important; }
.aisa-docs-app .aisa-d-bubble ol > li::marker { color: var(--aisa-accent) !important; font-weight: 700 !important; }
.aisa-docs-app .aisa-d-bubble strong { font-weight: 700 !important; }
.aisa-docs-app .aisa-d-bubble code { font-family: var(--aisa-mono) !important; font-size: 12px !important; background: rgba(14, 15, 26, .07) !important; padding: 1px 6px !important; border-radius: 6px !important; }
.aisa-docs-app .aisa-d-msg--user .aisa-d-bubble code { background: rgba(255, 255, 255, .22) !important; }
.aisa-docs-app .aisa-d-bubble pre { margin: 6px 0 !important; padding: 10px 12px !important; border-radius: 12px !important; background: #17181f !important; color: #e9eaf2 !important; overflow-x: auto !important; white-space: pre-wrap !important; font-size: 12px !important; }
.aisa-docs-app .aisa-d-bubble pre code { background: none !important; padding: 0 !important; color: inherit !important; }
.aisa-docs-app .aisa-d-bubble a { color: var(--aisa-accent) !important; text-decoration: underline !important; text-underline-offset: 2px !important; }
.aisa-docs-app .aisa-d-msg--user .aisa-d-bubble a { color: #fff !important; }
.aisa-docs-app .aisa-d-bubble h3, .aisa-docs-app .aisa-d-bubble h4 { margin: 10px 0 6px !important; font-size: 14px !important; font-weight: 700 !important; }
.aisa-docs-app .aisa-d-bubble table { width: 100% !important; border-collapse: collapse !important; font-size: 12.5px !important; margin: 8px 0 !important; background: var(--aisa-surface) !important; border-radius: 10px !important; }
.aisa-docs-app .aisa-d-bubble th, .aisa-docs-app .aisa-d-bubble td { padding: 7px 9px !important; border-bottom: 1px solid var(--aisa-line) !important; text-align: left !important; }
.aisa-docs-app .aisa-d-bubble th { background: var(--aisa-canvas) !important; font-weight: 700 !important; }
.aisa-docs-app .aisa-d-bubble blockquote { margin: 8px 0 !important; padding: 8px 12px !important; border-left: 3px solid var(--aisa-accent) !important; background: var(--aisa-tint) !important; border-radius: 0 10px 10px 0 !important; }
.aisa-docs-app .aisa-d-bubble .aisa-fig img, .aisa-docs-app .aisa-d-bubble img { max-width: 100% !important; border-radius: 10px !important; }
.aisa-docs-app .aisa-d-actions { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 6px !important; width: 100% !important; margin-top: 8px !important; }
.aisa-docs-app .aisa-d-docbtn { display: inline-flex !important; align-items: center !important; gap: 8px !important; max-width: 100% !important; padding: 6px 12px 6px 6px !important; border-radius: 13px !important; background: var(--aisa-surface) !important; box-shadow: 0 0 0 1px var(--aisa-line), 0 1px 2px rgba(14, 15, 26, .05) !important; color: var(--aisa-ink) !important; font-size: 13px !important; font-weight: 600 !important; transition: transform .15s ease, box-shadow .15s ease !important; }
.aisa-docs-app .aisa-d-docbtn svg { width: 28px !important; height: 28px !important; padding: 6px !important; border-radius: 8px !important; background: var(--aisa-tint) !important; color: var(--aisa-accent) !important; }
.aisa-docs-app .aisa-d-docbtn span { overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
.aisa-docs-app .aisa-d-docbtn:hover { transform: translateY(-1px) !important; box-shadow: 0 0 0 1px var(--aisa-accent), 0 6px 16px rgba(14, 15, 26, .08) !important; }
.aisa-docs-app .aisa-d-contactbtn { display: inline-flex !important; align-items: center !important; margin-top: 6px !important; padding: 9px 14px !important; border-radius: 12px !important; background: var(--aisa-ink) !important; color: #fff !important; font-size: 13px !important; font-weight: 600 !important; }
.aisa-docs-app .aisa-d-contactbtn:hover { transform: translateY(-1px) !important; box-shadow: 0 6px 16px rgba(14, 15, 26, .18) !important; }
/* Suggested questions */
.aisa-docs-app .aisa-d-chips { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 7px !important; margin: -2px 0 20px !important; }
.aisa-docs-app .aisa-d-chips-label { display: block !important; margin: 0 0 2px 2px !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: .04em !important; text-transform: uppercase !important; color: var(--aisa-muted) !important; }
.aisa-docs-app .aisa-d-chip { display: inline-flex !important; align-items: center !important; gap: 7px !important; max-width: 100% !important; padding: 7px 12px 7px 9px !important; border-radius: 999px !important; background: var(--aisa-surface) !important; color: var(--aisa-ink) !important; font-size: 12.5px !important; font-weight: 500 !important; text-align: left !important; line-height: 1.35 !important; box-shadow: 0 0 0 1px var(--aisa-line) !important; cursor: pointer !important; transition: box-shadow .15s ease, color .15s ease, background .15s ease !important; }
.aisa-docs-app .aisa-d-chip svg { width: 14px !important; height: 14px !important; color: var(--aisa-accent) !important; flex: none !important; }
.aisa-docs-app .aisa-d-chip span { overflow: hidden !important; text-overflow: ellipsis !important; }
.aisa-docs-app .aisa-d-chip:hover { background: var(--aisa-tint) !important; color: var(--aisa-accent) !important; box-shadow: 0 0 0 1px var(--aisa-accent) !important; }
.aisa-docs-app .aisa-d-typing { display: inline-flex !important; gap: 5px !important; padding: 8px 2px !important; }
.aisa-docs-app .aisa-d-typing span { width: 7px !important; height: 7px !important; border-radius: 50% !important; background: var(--aisa-accent) !important; opacity: .4 !important; animation: aisa-d-dot 1.2s infinite !important; }
.aisa-docs-app .aisa-d-typing span:nth-child(2) { animation-delay: .2s !important; }
.aisa-docs-app .aisa-d-typing span:nth-child(3) { animation-delay: .4s !important; }
@keyframes aisa-d-dot { 0%, 80%, 100% { opacity: .3; transform: translateY(0); } 40% { opacity: 1; transform: translateY(-3px); } }
/* Composer: floating pill like the widget */
.aisa-docs-app .aisa-d-ai-composer { display: flex !important; align-items: flex-end !important; gap: 8px !important; flex: none !important; margin: 4px 14px 6px !important; padding: 6px 6px 6px 16px !important; border-radius: 18px !important; background: var(--aisa-surface) !important; box-shadow: 0 2px 10px rgba(14, 15, 26, .08), 0 0 0 1px rgba(14, 15, 26, .04) !important; transition: box-shadow .15s ease !important; }
.aisa-docs-app .aisa-d-ai-composer:focus-within { box-shadow: 0 2px 10px rgba(14, 15, 26, .08), 0 0 0 3px var(--aisa-ring) !important; }
.aisa-docs-app .aisa-d-ai-composer textarea { flex: 1 !important; width: 100% !important; min-height: 22px !important; max-height: 120px !important; margin: 6px 0 !important; padding: 0 !important; background: transparent !important; color: var(--aisa-ink) !important; font-family: var(--aisa-font) !important; font-size: 13.5px !important; line-height: 1.45 !important; resize: none !important; }
.aisa-docs-app .aisa-d-ai-send { display: flex !important; align-items: center !important; justify-content: center !important; width: 34px !important; height: 34px !important; flex: none !important; border-radius: 50% !important; background: linear-gradient(135deg, var(--aisa-accent), var(--aisa-deep)) !important; color: #fff !important; cursor: pointer !important; box-shadow: 0 4px 12px color-mix(in srgb, var(--aisa-accent) 30%, transparent) !important; transition: transform .12s ease, opacity .12s ease !important; }
.aisa-docs-app .aisa-d-ai-send svg { width: 17px !important; height: 17px !important; }
.aisa-docs-app .aisa-d-ai-send:hover { transform: scale(1.06) !important; }
.aisa-docs-app .aisa-d-ai-send:disabled { opacity: .4 !important; transform: none !important; box-shadow: none !important; }
.aisa-docs-app .aisa-d-ai-foot { margin: 0 !important; padding: 6px 18px 12px !important; font-size: 10.5px !important; color: var(--aisa-muted) !important; text-align: center !important; line-height: 1.35 !important; }
/* Answer panel on the home page reuses the same chat styles on a white card */
.aisa-docs-app .aisa-d-answer .aisa-d-ai-composer { margin: 10px 0 0 !important; background: var(--aisa-canvas) !important; box-shadow: 0 0 0 1px rgba(14, 15, 26, .05) !important; }
.aisa-docs-app .aisa-d-answer .aisa-d-ai-foot { padding: 6px 0 0 !important; }
.aisa-docs-app .aisa-d-answer .aisa-d-bubble { font-size: 14.5px !important; }

/* ---------- Responsive ---------- */
@media (max-width: 1100px) {
	.aisa-docs-app .aisa-d-single.has-sidebar.has-ai .aisa-d-grid { grid-template-columns: 230px minmax(0, 1fr) !important; }
	.aisa-docs-app .aisa-d-single.has-ai .aisa-d-ai { position: fixed !important; right: 16px !important; bottom: 16px !important; left: auto !important; width: min(400px, calc(100vw - 32px)) !important; z-index: 9990 !important; max-height: none !important; }
	.aisa-docs-app .aisa-d-ai-toggle { display: inline-flex !important; align-items: center !important; gap: 8px !important; margin-left: auto !important; height: 50px !important; padding: 0 20px !important; border: 0 !important; border-radius: 999px !important; background: linear-gradient(135deg, var(--aisa-accent), var(--aisa-deep)) !important; color: #fff !important; font: inherit !important; font-weight: 650 !important; cursor: pointer !important; box-shadow: 0 10px 30px color-mix(in srgb, var(--aisa-accent) 38%, transparent) !important; float: right !important; }
	.aisa-docs-app .aisa-d-ai-inner { display: none !important; height: min(640px, calc(100vh - 100px)) !important; margin-bottom: 8px !important; }
	.aisa-docs-app .aisa-d-ai.is-open .aisa-d-ai-inner { display: flex !important; }
}
@media (max-width: 820px) {
	.aisa-docs-app .aisa-d { padding: 0 16px !important; }
	.aisa-docs-app .aisa-d-topbar { flex-direction: column !important; align-items: stretch !important; }
	.aisa-docs-app .aisa-d-topbar .aisa-d-search { flex: none !important; }
	.aisa-docs-app .aisa-d-single .aisa-d-grid, .aisa-docs-app .aisa-d-single.has-sidebar .aisa-d-grid, .aisa-docs-app .aisa-d-single.has-sidebar.has-ai .aisa-d-grid { grid-template-columns: minmax(0, 1fr) !important; }
	.aisa-docs-app .aisa-d-side { position: static !important; max-height: none !important; }
	.aisa-docs-app .aisa-d-side-toggle { display: block !important; width: 100% !important; padding: 12px 16px !important; border: 0 !important; border-radius: 14px !important; background: var(--aisa-surface) !important; box-shadow: 0 0 0 1px rgba(14, 15, 26, .06) !important; font: inherit !important; font-weight: 650 !important; text-align: left !important; cursor: pointer !important; }
	.aisa-docs-app .aisa-d-side-toggle::after { content: "▾" !important; float: right !important; }
	.aisa-docs-app .aisa-d-side-inner { display: none !important; margin-top: 8px !important; padding: 8px !important; border-radius: 14px !important; background: var(--aisa-surface) !important; box-shadow: 0 0 0 1px rgba(14, 15, 26, .06) !important; }
	.aisa-docs-app .aisa-d-side.is-open .aisa-d-side-inner { display: block !important; }
	.aisa-docs-app .aisa-d-article { padding: 24px 20px !important; }
	.aisa-docs-app .aisa-d-hero { padding: 36px 0 22px !important; }
	.aisa-docs-app .aisa-d-search-box { height: 54px !important; padding-left: 14px !important; }
	.aisa-docs-app .aisa-d-ask span { display: none !important; }
	.aisa-docs-app .aisa-d-prevnext { grid-template-columns: 1fr !important; }
}

/* The full-width breakout uses 100vw, which includes the scrollbar; stop a stray horizontal scroll. */
body.aisa-docs { overflow-x: hidden !important; }
body.aisa-docs .aisa-docs-app { max-width: 100vw !important; }

/* Single article: same hero as the home page, grid starts beneath it */
.aisa-docs-app .aisa-d-single .aisa-d-hero { padding-bottom: 22px !important; }
.aisa-docs-app .aisa-d-single .aisa-d-grid { padding-top: 6px !important; }
.aisa-docs-app .aisa-d-single .aisa-d-hero .aisa-d-crumbs { display: inline-flex !important; }

/* Search field: no focus border on the input itself, the box shows the ring instead */
.aisa-docs-app .aisa-d-search-box input, .aisa-docs-app .aisa-d-search-box input:focus, .aisa-docs-app .aisa-d-search-box input:focus-visible, .aisa-docs-app .aisa-d-search-box input:active { border: 0 !important; outline: 0 !important; box-shadow: none !important; background: transparent !important; }
.aisa-docs-app .aisa-d-search-box input[type="search"]::-webkit-search-decoration, .aisa-docs-app .aisa-d-search-box input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none !important; }

/* "Ask AI" button */
.aisa-docs-app .aisa-d-ask { position: relative !important; overflow: hidden !important; height: 44px !important; padding: 0 18px 0 14px !important; border-radius: 12px !important; font-size: 14px !important; font-weight: 700 !important; letter-spacing: -.005em !important; color: #fff !important; background: linear-gradient(135deg, var(--aisa-accent), var(--aisa-deep)) !important; box-shadow: 0 6px 16px color-mix(in srgb, var(--aisa-accent) 32%, transparent), inset 0 1px 0 rgba(255, 255, 255, .22) !important; transition: transform .15s ease, box-shadow .15s ease !important; }
.aisa-docs-app .aisa-d-ask::after { content: "" !important; position: absolute !important; top: 0 !important; left: -60% !important; width: 40% !important; height: 100% !important; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .28), transparent) !important; transform: skewX(-20deg) !important; transition: left .5s ease !important; pointer-events: none !important; }
.aisa-docs-app .aisa-d-ask:hover { transform: translateY(-1px) !important; box-shadow: 0 10px 24px color-mix(in srgb, var(--aisa-accent) 42%, transparent), inset 0 1px 0 rgba(255, 255, 255, .22) !important; }
.aisa-docs-app .aisa-d-ask:hover::after { left: 120% !important; }
.aisa-docs-app .aisa-d-ask:active { transform: translateY(0) scale(.98) !important; }
.aisa-docs-app .aisa-d-ask svg { width: 17px !important; height: 17px !important; color: #fff !important; }
.aisa-docs-app .aisa-d-ask span { color: #fff !important; }
.aisa-docs-app .aisa-d-search:not(.aisa-d-search--hero) .aisa-d-ask { height: 34px !important; width: 34px !important; padding: 0 !important; justify-content: center !important; border-radius: 10px !important; }

/* Search button next to "Ask AI" */
.aisa-docs-app .aisa-d-searchbtn { display: inline-flex !important; align-items: center !important; gap: 7px !important; height: 44px !important; padding: 0 16px 0 13px !important; border-radius: 12px !important; background: var(--aisa-canvas) !important; color: var(--aisa-ink) !important; font-size: 14px !important; font-weight: 650 !important; white-space: nowrap !important; box-shadow: 0 0 0 1px rgba(14, 15, 26, .08) !important; transition: background .15s ease, box-shadow .15s ease !important; cursor: pointer !important; }
.aisa-docs-app .aisa-d-searchbtn svg { width: 17px !important; height: 17px !important; color: var(--aisa-muted) !important; }
.aisa-docs-app .aisa-d-searchbtn:hover { background: var(--aisa-tint) !important; color: var(--aisa-accent) !important; box-shadow: 0 0 0 1px var(--aisa-ring) !important; }
.aisa-docs-app .aisa-d-searchbtn:hover svg { color: var(--aisa-accent) !important; }
.aisa-docs-app .aisa-d-search:not(.aisa-d-search--hero) .aisa-d-searchbtn { height: 34px !important; width: 34px !important; padding: 0 !important; justify-content: center !important; border-radius: 10px !important; }
.aisa-docs-app .aisa-d-search:not(.aisa-d-search--hero) .aisa-d-searchbtn span { display: none !important; }
@media (max-width: 820px) { .aisa-docs-app .aisa-d-searchbtn span { display: none !important; } .aisa-docs-app .aisa-d-searchbtn { width: 40px !important; padding: 0 !important; justify-content: center !important; } }

/* Keep backgrounds on hover/focus (the in-app reset clears button backgrounds on hover) */
.aisa-docs-app .aisa-d-ask:hover, .aisa-docs-app .aisa-d-ask:focus, .aisa-docs-app .aisa-d-ask:active { background: linear-gradient(135deg, var(--aisa-accent), var(--aisa-deep)) !important; color: #fff !important; }
.aisa-docs-app .aisa-d-ai-send:hover, .aisa-docs-app .aisa-d-ai-send:focus { background: linear-gradient(135deg, var(--aisa-accent), var(--aisa-deep)) !important; color: #fff !important; box-shadow: 0 4px 12px color-mix(in srgb, var(--aisa-accent) 30%, transparent) !important; }
.aisa-docs-app .aisa-d-docbtn:hover, .aisa-docs-app .aisa-d-docbtn:focus { background: var(--aisa-surface) !important; color: var(--aisa-ink) !important; }
.aisa-docs-app .aisa-d-contactbtn:hover, .aisa-docs-app .aisa-d-contactbtn:focus { background: var(--aisa-ink) !important; color: #fff !important; }
.aisa-docs-app .aisa-d-pop:hover, .aisa-docs-app .aisa-d-item:hover, .aisa-docs-app .aisa-d-prevnext a:hover { background: var(--aisa-surface) !important; }
.aisa-docs-app .aisa-d-result:hover { background: var(--aisa-tint) !important; }
.aisa-docs-app .aisa-d-side-toggle:hover, .aisa-docs-app .aisa-d-ai-toggle:hover { background: linear-gradient(135deg, var(--aisa-accent), var(--aisa-deep)) !important; color: #fff !important; }
.aisa-docs-app .aisa-d-side-toggle:hover { background: var(--aisa-surface) !important; color: var(--aisa-ink) !important; }
.aisa-docs-app .aisa-d-free-link:hover { background: linear-gradient(135deg, var(--aisa-accent), var(--aisa-deep)) !important; color: #fff !important; }

/* Docs home: three columns, no page background, more room at the bottom */
.aisa-docs-app { background: transparent !important; }
.aisa-docs--bare .aisa-docs-app { background: var(--aisa-canvas) !important; }
.aisa-docs-app .aisa-d-home { padding-bottom: 80px !important; }
.aisa-docs-app .aisa-d-cats { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
.aisa-docs-app .aisa-d-popular { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
.aisa-docs-app .aisa-d-list { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
.aisa-docs-app .aisa-d-catcard, .aisa-docs-app .aisa-d-pop, .aisa-docs-app .aisa-d-item { box-shadow: 0 0 0 1px rgba(14, 15, 26, .08), 0 2px 8px rgba(14, 15, 26, .04) !important; }
.aisa-docs-app .aisa-d-single .aisa-d-grid { padding-bottom: 80px !important; }
@media (max-width: 1000px) { .aisa-docs-app .aisa-d-cats, .aisa-docs-app .aisa-d-popular, .aisa-docs-app .aisa-d-list { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
@media (max-width: 640px) { .aisa-docs-app .aisa-d-cats, .aisa-docs-app .aisa-d-popular, .aisa-docs-app .aisa-d-list { grid-template-columns: minmax(0, 1fr) !important; } }

/* Category cards link straight to the category page */
.aisa-docs-app a.aisa-d-catcard { display: flex !important; flex-direction: column !important; gap: 4px !important; padding: 18px 20px !important; color: var(--aisa-ink) !important; text-decoration: none !important; background: var(--aisa-surface) !important; transition: transform .15s ease, box-shadow .15s ease !important; }
.aisa-docs-app a.aisa-d-catcard:hover { transform: translateY(-2px) !important; background: var(--aisa-surface) !important; box-shadow: 0 10px 24px rgba(14, 15, 26, .1), 0 0 0 1px var(--aisa-ring) !important; }
.aisa-docs-app .aisa-d-catcard-go { margin-top: 8px !important; font-size: 13px !important; font-weight: 650 !important; color: var(--aisa-accent) !important; }

/* Article container: faint tinted background */
.aisa-docs-app .aisa-d-article { background: color-mix(in srgb, var(--aisa-accent) 3%, #fafafc) !important; box-shadow: 0 0 0 1px rgba(14, 15, 26, .06) !important; }

.aisa-docs-app .aisa-d-ai-head { padding-left: 18px !important; }

/* Single doc: flat, no gradients */
.aisa-docs-app .aisa-d-article { background: transparent !important; box-shadow: none !important; padding: 8px 0 24px !important; border-radius: 0 !important; }
.aisa-docs-app .aisa-d-single .aisa-d-hero::before { display: none !important; }
.aisa-docs-app .aisa-d-ai-inner::before { display: none !important; }
.aisa-docs-app .aisa-d-ai-inner { background: var(--aisa-canvas) !important; box-shadow: 0 0 0 1px rgba(14, 15, 26, .07) !important; }
.aisa-docs-app .aisa-d-ai-head { background: var(--aisa-surface) !important; }
.aisa-docs-app .aisa-d-helpful { box-shadow: 0 0 0 1px rgba(14, 15, 26, .07) !important; }
@media (max-width: 820px) { .aisa-docs-app .aisa-d-article { padding: 4px 0 16px !important; } }

/* Content area: no border, outline or shadow of any kind */
.aisa-docs-app .aisa-d-main, .aisa-docs-app .aisa-d-article, .aisa-docs-app .aisa-d-content, .aisa-docs-app .aisa-d-article-head { border: 0 !important; outline: 0 !important; box-shadow: none !important; background: transparent !important; }
.aisa-docs-app .aisa-d-helpful { box-shadow: none !important; border: 0 !important; background: transparent !important; padding: 14px 0 !important; border-top: 1px solid var(--aisa-line) !important; border-radius: 0 !important; }

/* Slightly wider AI panel column */
.aisa-docs-app .aisa-d-single.has-ai .aisa-d-grid { grid-template-columns: minmax(0, 1fr) 380px !important; }
.aisa-docs-app .aisa-d-single.has-sidebar.has-ai .aisa-d-grid { grid-template-columns: 240px minmax(0, 1fr) 380px !important; }
@media (max-width: 1100px) { .aisa-docs-app .aisa-d-single.has-sidebar.has-ai .aisa-d-grid { grid-template-columns: 230px minmax(0, 1fr) !important; } .aisa-docs-app .aisa-d-single.has-ai .aisa-d-grid { grid-template-columns: minmax(0, 1fr) !important; } }
@media (max-width: 820px) { .aisa-docs-app .aisa-d-single.has-sidebar.has-ai .aisa-d-grid, .aisa-docs-app .aisa-d-single.has-ai .aisa-d-grid { grid-template-columns: minmax(0, 1fr) !important; } }

/* Compact "Was this helpful?" row */
.aisa-docs-app .aisa-d-helpful { display: inline-flex !important; align-items: center !important; gap: 8px !important; margin-top: 14px !important; padding: 0 !important; border: 0 !important; font-size: 13.5px !important; font-weight: 600 !important; color: var(--aisa-muted) !important; }
.aisa-docs-app .aisa-d-helpful span { margin: 0 4px 0 0 !important; }
.aisa-docs-app .aisa-d-helpful button { height: 30px !important; padding: 0 12px !important; border-radius: 8px !important; background: var(--aisa-surface) !important; color: var(--aisa-ink) !important; font-size: 13px !important; font-weight: 600 !important; box-shadow: 0 0 0 1px rgba(14, 15, 26, .1) !important; }
.aisa-docs-app .aisa-d-helpful button:hover { background: var(--aisa-tint) !important; color: var(--aisa-accent) !important; box-shadow: 0 0 0 1px var(--aisa-ring) !important; }

/* "Need a human?" under the AI panel */
.aisa-docs-app .aisa-d-human { display: flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; width: 100% !important; margin-top: 10px !important; height: 44px !important; border-radius: 14px !important; background: var(--aisa-ink) !important; color: #fff !important; font-size: 13.5px !important; font-weight: 650 !important; cursor: pointer !important; transition: transform .15s ease, box-shadow .15s ease !important; }
.aisa-docs-app .aisa-d-human svg { width: 18px !important; height: 18px !important; color: #fff !important; }
.aisa-docs-app .aisa-d-human:hover, .aisa-docs-app .aisa-d-human:focus { background: var(--aisa-ink) !important; color: #fff !important; transform: translateY(-1px) !important; box-shadow: 0 8px 20px rgba(14, 15, 26, .18) !important; }
@media (max-width: 1100px) { .aisa-docs-app .aisa-d-human { display: none !important; } .aisa-docs-app .aisa-d-ai.is-open .aisa-d-human { display: flex !important; margin-bottom: 8px !important; } }

/* AI panel on small screens */
.aisa-docs-app .aisa-d-ai-close { display: none !important; }
html.aisa-d-lock, html.aisa-d-lock body { overflow: hidden !important; }
@media (max-width: 1100px) {
	.aisa-docs-app .aisa-d-ai { position: fixed !important; right: auto !important; left: 50% !important; bottom: calc(16px + env(safe-area-inset-bottom, 0px)) !important; transform: translateX(-50%) !important; width: min(420px, calc(100vw - 32px)) !important; z-index: 9990 !important; max-height: none !important; }
	.aisa-docs-app .aisa-d-ai-toggle { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; float: none !important; margin: 0 auto !important; height: 48px !important; padding: 0 18px 0 14px !important; border-radius: 999px !important; background: linear-gradient(135deg, var(--aisa-accent), var(--aisa-deep)) !important; color: #fff !important; font-size: 14px !important; font-weight: 650 !important; white-space: nowrap !important; box-shadow: 0 10px 30px color-mix(in srgb, var(--aisa-accent) 38%, transparent) !important; }
	.aisa-docs-app .aisa-d-ai-toggle svg { width: 18px !important; height: 18px !important; }
	.aisa-docs-app .aisa-d-ai-toggle:hover { background: linear-gradient(135deg, var(--aisa-accent), var(--aisa-deep)) !important; color: #fff !important; }
	.aisa-docs-app .aisa-d-ai-inner { display: none !important; height: min(620px, calc(100vh - 110px)) !important; margin-bottom: 10px !important; box-shadow: 0 24px 60px rgba(14, 15, 26, .22), 0 0 0 1px rgba(14, 15, 26, .07) !important; }
	.aisa-docs-app .aisa-d-ai.is-open .aisa-d-ai-inner { display: flex !important; }
	.aisa-docs-app .aisa-d-ai.is-open .aisa-d-ai-toggle { display: none !important; }
	.aisa-docs-app .aisa-d-ai.is-open .aisa-d-ai-close { display: flex !important; align-items: center !important; justify-content: center !important; width: 32px !important; height: 32px !important; border-radius: 10px !important; color: var(--aisa-muted) !important; cursor: pointer !important; }
	.aisa-docs-app .aisa-d-ai-close svg { width: 17px !important; height: 17px !important; }
	.aisa-docs-app .aisa-d-ai.is-open .aisa-d-human { display: flex !important; margin: 0 !important; }
	.aisa-docs-app .aisa-d-ai.is-open { width: min(420px, calc(100vw - 32px)) !important; }
}
@media (max-width: 600px) {
	/* Full-screen sheet on phones */
	.aisa-docs-app .aisa-d-ai.is-open { position: fixed !important; inset: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; transform: none !important; width: 100vw !important; display: flex !important; flex-direction: column !important; padding: 0 !important; z-index: 2147483000 !important; background: var(--aisa-canvas) !important; }
	.aisa-docs-app .aisa-d-ai.is-open .aisa-d-ai-inner { flex: 1 !important; min-height: 0 !important; height: auto !important; max-height: none !important; margin: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
	.aisa-docs-app .aisa-d-ai.is-open .aisa-d-ai-head { padding-top: calc(14px + env(safe-area-inset-top, 0px)) !important; }
	.aisa-docs-app .aisa-d-ai.is-open .aisa-d-human { margin: 0 !important; border-radius: 0 !important; height: 52px !important; padding-bottom: env(safe-area-inset-bottom, 0px) !important; box-sizing: content-box !important; }
	.aisa-docs-app .aisa-d-ai-composer textarea, .aisa-docs-app .aisa-d-search-box input { font-size: 16px !important; }
	.aisa-docs-app .aisa-d-ai:not(.is-open) { bottom: calc(14px + env(safe-area-inset-bottom, 0px)) !important; }
	.aisa-docs-app .aisa-d-ai-toggle { height: 46px !important; font-size: 13.5px !important; }
}

/* Subtler "Need a human?" link under the AI panel */
.aisa-docs-app .aisa-d-human { display: inline-flex !important; width: auto !important; margin: 18px auto 0 !important; height: 34px !important; padding: 0 14px 0 11px !important; border-radius: 999px !important; background: transparent !important; color: var(--aisa-muted) !important; font-size: 12.5px !important; font-weight: 600 !important; box-shadow: 0 0 0 1px var(--aisa-line) !important; }
.aisa-docs-app .aisa-d-human svg { width: 15px !important; height: 15px !important; color: var(--aisa-muted) !important; }
.aisa-docs-app .aisa-d-human:hover, .aisa-docs-app .aisa-d-human:focus { background: var(--aisa-tint) !important; color: var(--aisa-accent) !important; box-shadow: 0 0 0 1px var(--aisa-ring) !important; transform: none !important; }
.aisa-docs-app .aisa-d-human:hover svg { color: var(--aisa-accent) !important; }
.aisa-docs-app .aisa-d-ai { display: flex !important; flex-direction: column !important; align-items: center !important; }
.aisa-docs-app .aisa-d-ai-inner { width: 100% !important; }
@media (max-width: 1100px) { .aisa-docs-app .aisa-d-ai.is-open .aisa-d-human { margin: 8px auto 0 !important; } }
@media (max-width: 600px) { .aisa-docs-app .aisa-d-ai.is-open .aisa-d-human { margin: 8px auto calc(10px + env(safe-area-inset-bottom, 0px)) !important; height: 36px !important; padding: 0 14px 0 11px !important; border-radius: 999px !important; box-sizing: border-box !important; } }

/* More room between the hero search and the content below */
.aisa-docs-app .aisa-d-hero { padding-bottom: 40px !important; }
.aisa-docs-app .aisa-d-single .aisa-d-hero { padding-bottom: 40px !important; }
.aisa-docs-app .aisa-d-single .aisa-d-grid { padding-top: 10px !important; }
.aisa-docs-app .aisa-d-home .aisa-d-section:first-of-type { padding-top: 10px !important; }

/* Narrower article column, wider AI panel */
.aisa-docs-app .aisa-d-single.has-ai .aisa-d-grid { grid-template-columns: minmax(0, 1fr) 420px !important; gap: 32px !important; }
.aisa-docs-app .aisa-d-single.has-sidebar.has-ai .aisa-d-grid { grid-template-columns: 240px minmax(0, 1fr) 420px !important; gap: 32px !important; }
.aisa-docs-app .aisa-d-single .aisa-d-main { max-width: 760px !important; }
@media (max-width: 1100px) { .aisa-docs-app .aisa-d-single.has-sidebar.has-ai .aisa-d-grid { grid-template-columns: 230px minmax(0, 1fr) !important; } .aisa-docs-app .aisa-d-single.has-ai .aisa-d-grid { grid-template-columns: minmax(0, 1fr) !important; } .aisa-docs-app .aisa-d-single .aisa-d-main { max-width: none !important; } }
@media (max-width: 820px) { .aisa-docs-app .aisa-d-single.has-sidebar.has-ai .aisa-d-grid, .aisa-docs-app .aisa-d-single.has-ai .aisa-d-grid { grid-template-columns: minmax(0, 1fr) !important; } }

/* Keep the sidebar tight against the content column */
.aisa-docs-app .aisa-d-single.has-ai .aisa-d-grid { grid-template-columns: minmax(0, 780px) 420px !important; gap: 28px !important; justify-content: center !important; }
.aisa-docs-app .aisa-d-single.has-sidebar.has-ai .aisa-d-grid { grid-template-columns: 240px minmax(0, 780px) 420px !important; gap: 28px !important; justify-content: center !important; }
.aisa-docs-app .aisa-d-single .aisa-d-main { max-width: none !important; width: 100% !important; }
@media (max-width: 1100px) { .aisa-docs-app .aisa-d-single.has-sidebar.has-ai .aisa-d-grid { grid-template-columns: 230px minmax(0, 1fr) !important; } .aisa-docs-app .aisa-d-single.has-ai .aisa-d-grid { grid-template-columns: minmax(0, 1fr) !important; } }
@media (max-width: 820px) { .aisa-docs-app .aisa-d-single.has-sidebar.has-ai .aisa-d-grid, .aisa-docs-app .aisa-d-single.has-ai .aisa-d-grid { grid-template-columns: minmax(0, 1fr) !important; } }

/* ===== Definitive small-screen rules for the AI panel (highest specificity, placed last) ===== */
@media (max-width: 1100px) {
	.aisa-docs-app .aisa-d-single.has-ai .aisa-d-ai, .aisa-docs-app .aisa-d-single.has-ai .aisa-d-ai.is-open {
		position: fixed !important; top: auto !important; right: auto !important; bottom: calc(16px + env(safe-area-inset-bottom, 0px)) !important; left: 50% !important;
		transform: translateX(-50%) !important; width: min(420px, calc(100vw - 32px)) !important; max-height: none !important; margin: 0 !important; padding: 0 !important;
		display: flex !important; flex-direction: column !important; align-items: center !important; z-index: 9990 !important; background: transparent !important;
	}
	.aisa-docs-app .aisa-d-single.has-ai .aisa-d-ai-toggle { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; float: none !important; margin: 0 !important; height: 48px !important; padding: 0 18px 0 14px !important; border-radius: 999px !important; background: linear-gradient(135deg, var(--aisa-accent), var(--aisa-deep)) !important; color: #fff !important; font-size: 14px !important; font-weight: 650 !important; white-space: nowrap !important; box-shadow: 0 10px 30px color-mix(in srgb, var(--aisa-accent) 38%, transparent) !important; cursor: pointer !important; }
	.aisa-docs-app .aisa-d-single.has-ai .aisa-d-ai-toggle svg { width: 18px !important; height: 18px !important; color: #fff !important; }
	.aisa-docs-app .aisa-d-single.has-ai .aisa-d-ai-toggle span { color: #fff !important; }
	.aisa-docs-app .aisa-d-single.has-ai .aisa-d-ai-inner { display: none !important; width: 100% !important; height: min(620px, calc(100vh - 110px)) !important; max-height: none !important; margin: 0 0 10px !important; border-radius: 20px !important; box-shadow: 0 24px 60px rgba(14, 15, 26, .22), 0 0 0 1px rgba(14, 15, 26, .07) !important; }
	.aisa-docs-app .aisa-d-single.has-ai .aisa-d-ai.is-open .aisa-d-ai-inner { display: flex !important; }
	.aisa-docs-app .aisa-d-single.has-ai .aisa-d-ai.is-open .aisa-d-ai-toggle { display: none !important; }
	.aisa-docs-app .aisa-d-single.has-ai .aisa-d-ai-close { display: none !important; }
	.aisa-docs-app .aisa-d-single.has-ai .aisa-d-ai.is-open .aisa-d-ai-close { display: flex !important; align-items: center !important; justify-content: center !important; width: 32px !important; height: 32px !important; border-radius: 10px !important; color: var(--aisa-muted) !important; cursor: pointer !important; }
	.aisa-docs-app .aisa-d-single.has-ai .aisa-d-human { display: none !important; }
	.aisa-docs-app .aisa-d-single.has-ai .aisa-d-ai.is-open .aisa-d-human { display: inline-flex !important; margin: 0 0 4px !important; }
}
@media (max-width: 600px) {
	.aisa-docs-app .aisa-d-single.has-ai .aisa-d-ai.is-open {
		top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; transform: none !important; width: 100vw !important; height: 100vh !important; height: 100dvh !important;
		z-index: 2147483000 !important; background: var(--aisa-canvas) !important; align-items: stretch !important;
	}
	.aisa-docs-app .aisa-d-single.has-ai .aisa-d-ai.is-open .aisa-d-ai-inner { flex: 1 !important; min-height: 0 !important; height: auto !important; margin: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
	.aisa-docs-app .aisa-d-single.has-ai .aisa-d-ai.is-open .aisa-d-ai-head { padding-top: calc(14px + env(safe-area-inset-top, 0px)) !important; }
	.aisa-docs-app .aisa-d-single.has-ai .aisa-d-ai.is-open .aisa-d-human { align-self: center !important; margin: 8px 0 calc(10px + env(safe-area-inset-bottom, 0px)) !important; }
	.aisa-docs-app .aisa-d-single.has-ai .aisa-d-ai-toggle { height: 46px !important; font-size: 13.5px !important; }
	.aisa-docs-app .aisa-d-ai-composer textarea, .aisa-docs-app .aisa-d-search-box input { font-size: 16px !important; }
}

/* Typing indicator: mark above, three horizontal dots (same as the floating widget) */
.aisa-docs-app .aisa-d-typing { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 8px !important; padding: 0 !important; margin: 0 0 16px !important; }
.aisa-docs-app .aisa-d-typing .aisa-d-who { margin: 0 !important; }
.aisa-docs-app .aisa-d-dots { display: inline-flex !important; flex-direction: row !important; align-items: center !important; gap: 5px !important; padding: 6px 2px !important; }
.aisa-docs-app .aisa-d-dots span { display: block !important; width: 7px !important; height: 7px !important; border-radius: 50% !important; background: var(--aisa-accent) !important; opacity: .4 !important; animation: aisa-d-dot 1.2s infinite !important; }
.aisa-docs-app .aisa-d-dots span:nth-child(2) { animation-delay: .2s !important; }
.aisa-docs-app .aisa-d-dots span:nth-child(3) { animation-delay: .4s !important; }

/* Mobile sheet sits above everything, including the floating widget launcher */
@media (max-width: 600px) {
	.aisa-docs-app .aisa-d-single.has-ai .aisa-d-ai.is-open { z-index: 2147483647 !important; }
	html.aisa-d-lock .aisa { display: none !important; }
	.aisa-docs-app .aisa-d-single.has-ai .aisa-d-ai.is-open .aisa-d-ai-close { display: flex !important; width: 38px !important; height: 38px !important; border-radius: 12px !important; background: var(--aisa-canvas) !important; color: var(--aisa-ink) !important; box-shadow: 0 0 0 1px rgba(14, 15, 26, .08) !important; }
	.aisa-docs-app .aisa-d-single.has-ai .aisa-d-ai.is-open .aisa-d-ai-close svg { width: 18px !important; height: 18px !important; }
}
@media (max-width: 1100px) {
	.aisa-docs-app .aisa-d-single.has-ai .aisa-d-ai.is-open { z-index: 2147483647 !important; }
}

/* While the panel is open on smaller screens, hide the floating widget launcher so nothing overlaps */
html.aisa-d-panel-open .aisa:not(.aisa--open) { display: none !important; }

.aisa-docs-app .aisa-d-msg { gap: 7px !important; }

/* Code disclaimer box (shared markdown renderer) */
.aisa-d .aisa-codenote { display: flex; gap: 10px; align-items: flex-start; margin: 0 0 12px; padding: 10px 12px; border-radius: 12px; background: #fff8e6; border-left: 3px solid #f59e0b; box-shadow: 0 0 0 1px rgba(245, 158, 11, .25); color: #7c4a03; }
.aisa-d .aisa-codenote > svg { width: 18px; height: 18px; flex: none; margin-top: 1px; color: #d97706; }
.aisa-d .aisa-codenote > div { display: flex; flex-direction: column; gap: 2px; }
.aisa-d .aisa-codenote strong { font-size: 12px; font-weight: 700; letter-spacing: .02em; text-transform: uppercase; color: #92400e; }
.aisa-d .aisa-codenote span { font-size: 12.5px; line-height: 1.45; }

.aisa-d .aisa-d-cap-note { display: flex; gap: 10px; align-items: flex-start; margin: 0 0 16px; padding: 10px 12px; border-radius: 12px; background: var(--aisa-d-tint, #f4f6fb); box-shadow: 0 0 0 1px rgba(14, 15, 26, .08); font-size: 13px; line-height: 1.45; }
.aisa-d .aisa-d-cap-note svg { width: 16px; height: 16px; flex: none; margin-top: 2px; color: var(--aisa-d-accent, #4f46e5); }
.aisa-d .is-capped { display: none !important; }

/* Library badge above the hero heading */
.aisa-docs-app .aisa-d-libbadge { display: inline-flex !important; flex-direction: column !important; align-items: center !important; gap: 2px !important; margin: 6px auto 14px !important; padding: 10px 22px !important; border-radius: 16px !important; background: var(--aisa-surface) !important; box-shadow: 0 0 0 1px rgba(14, 15, 26, .06), 0 10px 30px rgba(14, 15, 26, .08) !important; text-decoration: none !important; transition: transform .15s ease, box-shadow .15s ease !important; }
.aisa-docs-app .aisa-d-libbadge:hover { transform: translateY(-1px) !important; box-shadow: 0 0 0 1px var(--aisa-accent), 0 14px 34px rgba(14, 15, 26, .1) !important; }
.aisa-docs-app .aisa-d-libbadge-kicker { font-size: 11px !important; font-weight: 700 !important; letter-spacing: .1em !important; text-transform: uppercase !important; color: var(--aisa-muted) !important; }
.aisa-docs-app .aisa-d-libbadge-name { font-size: clamp(20px, 2.4vw, 26px) !important; font-weight: 800 !important; letter-spacing: -.02em !important; line-height: 1.15 !important; background: linear-gradient(135deg, var(--aisa-accent), var(--aisa-deep)) !important; -webkit-background-clip: text !important; background-clip: text !important; color: transparent !important; }
.aisa-docs-app .aisa-d-libbadge + h1 { margin-top: 0 !important; }

/* Library badge: centred as a block above the heading */
.aisa-docs-app .aisa-d-hero .aisa-d-libbadge { display: flex !important; width: max-content !important; max-width: 100% !important; margin: 8px auto 16px !important; text-align: center !important; }
.aisa-docs-app .aisa-d-hero .aisa-d-crumbs + .aisa-d-libbadge { margin-top: 14px !important; }

/* Knowledge base name: plain large title above the breadcrumbs */
.aisa-docs-app .aisa-d-hero .aisa-d-libbadge { display: block !important; width: auto !important; margin: 0 0 10px !important; padding: 0 !important; background: transparent !important; box-shadow: none !important; transform: none !important; }
.aisa-docs-app .aisa-d-hero .aisa-d-libbadge:hover { box-shadow: none !important; transform: none !important; }
.aisa-docs-app .aisa-d-libbadge-name { display: block !important; font-size: clamp(22px, 2.6vw, 30px) !important; font-weight: 800 !important; letter-spacing: -.02em !important; line-height: 1.15 !important; }
.aisa-docs-app .aisa-d-libbadge + .aisa-d-crumbs { margin-top: 0 !important; }

/* Mirrored article notice */
.aisa-synced-note { margin: 0 0 18px !important; padding: 10px 14px !important; border-radius: 10px !important; background: var(--aisa-tint) !important; color: var(--aisa-muted) !important; font-size: 13.5px !important; }
.aisa-synced-note a { color: var(--aisa-accent) !important; }

/* A little more breathing room above the hero heading */
.aisa-docs-app .aisa-d-hero { padding-top: 72px !important; }
.aisa-docs-app .aisa-d-hero h1 { margin-top: 18px !important; }
.aisa-docs-app .aisa-d-hero .aisa-d-crumbs { margin-bottom: 4px !important; }
@media (max-width: 782px) { .aisa-docs-app .aisa-d-hero { padding-top: 48px !important; } }

/* Search results from the category you are viewing */
.aisa-docs-app .aisa-d-result.is-here { box-shadow: inset 3px 0 0 var(--aisa-accent) !important; }
