/* BT Knowledge Base — frontend styles.
   Fonts, text colour and spacing inherit from the active theme.
   Callout accent colours are intentionally semantic. */

/* ---------- Callouts ---------- */
.bt-callout {
	--bt-c: #3b82f6;
	--bt-bg: rgba( 59, 130, 246, 0.08 );
	display: flex;
	gap: 0.85em;
	padding: 1em 1.15em;
	margin: 1.5em 0;
	border: 1px solid var(--bt-c);
	border-left-width: 4px;
	border-radius: 6px;
	background: var(--bt-bg);
}
.bt-callout__icon {
	color: var(--bt-c);
	flex: 0 0 auto;
	line-height: 1;
	margin-top: 0.1em;
}
.bt-callout__icon svg { display: block; width: 22px; height: 22px; }
.bt-callout__content { flex: 1 1 auto; min-width: 0; }
.bt-callout__title {
	font-weight: 700;
	margin: 0 0 0.35em;
	color: var(--bt-c);
	line-height: 1.3;
}
.bt-callout__body > *:first-child { margin-top: 0; }
.bt-callout__body > *:last-child { margin-bottom: 0; }

.bt-callout--note    { --bt-c: #3b82f6; --bt-bg: rgba( 59, 130, 246, 0.08 ); }
.bt-callout--info    { --bt-c: #0ea5e9; --bt-bg: rgba( 14, 165, 233, 0.08 ); }
.bt-callout--tip     { --bt-c: #10b981; --bt-bg: rgba( 16, 185, 129, 0.09 ); }
.bt-callout--success { --bt-c: #16a34a; --bt-bg: rgba( 22, 163, 74, 0.09 ); }
.bt-callout--warning { --bt-c: #d97706; --bt-bg: rgba( 217, 119, 6, 0.10 ); }
.bt-callout--danger  { --bt-c: #dc2626; --bt-bg: rgba( 220, 38, 38, 0.09 ); }

/* ---------- Table of contents ---------- */
.bt-kb-toc {
	border: 1px solid rgba( 0, 0, 0, 0.12 );
	border-radius: 8px;
	padding: 1em 1.25em;
	margin: 0 0 1.75em;
	background: rgba( 0, 0, 0, 0.02 );
}
.bt-kb-toc__title {
	margin: 0 0 0.5em;
	font-weight: 700;
	font-size: 0.8em;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	opacity: 0.75;
}
.bt-kb-toc ul { margin: 0; padding-left: 1.2em; }
.bt-kb-toc li { margin: 0.3em 0; }
.bt-kb-toc__sub { margin-top: 0.3em; }
.bt-kb-toc a { text-decoration: none; }
.bt-kb-toc a:hover { text-decoration: underline; }

/* ---------- Breadcrumbs ---------- */
.bt-kb-breadcrumbs {
	font-size: 0.9em;
	opacity: 0.8;
	margin: 0 0 1.25em;
}
.bt-kb-breadcrumbs a { text-decoration: none; }
.bt-kb-breadcrumbs .bt-kb-sep { opacity: 0.5; margin: 0 0.15em; }

/* ---------- Related ---------- */
.bt-kb-more {
	margin: 2.5em 0 0;
	border-top: 1px solid rgba( 0, 0, 0, 0.12 );
	padding-top: 1.25em;
}
.bt-kb-more__title { font-weight: 700; margin: 0 0 0.5em; }
.bt-kb-more ul { margin: 0; padding-left: 1.2em; }

/* ---------- Index ---------- */
.bt-kb-search { display: flex; gap: 0.5em; margin: 0 0 1.75em; }
.bt-kb-search input[type="search"] { flex: 1 1 auto; }

.bt-kb-index {
	display: grid;
	gap: 1.25em;
	grid-template-columns: repeat( auto-fill, minmax( 260px, 1fr ) );
}
.bt-kb-cat-card {
	border: 1px solid rgba( 0, 0, 0, 0.12 );
	border-radius: 10px;
	padding: 1.15em 1.3em;
}
.bt-kb-cat-card h3 { margin: 0 0 0.4em; }
.bt-kb-cat-card__desc { margin: 0 0 0.6em; opacity: 0.8; font-size: 0.95em; }
.bt-kb-sub { margin: 0 0 0.6em; padding-left: 1.1em; font-weight: 600; }
.bt-kb-articles { margin: 0; padding-left: 1.1em; }
.bt-kb-articles li,
.bt-kb-sub li { margin: 0.25em 0; }
.bt-kb-cat-card a { text-decoration: none; }
.bt-kb-cat-card a:hover { text-decoration: underline; }

/* Category archive list (bundled taxonomy template) */
.bt-kb-term-articles { margin: 1em 0 0; padding-left: 1.1em; }
.bt-kb-term-articles li { margin: 0.35em 0; }