/* Native blocks own structure, content, search, disclosure and image enlargement. */
:where(.fp-docs-home, .fp-docs-article) {
	--fp-docs-line: color-mix(in srgb, var(--wp--preset--color--custom-contrast) 18%, transparent);
	margin-block: 0;
	color: var(--wp--preset--color--custom-contrast);
	background: var(--wp--preset--color--custom-base-2);
}
:is(.fp-docs-home, .fp-docs-article) .fp-docs-container {
	box-sizing: border-box;
	max-width: 1320px;
	width: 100%;
	margin-inline: auto;
	padding-inline: clamp(24px, 4.8vw, 72px);
}
.fp-docs-home > * { margin-block: 0; }
.fp-docs-intro { padding-block: 46px 44px; }
.fp-docs-intro .fp-docs-eyebrow { color: var(--wp--preset--color--custom-contrast-2-inverted); font-size: 11px; font-weight: 600; letter-spacing: .1em; margin-block: 0 18px; }
.fp-docs-intro h1 { font-size: clamp(34px, 4.2vw, 52px); letter-spacing: -.045em; margin-block: 0 14px; }
.fp-docs-intro p { color: var(--wp--preset--color--custom-contrast-2-inverted); font-size: 16px; }
.fp-docs-intro .fp-help-search { max-width: 560px; margin-block: 26px 0; }
.fp-docs-topic { padding-block: clamp(38px, 5vw, 64px); }
.fp-docs-topic + .fp-docs-topic { border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--custom-contrast-inverted) 10%, transparent); }
.fp-docs-topic .wp-block-columns { align-items: center; gap: clamp(28px, 4vw, 64px); margin-block: 0; }
.fp-docs-topic-reverse .fp-docs-visual { order: 2; }
.fp-docs-visual .wp-block-image { margin: 0; }
.fp-docs-visual img { display: block; width: 100%; height: auto; border-radius: 6px; }
.fp-docs-topic-copy h2 { font-size: clamp(26px, 3vw, 36px); letter-spacing: -.035em; margin-block: 0 18px; }
.fp-docs-topic-copy > p { color: var(--wp--preset--color--custom-contrast-2-inverted); font-size: 14px; line-height: 1.8; }
.fp-docs-guide-query { margin-block: 0; }
.fp-docs-guide-links { padding: 0; margin-block: 20px 0; list-style: none; }
.fp-docs-guide-links > li { margin: 0; border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--custom-contrast-inverted) 16%, transparent); }
.fp-docs-guide-links > li:last-child { border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--custom-contrast-inverted) 16%, transparent); }
.fp-docs-guide-links .wp-block-post-title { margin: 0; font-size: 15px; font-weight: 500; line-height: 1.6; }
.fp-docs-guide-links a { display: flex; gap: 16px; justify-content: space-between; align-items: center; padding-block: 18px; color: var(--wp--preset--color--custom-contrast-inverted); text-decoration: none; }
/* A drawn chevron is decorative, so link underlines cannot reach a text glyph. */
.fp-docs-guide-links a::after { content: ""; flex: none; inline-size: 6px; block-size: 6px; margin-inline-end: 3px; border-block-start: 1.5px solid currentcolor; border-inline-end: 1.5px solid currentcolor; transform: rotate(45deg); color: var(--wp--preset--color--custom-contrast-2-inverted); }
.fp-docs-guide-links a:dir(rtl)::after { transform: rotate(-45deg); }
.fp-docs-guide-links a:hover { text-decoration: underline; text-underline-offset: 4px; }
:is(.fp-docs-home, .fp-docs-article) a:focus-visible { outline: 2px solid var(--wp--preset--color--custom-accent); outline-offset: 4px; }
.fp-docs-support { padding: 46px 24px; text-align: center; background: var(--wp--preset--color--custom-base); color: var(--wp--preset--color--custom-contrast); }
.fp-docs-support h2 { font-size: 26px; letter-spacing: -.025em; margin-block: 0 12px; }
.fp-docs-support p { color: var(--wp--preset--color--custom-contrast-2); font-size: 14px; }
.fp-docs-support .wp-block-buttons { justify-content: center; margin-block-start: 24px; }
.fp-docs-support .wp-block-button__link { font-size: 13px; }
.fp-docs-context { padding-block: 22px; gap: 18px; border-bottom: 1px solid var(--fp-docs-line); }
.fp-docs-context .fp-help-search { flex: 0 1 390px; margin: 0; }
.fp-docs-context .wp-block-wpseopress-breadcrumbs { font-size: 12px; }
.fp-docs-article .fp-docs-reading-layout { align-items: flex-start; gap: 48px; margin-block: 0; padding-block: 36px 64px; }
.fp-docs-sidebar { position: sticky; top: 32px; }
.admin-bar .fp-docs-sidebar { top: 64px; }
.fp-docs-navigation { color: var(--wp--preset--color--custom-contrast); font-size: 13px; }
.fp-docs-navigation summary { font-size: 12px; font-weight: 600; cursor: pointer; }
.fp-docs-navigation h2 { font-size: 13px; font-weight: 600; margin-block: 28px 12px; }
.fp-docs-navigation p { font-size: 13px; margin-block: 20px 0; }
.fp-docs-navigation .wp-block-post-template { list-style: none; margin: 0; padding: 0; }
.fp-docs-navigation .wp-block-post-title { font-size: 12px; line-height: 1.7; font-weight: 400; margin: 0; }
.fp-docs-navigation .wp-block-post-title a { display: block; padding: 7px 0 7px 12px; border-inline-start: 2px solid var(--fp-docs-line); }
.fp-docs-navigation a { color: inherit; text-decoration: none; }
.fp-docs-navigation a:hover { color: var(--wp--preset--color--custom-accent); }
.fp-docs-navigation a[aria-current="page"] { color: var(--wp--preset--color--custom-accent); border-color: currentcolor; font-weight: 600; }
.fp-docs-reading { min-width: 0; max-width: 800px; }
.fp-docs-reading > h1 { font-size: clamp(30px, 3.2vw, 43px); line-height: 1.2; letter-spacing: -.04em; margin-block: 0 20px; }
.fp-docs-reading > .wp-block-post-excerpt { color: var(--wp--preset--color--custom-contrast-2); font-size: 16px; line-height: 1.8; }
.fp-docs-outline { margin-block: 28px 36px; padding: 18px 22px; background: var(--wp--preset--color--custom-base); border: 1px solid var(--fp-docs-line); border-radius: 7px; font-size: 13px; }
.fp-docs-outline summary { font-weight: 600; cursor: pointer; }
.fp-docs-outline ul { padding-inline-start: 18px; margin-block: 14px 0; }
.fp-docs-outline li { margin-block: 8px; }
.fp-docs-outline a { color: var(--wp--preset--color--custom-contrast); text-underline-offset: 3px; }
.fp-docs-reading .wp-block-post-content { font-size: 16px; line-height: 1.9; overflow-wrap: anywhere; }
.fp-docs-reading .wp-block-post-content h2 { font-size: clamp(23px, 2.4vw, 29px); line-height: 1.4; letter-spacing: -.025em; margin-block: 48px 20px; scroll-margin-top: 40px; }
.fp-docs-reading .wp-block-post-content h3 { font-size: 21px; margin-block: 32px 16px; scroll-margin-top: 40px; }
.fp-docs-reading .wp-block-post-content .wp-block-image { margin-block: 28px; }
.fp-docs-reading .wp-block-post-content img { max-width: 100%; height: auto; }
.fp-docs-reading .wp-block-post-content :is(.alignwide, .alignfull) { max-width: 100%; margin-inline: 0; }
.fp-docs-adjacent { margin-block: 42px; padding-block: 24px; border-block: 1px solid var(--fp-docs-line); gap: 24px; font-size: 13px; }
.fp-docs-adjacent > * { flex: 1; }
.fp-docs-adjacent .post-navigation-link-next { text-align: end; }
.fp-docs-adjacent .wp-block-post-navigation-link__label { display: block; color: var(--wp--preset--color--custom-contrast-2); font-size: 11px; margin-bottom: 8px; }
@media (width <= 900px) {
	.fp-docs-article .fp-docs-reading-layout { gap: 28px; }
	.fp-docs-sidebar { flex-basis: 180px !important; }
}
@media (width <= 781px) {
	.fp-docs-intro { padding-block: 34px; }
	.fp-docs-intro p { font-size: 14px; }
	.fp-docs-topic-reverse .fp-docs-visual { order: 0; }
	.fp-docs-topic .wp-block-columns { gap: 28px; }
	.fp-docs-topic-copy h2 { font-size: 28px; }
	.fp-docs-context .fp-help-search { flex-basis: 100%; }
	.fp-docs-article .fp-docs-reading-layout { padding-block: 22px 40px; gap: 28px; }
	.fp-docs-sidebar { position: static; flex-basis: 100% !important; padding-block-end: 20px; border-bottom: 1px solid var(--fp-docs-line); }
	.fp-docs-reading > h1 { font-size: 31px; }
	.fp-docs-navigation .wp-block-post-template { display: flex; flex-wrap: wrap; gap: 0 20px; }
	.fp-docs-navigation .wp-block-post-template > li { flex: 1 1 220px; }
	.fp-docs-navigation h2 { margin-block: 18px 6px; }
	.fp-docs-reading .wp-block-post-content { font-size: 15px; }
	.fp-docs-support { padding: 34px 20px; }
}
