/* Stripe-style API article layout — Payoneer typography/colors from developers-docs + product-subpage */

.doc-article-wrap {
	max-width: 1440px;
	margin: 0 auto;
}

.doc-article-main {
	max-width: 720px;
}

/* Three-column docs: flush-left sticky nav | article | sticky right TOC (ends before footer) */
.developer-docs.doc-article-wrap.developer-docs--three-col {
	display: grid;
	grid-template-columns: var(--docs-products-sidebar-w, 300px) minmax(0, 1fr) var(--docs-toc-sidebar-w, 220px);
	width: 100%;
	max-width: none;
	margin: 0;
	min-height: 0;
	border-bottom: 1px solid #e5e5e5;
	background: #fff;
	align-items: start;
}

.developer-docs--three-col .developer-docs-sidebar--products {
	grid-column: 1;
	position: sticky;
	top: var(--docs-sidebar-top, 72px);
	width: var(--docs-products-sidebar-w, 300px);
	height: calc(100vh - var(--docs-sidebar-top, 72px));
	max-height: calc(100vh - var(--docs-sidebar-top, 72px));
	margin-top: 0;
	border-right: 1px solid #e8eaed;
	background: #f8f9fb;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	min-height: 0;
	align-self: start;
	z-index: 2;
}

.developer-docs--three-col .developer-docs-sidebar--toc {
	grid-column: 3;
	position: sticky;
	top: var(--docs-sidebar-top, 72px);
	width: var(--docs-toc-sidebar-w, 220px);
	height: calc(100vh - var(--docs-sidebar-top, 72px));
	max-height: calc(100vh - var(--docs-sidebar-top, 72px));
	border-left: 1px solid #e8eaed;
	background: #fff;
	overflow-y: auto;
	align-self: start;
}

.developer-docs--three-col .developer-docs-sidebar {
	flex: unset;
	width: auto;
}

.developer-docs--three-col .developer-docs-main.doc-article-main {
	grid-column: 2;
	min-width: 0;
	max-width: none;
	margin: 0;
	padding: 1.5rem 2rem 3rem;
}

.developer-docs--three-col .doc-article-main {
	max-width: none;
}

.developer-docs--three-col .doc-article-lead {
	max-width: min(92rem, 100%);
}

/* Use full center column (left nav | article | right TOC) — matches billing-services layout */
.developer-docs--three-col .doc-article-prose {
	max-width: min(92rem, 100%);
}

/* Two-column: flush-left sticky nav | hub content (ends before footer) */
.developer-docs.doc-article-wrap.developer-docs--two-col-product {
	display: grid;
	grid-template-columns: var(--docs-products-sidebar-w, 300px) minmax(0, 1fr);
	width: 100%;
	max-width: none;
	margin: 0;
	min-height: 0;
	border-bottom: 1px solid #e5e5e5;
	background: #fff;
	align-items: start;
}

.developer-docs--two-col-product .developer-docs-sidebar--products {
	grid-column: 1;
	position: sticky;
	top: var(--docs-sidebar-top, 72px);
	width: var(--docs-products-sidebar-w, 300px);
	height: calc(100vh - var(--docs-sidebar-top, 72px));
	max-height: calc(100vh - var(--docs-sidebar-top, 72px));
	border-right: 1px solid #e8eaed;
	background: #f8f9fb;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	min-height: 0;
	align-self: start;
	z-index: 2;
}

.developer-docs--two-col-product .developer-docs-sidebar {
	flex: unset;
	width: auto;
}

.developer-docs--two-col-product .developer-docs-main {
	grid-column: 2;
	min-width: 0;
	margin: 0;
}

/* Left product nav: title always visible; only links + CTA scroll */
.developer-docs.doc-article-wrap .developer-docs-sidebar--products {
	padding-top: 0;
	padding-bottom: 0;
}

.developer-docs.doc-article-wrap .developer-docs-sidebar--products .developer-docs-sidebar-inner {
	display: flex;
	flex-direction: column;
	flex: 1;
	min-height: 0;
	padding: 0;
}

body.developer-docs-page .developer-docs.doc-article-wrap .developer-docs-sidebar--products .developer-docs-sidebar-search {
	display: none !important;
}

.developer-docs.doc-article-wrap .developer-docs-sidebar--products .developer-docs-sidebar-search {
	flex-shrink: 0;
	padding: 0.625rem 1rem;
	background: #f8f9fb;
	border-bottom: 1px solid #e8eaed;
}

.developer-docs.doc-article-wrap .developer-docs-sidebar--products .developer-docs-sidebar-search-input {
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 0.4375rem 0.75rem 0.4375rem 2rem;
	font-size: 0.875rem;
	line-height: 1.4;
	color: #2b2e35;
	background-color: #fff;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: 0.625rem center;
	background-size: 0.875rem;
	border: 1px solid #d8dce3;
	border-radius: 6px;
}

.developer-docs.doc-article-wrap .developer-docs-sidebar--products .developer-docs-sidebar-search-input::placeholder {
	color: #9ca3af;
}

.developer-docs.doc-article-wrap .developer-docs-sidebar--products .developer-docs-sidebar-search-input:focus {
	outline: none;
	border-color: #2171e0;
	box-shadow: 0 0 0 2px rgba(33, 113, 224, 0.15);
}

.developer-docs.doc-article-wrap .developer-docs-sidebar--products .developer-docs-sidebar-search-empty {
	margin: 0.75rem 1.25rem 0;
	font-size: 0.8125rem;
	color: #6b7280;
}

.developer-docs-nav-filter-hidden {
	display: none !important;
}

.developer-docs.doc-article-wrap .developer-docs-sidebar--products .developer-docs-nav-label {
	flex-shrink: 0;
	margin: 0;
	padding: 0.875rem 1.25rem;
	font-family: "AvenirNextWorld-Demi", "Payo Fallback Demi Font", system-ui, sans-serif;
	font-size: 0.75rem;
	font-weight: normal;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #2b2e35;
	border: none;
	background: #f8f9fb;
}

.developer-docs.doc-article-wrap .developer-docs-sidebar--products .developer-docs-sidebar-scroll {
	overflow-y: auto;
	flex: 1 1 auto;
	min-height: 0;
	padding: 0 0 1rem;
	-webkit-overflow-scrolling: touch;
	overflow-anchor: none;
}

.developer-docs.doc-article-wrap .developer-docs-sidebar--products .developer-docs-nav-section:first-of-type {
	padding-top: 0.5rem;
}

/* Product nav — edge-to-edge, left-accent active state */
.developer-docs.doc-article-wrap .developer-docs-sidebar--products .developer-docs-nav a {
	padding: 0.4375rem 1.25rem;
	margin: 0;
	font-size: 0.9375rem;
	line-height: 1.45;
	border-radius: 0;
	color: #4b5563 !important;
	font-weight: 400;
	transition: color 0.12s ease, background-color 0.12s ease;
}

.developer-docs.doc-article-wrap .developer-docs-sidebar--products .developer-docs-nav > li > a {
	font-weight: 500;
	color: #2b2e35 !important;
}

.developer-docs.doc-article-wrap .developer-docs-sidebar--products .developer-docs-nav > li:has(> .developer-docs-nav--nested) > a {
	font-family: "AvenirNextWorld-Demi", "Payo Fallback Demi Font", system-ui, sans-serif;
	font-weight: normal;
	color: #111 !important;
}

.developer-docs.doc-article-wrap .developer-docs-sidebar--products .developer-docs-nav .developer-docs-nav-group-title {
	font-family: "AvenirNextWorld-Demi", "Payo Fallback Demi Font", system-ui, sans-serif;
	font-size: 0.9375rem;
	line-height: 1.45;
	font-weight: normal;
	padding: 0.4375rem 1.25rem;
	margin: 0;
	color: #111;
}

.developer-docs.doc-article-wrap .developer-docs-sidebar--products .developer-docs-nav-section {
	margin: 0;
	padding: 1rem 1.25rem 0.375rem;
	font-family: "AvenirNextWorld-Demi", "Payo Fallback Demi Font", system-ui, sans-serif;
	font-size: 0.6875rem;
	font-weight: normal;
	line-height: 1.3;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #9ca3af !important;
}

.developer-docs.doc-article-wrap .developer-docs-sidebar--products .developer-docs-nav-section:not(:first-of-type) {
	border-top: 1px solid #e8eaed;
	margin-top: 0.5rem;
	padding-top: 1.125rem;
}

.developer-docs.doc-article-wrap .developer-docs-sidebar--products .developer-docs-nav--nested {
	margin: 0 0 0.25rem;
	padding: 0;
	border-left: none;
}

.developer-docs.doc-article-wrap .developer-docs-sidebar--products .developer-docs-nav > li > a + .developer-docs-nav--nested {
	margin-top: 0;
}

.developer-docs.doc-article-wrap .developer-docs-sidebar--products .developer-docs-nav--nested a {
	padding-left: 2rem;
	font-size: 0.875rem;
	font-weight: 400;
	color: #6b7280 !important;
}

.developer-docs.doc-article-wrap .developer-docs-sidebar--products .developer-docs-nav a:hover {
	background: #eef0f4;
	color: #2b2e35 !important;
}

.developer-docs.doc-article-wrap .developer-docs-sidebar--products .developer-docs-nav a[aria-current="page"] {
	color: #6a4fc9 !important;
	font-weight: 500;
	background: #f0ebfc;
	box-shadow: inset 3px 0 0 #7c60d5;
}

.developer-docs.doc-article-wrap .developer-docs-sidebar--products .developer-docs-sidebar-cta {
	margin-top: 0.75rem !important;
	padding: 0.75rem 1.25rem 1rem;
	border-top: 1px solid #e8eaed;
}

.developer-docs.doc-article-wrap .developer-docs-sidebar--products .developer-docs-sidebar-cta .btn {
	width: 100%;
	padding: 0.5rem 1rem;
	font-size: 0.8125rem;
	border-radius: 9999px;
}

.developer-docs-nav-section {
	font-family: "AvenirNextWorld-Demi", "Payo Fallback Demi Font", system-ui, sans-serif;
	font-size: 0.625rem;
	font-weight: normal;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #9ca3af;
	margin: 0;
	padding: 1rem 1.25rem 0.375rem;
}

.developer-docs-nav-section:not(:first-child) {
	border-top: 1px solid #e8eaed;
	margin-top: 0.5rem;
	padding-top: 1.125rem;
}

.developer-docs-nav > li > a + .developer-docs-nav--nested {
	margin-top: 0;
}

.developer-docs-nav--nested {
	list-style: none;
	margin: 0 0 0.25rem;
	padding: 0;
	border-left: none;
}

/* Additional services → Cards: card links, then “Capital advance” + Get offers */
.developer-docs-nav--nested + .developer-docs-nav-group-title {
	margin-top: 0.5rem;
}
.developer-docs-nav--nested + .developer-docs-nav-group-title + .developer-docs-nav--nested {
	margin-top: 0.15rem;
}

.developer-docs-nav--nested .developer-docs-nav {
	margin: 0;
}

.developer-docs-nav a[aria-current="page"] {
	color: #6a4fc9 !important;
	font-weight: 500;
	background: #f0ebfc;
	box-shadow: inset 3px 0 0 #7c60d5;
	border-radius: 0;
}

/* Right "On this page" TOC: scroll-spy current section (see js/doc-toc-scrollspy.js) */
.developer-docs-sidebar--toc .developer-docs-nav-label {
	font-family: "AvenirNextWorld-Demi", "Payo Fallback Demi Font", system-ui, sans-serif;
	font-size: 0.625rem;
	font-weight: normal;
	letter-spacing: 0.14em;
	margin: 0 0 0.75rem;
	padding: 0 1rem;
	color: #2b2e35;
}

.developer-docs-sidebar--toc .developer-docs-sidebar-inner {
	padding: 1.125rem 0 1.5rem;
}

.developer-docs-sidebar--toc .developer-docs-nav li {
	margin: 0;
	line-height: 1.3;
}

.developer-docs-sidebar--toc .developer-docs-nav a {
	font-size: 0.8125rem;
	font-weight: 400;
	padding: 0.35rem 1rem;
	margin: 0;
	line-height: 1.35;
	border-radius: 0;
	color: #6b7280 !important;
	transition: color 0.12s ease, background-color 0.12s ease;
}

.developer-docs-sidebar--toc .developer-docs-nav a:hover {
	background: #f4f5f7;
	color: #2b2e35 !important;
}

.developer-docs-sidebar--toc .developer-docs-nav a[aria-current="true"],
.developer-docs-sidebar--toc .developer-docs-nav a.doc-toc--active {
	color: #6a4fc9 !important;
	font-weight: 500;
	background: #f0ebfc;
	box-shadow: inset 3px 0 0 #7c60d5;
}

.ask-ai-label {
	display: block;
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #111827;
	margin-bottom: 0.45rem;
}

.ask-ai-input-wrap {
	display: flex;
	gap: 0.4rem;
	align-items: stretch;
}

.ask-ai-input {
	flex: 1;
	min-width: 0;
	font-size: 0.8125rem;
	line-height: 1.35;
	padding: 0.4rem 0.65rem;
	border: 1px solid #d1d5db;
	border-radius: 8px;
}

.ask-ai-input:focus {
	border-color: #2171e0;
	box-shadow: 0 0 0 2px rgba(33, 113, 224, 0.2);
	outline: none;
}

/* Ask button: Helio rainbow — see css/ask-ai-header.css (loaded on all pages with Ask AI) */

.ask-ai-response {
	margin-top: 0.65rem;
	font-size: 0.8125rem;
	line-height: 1.5;
	color: #374151;
	max-height: 260px;
	overflow-y: auto;
	padding: 0.5rem 0.55rem;
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 8px;
}

.ask-ai-response:not([hidden]) {
	display: block;
}

.ask-ai-response a {
	color: #2171e0;
	text-decoration: none;
}

.ask-ai-response a:hover {
	text-decoration: underline;
}

.ask-ai-muted {
	color: #6b7280;
	font-size: 0.8125rem;
}

.ask-ai-match-title {
	font-weight: 700;
	color: #111827;
	font-size: 0.875rem;
}

.ask-ai-sources-title,
.ask-ai-related-title {
	font-size: 0.65rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #6b7280;
}

.ask-ai-sources li,
.ask-ai-related li {
	margin-bottom: 0.25rem;
}

.ask-ai-block--remote {
	border-left: 3px solid #2171e0;
	padding-left: 0.5rem;
}

@media (max-width: 991.98px) {
	.developer-docs.doc-article-wrap.developer-docs--three-col,
	.developer-docs.doc-article-wrap.developer-docs--two-col-product {
		grid-template-columns: 1fr;
	}

	.developer-docs--two-col-product .developer-docs-sidebar--products,
	.developer-docs--three-col .developer-docs-sidebar--products {
		grid-column: 1;
		position: relative;
		top: auto;
		width: 100%;
		height: auto;
		max-height: none;
		border-right: none;
		border-bottom: 1px solid #e5e5e5;
		background: #f8f9fb;
	}

	.developer-docs--two-col-product .developer-docs-main,
	.developer-docs--three-col .developer-docs-main.doc-article-main {
		grid-column: 1;
		margin: 0;
		padding: 1.5rem 1rem 2.5rem;
	}

	.developer-docs--three-col .developer-docs-sidebar--toc {
		grid-column: 1;
		position: relative;
		top: auto;
		width: 100%;
		height: auto;
		max-height: none;
		border-left: none;
		border-top: 1px solid #e5e5e5;
	}

	.developer-docs--three-col .doc-article-prose {
		max-width: none;
	}
}

.doc-article-main .developer-docs-breadcrumb {
	margin-bottom: 1.25rem;
}

.doc-article-lead {
	font-size: 1.125rem;
	line-height: 1.65;
	color: #333;
	margin: 0 0 1.5rem;
	max-width: 40rem;
}

.doc-article-prose {
	font-size: 1rem;
	line-height: 1.65;
	color: #333;
	font-family: "AvenirNextWorld-Regular", "Payo Fallback Reg Font", "Helvetica Neue", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

.doc-article-prose > :first-child {
	margin-top: 0;
}

.doc-figure {
	margin: 0 0 2rem;
}

.doc-figure img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	border: 1px solid #e5e5e5;
	border-radius: 10px;
	box-shadow: 0 4px 24px rgba(15, 23, 42, 0.08);
}

/* Screenshots / diagrams: keep prior display width so images are not upscaled (blurry) */
.doc-article-prose .doc-figure:not(.doc-figure--compact):not(.doc-figure--compact-ui):not(.doc-figure--wide) {
	max-width: min(58rem, 100%);
}

.doc-article-prose .doc-figure:not(.doc-figure--compact):not(.doc-figure--compact-ui):not(.doc-figure--wide) img {
	width: auto;
	max-width: 100%;
}

/* Flowcharts / sequence diagrams — same cap as screenshots (no upscaling) */
.doc-article-prose .doc-figure.doc-figure--wide {
	max-width: min(58rem, 100%);
	margin-left: auto;
	margin-right: auto;
}

.doc-article-prose .doc-figure.doc-figure--wide img {
	width: auto;
	max-width: 100%;
	height: auto;
}

.doc-figure figcaption {
	margin-top: 0.65rem;
	font-size: 0.9rem;
	line-height: 1.5;
	color: #555;
}

/* Narrower figures — phone / screenshot mockups */
.doc-article-prose .doc-figure.doc-figure--compact {
	max-width: 22rem;
	margin-left: auto;
	margin-right: auto;
}

.doc-article-prose .doc-figure.doc-figure--compact img {
	width: 100%;
	max-width: 100%;
}

/* Small embedded UI (login, modal) — override full-bleed img so width/height cap the display */
.doc-article-prose .doc-figure.doc-figure--compact-ui {
	max-width: 22rem;
	margin-left: auto;
	margin-right: auto;
}

.doc-article-prose .doc-figure.doc-figure--compact-ui .doc-figure-zoom__btn {
	width: 100%;
	max-width: 100%;
}

.doc-article-prose .doc-figure.doc-figure--compact-ui img {
	width: auto;
	max-width: 100%;
	height: auto;
}

/* Desktop-wide mockups — centered, capped width */
.doc-article-prose .doc-figure.doc-figure--desktop {
	max-width: min(52rem, 100%);
	margin-left: auto;
	margin-right: auto;
}

.doc-article-prose .doc-figure.doc-figure--desktop img {
	width: 100%;
	max-width: 100%;
}

.doc-article-prose h2 {
	font-size: 1.35rem;
	font-weight: 700;
	color: #111;
	margin: 2.25rem 0 1rem;
	padding-top: 0.125rem;
	scroll-margin-top: calc(var(--platform-toggle-bar-h, 0px) + var(--payo-header-h, 72px) + 1rem);
	font-family: "AvenirNextWorld-Demi", "Payo Fallback Demi Font", system-ui, sans-serif;
	letter-spacing: -0.02em;
}

.doc-article-prose h3 {
	font-size: 1.125rem;
	font-weight: 600;
	color: #111;
	margin: 1.5rem 0 0.5rem;
	scroll-margin-top: calc(var(--platform-toggle-bar-h, 0px) + var(--payo-header-h, 72px) + 1rem);
	font-family: "AvenirNextWorld-Demi", "Payo Fallback Demi Font", system-ui, sans-serif;
	letter-spacing: -0.01em;
}

.doc-article-prose h4 {
	font-size: 1rem;
	font-weight: 600;
	color: #1a1a1a;
	margin: 1.2rem 0 0.45rem;
	scroll-margin-top: calc(var(--platform-toggle-bar-h, 0px) + var(--payo-header-h, 72px) + 1rem);
	font-family: "AvenirNextWorld-Demi", "Payo Fallback Demi Font", system-ui, sans-serif;
	letter-spacing: -0.01em;
	line-height: 1.35;
}

.doc-article-prose p {
	margin: 0 0 1rem;
}

.doc-article-prose ul,
.doc-article-prose ol {
	margin: 0 0 1rem 0;
	padding-left: 1.5rem;
	list-style-position: outside;
}

.doc-article-prose ul {
	list-style-type: disc;
}

.doc-article-prose ol {
	list-style-type: decimal;
}

.doc-article-prose li {
	margin-bottom: 0.35rem;
}

.doc-article-prose code {
	font-size: 0.9em;
	padding: 0.125rem 0.35rem;
	background: #f0f4f8;
	border-radius: 4px;
	color: #0d1b2a;
}

.doc-article-prose .doc-code-block {
	font-size: 0.8125rem;
	line-height: 1.55;
	background: #f6f8fa;
	border: 1px solid #e5e5e5;
	border-radius: 8px;
	padding: 1rem 1.125rem;
	overflow-x: auto;
	margin: 0 0 1.25rem;
}

.doc-article-prose .doc-code-block code {
	padding: 0;
	background: none;
	font-size: inherit;
}

/* Code blocks: Prism.js + true black panel — use with .doc-code-block--dark + language-* */
.doc-article-prose pre.doc-code-block--dark {
	margin: 0 0 1.25rem;
	padding: 0;
	overflow-x: auto;
	overflow-y: hidden;
	background: transparent !important;
	border: none;
}

.doc-article-prose pre.doc-code-block--dark code[class*="language-"] {
	display: block;
	padding: 1rem 1.125rem !important;
	border-radius: 8px;
	border: 1px solid #30363d;
	box-shadow: 0 8px 28px rgba(0, 0, 0, 0.45);
	font-size: 0.8125rem;
	line-height: 1.55;
	tab-size: 2;
	font-family: ui-monospace, "Cascadia Code", "SFMono-Regular", Menlo, Monaco, Consolas, monospace;
	background: #000000 !important;
	color: #e6edf3 !important;
}

/* JSON — dark navy panel; coral keys, cyan strings, orange numbers (IDE-style) */
.doc-article-prose pre.doc-code-block--dark code.language-json {
	background: #0d1117 !important;
	color: #e6edf3 !important;
}

.doc-article-prose pre.doc-code-block--dark code.language-json .token.property {
	color: #f88379;
}

.doc-article-prose pre.doc-code-block--dark code.language-json .token.string {
	color: #7dd3fc;
}

.doc-article-prose pre.doc-code-block--dark code.language-json .token.number {
	color: #ffa657;
}

.doc-article-prose pre.doc-code-block--dark code.language-json .token.boolean,
.doc-article-prose pre.doc-code-block--dark code.language-json .token.null {
	color: #ff7b72;
}

.doc-article-prose pre.doc-code-block--dark code.language-json .token.punctuation,
.doc-article-prose pre.doc-code-block--dark code.language-json .token.operator {
	color: #e6edf3;
}

.doc-article-prose pre.doc-code-block--dark code.language-bash .doc-embedded-json {
	color: #e6edf3;
}

.doc-article-prose pre.doc-code-block--dark code.language-bash .doc-embedded-json .token.property {
	color: #ffb86c;
}

.doc-article-prose pre.doc-code-block--dark code.language-bash .doc-embedded-json .token.string {
	color: #7ee787;
}

.doc-article-prose pre.doc-code-block--dark code.language-bash .doc-embedded-json .token.number {
	color: #d2a8ff;
}

.doc-article-prose pre.doc-code-block--dark code.language-bash .doc-embedded-json .token.boolean,
.doc-article-prose pre.doc-code-block--dark code.language-bash .doc-embedded-json .token.null {
	color: #ff7b72;
}

.doc-article-prose pre.doc-code-block--dark code.language-bash .doc-embedded-json .token.punctuation {
	color: #8b949e;
}

.doc-article-prose pre.doc-code-block--dark code.language-bash .doc-embedded-json .token.operator {
	color: #79c0ff;
}

/* JSON copy control — button injected by js/doc-code-copy.js */
.doc-article-prose pre.doc-code-block--dark.doc-code-block--has-copy {
	position: relative;
}

.doc-code-copy-btn {
	position: absolute;
	top: 0.5rem;
	right: 0.5rem;
	z-index: 2;
	font-size: 0.6875rem;
	font-weight: 600;
	line-height: 1.2;
	padding: 0.3rem 0.55rem;
	border-radius: 6px;
	border: 1px solid #30363d;
	background: #21262d;
	color: #c9d1d9;
	cursor: pointer;
	font-family: inherit;
	letter-spacing: 0.02em;
}

.doc-code-copy-btn:hover {
	background: #30363d;
	color: #fff;
	border-color: #484f58;
}

.doc-code-copy-btn:focus-visible {
	outline: 2px solid #58a6ff;
	outline-offset: 2px;
}

/* Bash / curl — same black panel, shell-oriented tokens */
.doc-article-prose pre.doc-code-block--dark code.language-bash {
	background: #000000 !important;
	color: #e6edf3 !important;
}

.doc-article-prose pre.doc-code-block--dark code.language-bash .token.function {
	color: #d2a8ff;
}

.doc-article-prose pre.doc-code-block--dark code.language-bash .token.string {
	color: #a5d6ff;
}

.doc-article-prose pre.doc-code-block--dark code.language-bash .token.keyword {
	color: #ff7b72;
}

.doc-article-prose pre.doc-code-block--dark code.language-bash .token.parameter {
	color: #7ee787;
}

.doc-article-prose pre.doc-code-block--dark code.language-bash .token.operator,
.doc-article-prose pre.doc-code-block--dark code.language-bash .token.punctuation {
	color: #8b949e;
}


.doc-api-line {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.5rem 0.75rem;
	margin-bottom: 0.75rem;
}

.doc-api-method {
	display: inline-block;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	padding: 0.2rem 0.5rem;
	border-radius: 4px;
	color: #fff;
	background: #2171e0;
}

.doc-api-path {
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
	font-size: 0.85rem;
	color: #111;
	word-break: break-all;
}

.doc-callout {
	border-left: 4px solid #2171e0;
	background: #f8fbff;
	padding: 1rem 1.25rem;
	border-radius: 0 8px 8px 0;
	margin: 0 0 1.5rem;
	font-size: 0.95rem;
}

.doc-callout p:last-child {
	margin-bottom: 0;
}

.doc-callout--muted {
	color: #333;
}

/* Info note — bordered box + circular “i” (Stripe/Payoneer-style doc callouts) */
.doc-callout--boxed {
	display: flex;
	gap: 0.85rem;
	align-items: flex-start;
	border: 1px solid #b6d4f7;
	background: #fff;
	border-radius: 10px;
	padding: 1rem 1.2rem;
	margin: 0 0 1.25rem;
	font-size: 0.95rem;
	line-height: 1.55;
	color: #111;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.doc-callout--boxed .doc-callout-icon {
	flex-shrink: 0;
	width: 1.625rem;
	height: 1.625rem;
	border-radius: 50%;
	background: #2171e0;
	color: #fff;
	font-size: 0.95rem;
	font-weight: 700;
	font-style: italic;
	font-family: Georgia, "Times New Roman", serif;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	margin-top: 0.1rem;
}

.doc-callout--boxed .doc-callout-body {
	min-width: 0;
}

.doc-callout--boxed .doc-callout-body p {
	margin: 0;
}

.doc-callout--boxed .doc-callout-title {
	font-weight: 700;
	color: #111;
}

.doc-article-prose .doc-table-wrap {
	overflow-x: auto;
	margin: 0 0 1.25rem;
	border: 1px solid #e5e5e5;
	border-radius: 8px;
}

.doc-article-prose table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.9rem;
}

.doc-article-prose th,
.doc-article-prose td {
	padding: 0.65rem 1rem;
	text-align: left;
	border-bottom: 1px solid #e5e5e5;
}

.doc-article-prose th {
	background: #fafbfc;
	font-weight: 600;
	color: #111;
}

.doc-article-prose tr:last-child td {
	border-bottom: none;
}

/* Click-to-enlarge screenshots (e.g. Billing services) */
.doc-figure--zoomable .doc-figure-zoom__btn {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	cursor: zoom-in;
	border-radius: 10px;
	overflow: hidden;
	text-align: left;
	font: inherit;
	color: inherit;
}

.doc-figure--zoomable .doc-figure-zoom__btn:focus-visible {
	outline: 2px solid #2171e0;
	outline-offset: 3px;
}

.doc-image-lightbox {
	position: fixed;
	inset: 0;
	z-index: 100000;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: min(0.75rem, 2vw);
	box-sizing: border-box;
}

.doc-image-lightbox[hidden] {
	display: none !important;
}

.doc-image-lightbox__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(15, 23, 42, 0.88);
	cursor: zoom-out;
}

.doc-image-lightbox__content {
	position: relative;
	z-index: 1;
	max-width: min(99.5vw, 200rem);
	max-height: min(98.5vh, 200rem);
	display: flex;
	align-items: center;
	justify-content: center;
}

.doc-image-lightbox__img {
	max-width: min(99vw, 100%);
	max-height: min(98vh, 100%);
	width: auto;
	height: auto;
	display: block;
	border-radius: 10px;
	box-shadow: 0 12px 48px rgba(0, 0, 0, 0.45);
	border: 1px solid rgba(255, 255, 255, 0.12);
	object-fit: contain;
}

.doc-image-lightbox__close {
	position: absolute;
	top: 1rem;
	right: 1rem;
	z-index: 2;
	width: 2.5rem;
	height: 2.5rem;
	padding: 0;
	border: none;
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.95);
	color: #111;
	font-size: 1.5rem;
	line-height: 1;
	cursor: pointer;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
}

.doc-image-lightbox__close:hover {
	background: #fff;
}

/* doc-link-card hover / underline: see product-subpage.css */

/* -------------------------------------------------------------------------- */
/* Business funding — Getting started (long-form developer reading experience) */
/* -------------------------------------------------------------------------- */

body.business-funding-getting-started-doc-subpage .doc-bf-article-header {
	margin-bottom: 1.75rem !important;
}

body.business-funding-getting-started-doc-subpage .doc-bf-subtitle {
	font-size: 1.0625rem;
	line-height: 1.65;
	color: #475569;
	margin: 0.65rem 0 0;
	max-width: 100%;
	font-weight: 400;
	letter-spacing: -0.01em;
}

body.business-funding-getting-started-doc-subpage .doc-article-prose--bf {
	max-width: 100%;
	font-size: 1.03125rem;
	line-height: 1.75;
	color: #1e293b;
	letter-spacing: -0.011em;
}

body.business-funding-getting-started-doc-subpage .doc-article-prose--bf .doc-article-lead {
	font-size: 1.125rem;
	line-height: 1.72;
	color: #334155;
	max-width: 100%;
	margin-bottom: 1.35rem;
}

body.business-funding-getting-started-doc-subpage .doc-article-prose--bf .doc-bf-chapter-lead {
	font-size: 1.01rem;
	line-height: 1.68;
	color: #475569;
	margin: 0.35rem 0 1.4rem;
	padding: 0.75rem 1rem;
	background: #f8fafc;
	border: 1px solid #e8ecf0;
	border-radius: 8px;
	border-left: 3px solid #2171e0;
}

body.business-funding-getting-started-doc-subpage .doc-article-prose--bf > h2 {
	font-size: 1.4rem;
	margin: 2.85rem 0 1.15rem;
	padding-bottom: 0.55rem;
	border-bottom: 1px solid #e8ecf0;
	letter-spacing: -0.022em;
	line-height: 1.3;
}

body.business-funding-getting-started-doc-subpage .doc-article-prose--bf > h2#overview {
	margin-top: 0;
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0.6rem;
}

body.business-funding-getting-started-doc-subpage .doc-article-prose--bf > h2 + p {
	margin-top: 0;
}

body.business-funding-getting-started-doc-subpage .doc-article-prose--bf > h2 + p.doc-bf-chapter-lead,
body.business-funding-getting-started-doc-subpage .doc-article-prose--bf > h2 + .doc-bf-chapter-lead {
	margin-top: 0.2rem;
}

body.business-funding-getting-started-doc-subpage .doc-article-prose--bf h3 {
	margin: 1.9rem 0 0.65rem;
	font-size: 1.2rem;
	color: #0f172a;
	letter-spacing: -0.018em;
}

body.business-funding-getting-started-doc-subpage .doc-article-prose--bf h3 + h4 {
	margin-top: 0.6rem;
}

body.business-funding-getting-started-doc-subpage .doc-article-prose--bf h4 {
	font-size: 0.98rem;
	font-weight: 600;
	color: #0f172a;
	line-height: 1.4;
	letter-spacing: -0.014em;
	margin: 1.5rem 0 0.55rem;
	padding: 0.7rem 0.85rem 0.7rem 0.95rem;
	background: #f8fafb;
	border: 1px solid #e8ecf0;
	border-left: 3px solid #2171e0;
	border-radius: 0 6px 6px 0;
}

body.business-funding-getting-started-doc-subpage .doc-article-prose--bf h4 + p,
body.business-funding-getting-started-doc-subpage .doc-article-prose--bf h4 + .doc-bf-code-line,
body.business-funding-getting-started-doc-subpage .doc-article-prose--bf h4 + ol,
body.business-funding-getting-started-doc-subpage .doc-article-prose--bf h4 + ul,
body.business-funding-getting-started-doc-subpage .doc-article-prose--bf h4 + .doc-bf-webhook {
	margin-top: 0.45rem;
}

body.business-funding-getting-started-doc-subpage .doc-article-prose--bf p {
	margin: 0 0 1.1rem;
	line-height: 1.75;
}

body.business-funding-getting-started-doc-subpage .doc-article-prose--bf p.doc-bf-para-slim {
	margin: 0 0 0.4rem;
	font-size: 0.98rem;
	color: #334155;
}

body.business-funding-getting-started-doc-subpage .doc-article-prose--bf p.doc-bf-tight-before-code {
	margin: 0.75rem 0 0.35rem;
}

body.business-funding-getting-started-doc-subpage .doc-article-prose--bf p.doc-bf-kicker {
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #64748b;
	margin: 1.1rem 0 0.5rem;
	line-height: 1.4;
}

body.business-funding-getting-started-doc-subpage .doc-article-prose--bf .doc-bf-code-line {
	margin: 0.2rem 0 0.55rem;
	padding: 0.55rem 0.7rem 0.55rem 0.85rem;
	background: #f1f5f9;
	border: 1px solid #e2e8f0;
	border-radius: 6px;
}

body.business-funding-getting-started-doc-subpage .doc-article-prose--bf .doc-bf-code-line--example {
	background: #fff;
	border-style: dashed;
}

body.business-funding-getting-started-doc-subpage .doc-article-prose--bf .doc-bf-code-line code {
	background: none;
	font-size: 0.9em;
}

body.business-funding-getting-started-doc-subpage .doc-article-prose--bf .doc-bf-webhook {
	margin: 0.35rem 0 0.5rem;
}

body.business-funding-getting-started-doc-subpage .doc-article-prose--bf .doc-bf-webhook__event {
	font-size: 0.95rem;
	line-height: 1.55;
	padding: 0.55rem 0.7rem 0.55rem 0.85rem;
	background: #eff6ff;
	border: 1px solid #c7d7fe;
	border-radius: 6px;
	color: #0f172a;
}

body.business-funding-getting-started-doc-subpage .doc-article-prose--bf .doc-bf-dl {
	margin: 0.15rem 0 1.1rem 0;
	padding: 0;
}

body.business-funding-getting-started-doc-subpage .doc-article-prose--bf .doc-bf-dl > div {
	display: grid;
	grid-template-columns: minmax(7.5rem, 11rem) 1fr;
	gap: 0.2rem 1.25rem;
	align-items: baseline;
	padding: 0.4rem 0.5rem 0.45rem 0.6rem;
	margin-bottom: 0.35rem;
	border: 1px solid #e8ecf0;
	border-radius: 6px;
	background: #fafbfc;
}

body.business-funding-getting-started-doc-subpage .doc-article-prose--bf .doc-bf-dl dt {
	margin: 0;
	font-size: 0.8125rem;
	font-weight: 600;
	font-family: ui-monospace, "Cascadia Code", "SFMono-Regular", Menlo, Consolas, monospace;
	color: #0b1220;
	letter-spacing: 0.01em;
}

body.business-funding-getting-started-doc-subpage .doc-article-prose--bf .doc-bf-dl dd {
	margin: 0;
	font-size: 0.95rem;
	line-height: 1.55;
	color: #334155;
}

body.business-funding-getting-started-doc-subpage .doc-article-prose--bf ul,
body.business-funding-getting-started-doc-subpage .doc-article-prose--bf ol {
	margin: 0.25rem 0 1.15rem 0;
	padding-left: 1.4rem;
}

body.business-funding-getting-started-doc-subpage .doc-article-prose--bf .doc-bf-tight,
body.business-funding-getting-started-doc-subpage .doc-article-prose--bf .doc-bf-ol-stretch,
body.business-funding-getting-started-doc-subpage .doc-article-prose--bf .doc-bf-ol-payouts {
	margin-top: 0.35rem;
}

body.business-funding-getting-started-doc-subpage .doc-article-prose--bf .doc-bf-ol-stretch li,
body.business-funding-getting-started-doc-subpage .doc-article-prose--bf .doc-bf-ol-payouts li {
	margin-bottom: 0.5rem;
	line-height: 1.65;
	padding-left: 0.15rem;
}

body.business-funding-getting-started-doc-subpage .doc-article-prose--bf .doc-bf-tight li,
body.business-funding-getting-started-doc-subpage .doc-article-prose--bf .doc-bf-prep-list li {
	margin-bottom: 0.5rem;
	line-height: 1.7;
}

body.business-funding-getting-started-doc-subpage .doc-article-prose--bf .doc-bf-prep-list {
	margin-top: 0.4rem;
}

body.business-funding-getting-started-doc-subpage .doc-article-prose--bf .doc-bf-list-api {
	list-style: disc;
}

body.business-funding-getting-started-doc-subpage .doc-article-prose--bf .doc-bf-list-api li {
	margin-bottom: 0.4rem;
	line-height: 1.6;
}

body.business-funding-getting-started-doc-subpage .doc-article-prose--bf .doc-bf-li-title {
	font-weight: 600;
	color: #0f172a;
}

body.business-funding-getting-started-doc-subpage .doc-article-prose--bf pre.doc-code-block--dark {
	margin: 0.4rem 0 1.45rem 0;
}

body.business-funding-getting-started-doc-subpage .doc-article-prose--bf pre.doc-code-block--dark code[class*="language-"] {
	line-height: 1.65;
	font-size: 0.85rem;
}

body.business-funding-getting-started-doc-subpage .doc-article-prose--bf .doc-figure--desktop {
	max-width: 100%;
}

/* Step 6 — consent / modal-style UI: keep modest width so it does not span the full article */
body.business-funding-getting-started-doc-subpage .doc-article-prose--bf .doc-figure--bf-consent {
	max-width: min(30rem, 100%);
	margin-left: auto;
	margin-right: auto;
}

/* Money loading / repayment — app screenshots: wide layout but capped (not full article width) */
body.business-funding-getting-started-doc-subpage .doc-article-prose--bf .doc-figure--bf-drawdown,
body.business-funding-getting-started-doc-subpage .doc-article-prose--bf .doc-figure--bf-repayment {
	max-width: min(44rem, 100%);
	margin-left: auto;
	margin-right: auto;
}

body.business-funding-getting-started-doc-subpage .doc-article-prose--bf .doc-figure--bf-hero,
body.business-funding-getting-started-doc-subpage .doc-article-prose--bf .doc-figure {
	margin: 1.15rem 0 2.1rem 0;
}

body.business-funding-getting-started-doc-subpage .doc-article-prose--bf .doc-figure figcaption {
	font-size: 0.9rem;
	line-height: 1.6;
	color: #64748b;
	margin-top: 0.75rem;
}

body.business-funding-getting-started-doc-subpage .doc-article-prose--bf a {
	color: #1b64c9;
	font-weight: 500;
}

body.business-funding-getting-started-doc-subpage .doc-article-prose--bf a:hover {
	color: #0b4a9b;
}

body.business-funding-getting-started-doc-subpage .developer-docs-sidebar--toc .developer-docs-nav a {
	line-height: 1.35;
	padding: 0.2rem 0.35rem;
}

@media (max-width: 34rem) {
	body.business-funding-getting-started-doc-subpage .doc-article-prose--bf .doc-bf-dl > div {
		grid-template-columns: 1fr;
	}
}