/* Five Blocks Knowledge Center — minimal, theme-agnostic styling */
.fbkc { max-width: 820px; margin: 0 auto; padding: 2rem 1.25rem; }
.fbkc-landing, .fbkc-hub { max-width: 1040px; }

.fbkc-breadcrumb { font-size: .85rem; color: #6b7280; margin-bottom: 1.25rem; }
.fbkc-breadcrumb a { color: #6b7280; text-decoration: none; }
.fbkc-breadcrumb a:hover { text-decoration: underline; }
.fbkc-breadcrumb span { margin: 0 .35rem; }

/* Single question */
.fbkc-question { font-size: 1.95rem; line-height: 1.25; margin: 0 0 1.25rem; }
.fbkc-nugget { border-left: 3px solid #1f49d6; background: #f6f8ff; padding: 1rem 1.2rem; border-radius: 6px; margin: 0 0 1.75rem; }
.fbkc-nugget-label { display: block; font-size: .72rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #1f49d6; margin-bottom: .35rem; }
.fbkc-nugget p { margin: 0; font-size: 1.1rem; font-weight: 500; line-height: 1.55; color: #111827; }
.fbkc-answer { font-size: 1.04rem; line-height: 1.75; color: #1f2937; }
.fbkc-answer p { margin: 0 0 1.1rem; }
.fbkc-answer h2, .fbkc-answer h3 { line-height: 1.3; margin: 1.8rem 0 .6rem; }
.fbkc-answer ul, .fbkc-answer ol { margin: 0 0 1.1rem 1.25rem; }
.fbkc-answer li { margin: .3rem 0; }
.fbkc-reviewed { margin-top: 1.75rem; font-size: .78rem; color: #9ca3af; text-transform: uppercase; letter-spacing: .03em; }

.fbkc-related { margin-top: 2.75rem; padding-top: 1.5rem; border-top: 1px solid #e5e7eb; }
.fbkc-related h2 { font-size: 1.15rem; margin: 0 0 1rem; }
.fbkc-related-list { list-style: none; padding: 0; margin: 0; display: grid; gap: .6rem; }
.fbkc-related-list a { display: block; padding: .8rem 1rem; border: 1px solid #e5e7eb; border-radius: 8px; text-decoration: none; transition: border-color .12s, background .12s; }
.fbkc-related-list a:hover { border-color: #1f49d6; background: #f6f8ff; }
.fbkc-related-q { display: block; font-weight: 600; color: #111827; font-size: 1rem; line-height: 1.4; }
.fbkc-related-list a:hover .fbkc-related-q { color: #1f49d6; }
.fbkc-related-n { display: block; color: #6b7280; font-size: .88rem; margin-top: .2rem; }

/* Hub */
.fbkc-hub-header { margin-bottom: 1.5rem; }
.fbkc-hub-header h1 { font-size: 2.1rem; line-height: 1.2; margin: 0 0 .4rem; }
.fbkc-hub-desc { color: #4b5563; font-size: 1.05rem; margin: 0 0 .4rem; }
.fbkc-hub-meta { color: #9ca3af; font-size: .85rem; margin: 0; text-transform: uppercase; letter-spacing: .03em; }

/* "On this page" chips */
.fbkc-toc { display: flex; flex-wrap: wrap; gap: .5rem; margin: 1.25rem 0 2.25rem; }
.fbkc-toc-chip { display: inline-block; padding: .4rem .85rem; border: 1px solid #e5e7eb; border-radius: 999px; background: #fff; color: #1f2937; text-decoration: none; font-size: .9rem; line-height: 1; transition: border-color .15s, background .15s, color .15s; }
.fbkc-toc-chip:hover { border-color: #1f49d6; background: #f6f8ff; color: #1f49d6; }

.fbkc-subcat { margin: 0 0 2.5rem; scroll-margin-top: 1.5rem; }
.fbkc-subcat-title { display: flex; align-items: center; gap: .6rem; font-size: 1.3rem; margin: 0 0 .5rem; padding-bottom: .4rem; border-bottom: 2px solid #1f49d6; }
.fbkc-subcat-count { font-size: .8rem; font-weight: 600; color: #6b7280; background: #f3f4f6; border-radius: 999px; padding: .1rem .55rem; }

/* Question accordion (native <details>, no JS) */
.fbkc-q-list { list-style: none; padding: 0; margin: 0; }
.fbkc-q-item { border-bottom: 1px solid #eef0f2; }
.fbkc-q-item details { padding: 0; }
.fbkc-q-title {
	display: flex; align-items: flex-start; gap: .6rem; cursor: pointer; list-style: none;
	padding: .95rem .75rem; margin: 0 -.75rem; border-radius: 6px;
	font-weight: 600; color: #111827; font-size: 1.06rem; line-height: 1.45;
	border-left: 3px solid transparent; transition: background .12s, color .12s;
}
.fbkc-q-title::-webkit-details-marker { display: none; }
.fbkc-q-title::before {
	content: ""; flex: 0 0 auto; width: .55rem; height: .55rem; margin-top: .38rem;
	border-right: 2px solid #9ca3af; border-bottom: 2px solid #9ca3af;
	transform: rotate(-45deg); transition: transform .18s;
}
.fbkc-q-item details[open] > .fbkc-q-title::before { transform: rotate(45deg); border-color: #1f49d6; }
.fbkc-q-title:hover { background: #f6f8ff; color: #1f49d6; border-left-color: #1f49d6; }
.fbkc-q-item details[open] > .fbkc-q-title { color: #1f49d6; }
.fbkc-q-body { padding: 0 .75rem 1.1rem 1.9rem; }
.fbkc-q-answer { color: #374151; font-size: .98rem; line-height: 1.6; margin: 0 0 .65rem; }
.fbkc-q-more { display: inline-block; font-size: .9rem; font-weight: 600; color: #1f49d6; text-decoration: none; }
.fbkc-q-more:hover { text-decoration: underline; }

/* Landing */
.fbkc-landing-header { text-align: center; margin-bottom: 2.5rem; }
.fbkc-group { margin: 0 0 2.5rem; }
.fbkc-group-title { font-size: 1.35rem; margin: 0 0 1rem; padding-bottom: .4rem; border-bottom: 1px solid #e5e7eb; color: #111827; }
.fbkc-cat-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 1rem; }
.fbkc-cat-card { display: block; border: 1px solid #e5e7eb; border-radius: 8px; padding: 1.25rem; text-decoration: none; color: inherit; transition: box-shadow .15s, border-color .15s; }
.fbkc-cat-card:hover { border-color: #1f49d6; box-shadow: 0 4px 14px rgba(31,73,214,.08); }
.fbkc-cat-card h3 { font-size: 1.15rem; margin: 0 0 .4rem; color: #111827; }
.fbkc-count { color: #6b7280; font-size: .85rem; }

@media (max-width: 600px) { .fbkc-toc ul { columns: 1; } }