/* BP Article detail page (single Blog template)
 *
 * One unified editorial template for native Blog posts in
 * the BLOG category tree AND the legacy `bp_article` CPT.
 *
 * All article-level rules are scoped under the `.bp-article`
 * root element rendered by single-bp_article.php. The CSS no
 * longer depends on the `.single-bp_article` body_class so the
 * visual system applies as long as the template wrapper is in
 * the DOM (single source of truth = the template, not WP body
 * class composition). Logical properties keep LTR/RTL aligned
 * without an override file.
 *
 * Strict reuse of existing Barbary Plante tokens, radii
 * and typography:
 *   - 1320px outer container, warm cream background
 *   - 880px inner editorial column for share / author / pn
 *   - 24-30px radii, dark green headings, muted gold accents
 *   - DM Serif Display headings, Manrope body
 *   - Related cards reuse the .bp-bd__* ruleset from
 *     bp-blog-directory-v2.css (enqueued separately)
 *
 * Sections:
 *   1. Article hero
 *   2. Featured image
 *   3. EN BREF summary
 *   4. Article body (Gutenberg)
 *   5. Share row
 *   6. Editorial team block
 *   7. Related articles
 *   8. Previous / Next
 *   9. Final CTA (1:1 reuse of bp-blog-final-cta-v2)
 */

.bp-article {
	background-color: #f8f4ed;
	color: #1F2A1F;
	font-family: var(--bp-font-body, 'Manrope', system-ui, sans-serif);
}

/* =========================================================
 * 1. Article hero
 * ========================================================= */
.bp-article .bp-article-hero {
	box-sizing: border-box;
	inline-size: 100%;
	max-inline-size: 1320px;
	margin-inline: auto;
	padding-block: clamp(40px, 5vw, 80px) clamp(20px, 3vw, 32px);
	padding-inline: clamp(20px, 4vw, 56px);
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: clamp(18px, 2.4vw, 28px);
}

.bp-article .bp-article-hero__inner {
	max-inline-size: 880px;
}

.bp-article .bp-article-breadcrumb {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin-block-end: 14px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #5C6A5C;
}

.bp-article .bp-article-breadcrumb__link {
	color: #5C6A5C;
	text-decoration: none;
	transition: color 200ms ease;
}
.bp-article .bp-article-breadcrumb__link:hover,
.bp-article .bp-article-breadcrumb__link:focus-visible {
	color: #374F37;
}

.bp-article .bp-article-breadcrumb__sep {
	color: #B8B25A;
	font-weight: 700;
	letter-spacing: 0;
	font-size: 14px;
	line-height: 1;
}

.bp-article .bp-article-breadcrumb__current {
	color: #374F37;
}

.bp-article .bp-article-hero__category {
	display: inline-flex;
	align-items: center;
	padding: 6px 14px;
	border-radius: 999px;
	background: rgba(184, 178, 90, 0.18);
	color: #6F6A3A;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	text-decoration: none;
}

.bp-article .bp-article-hero__title {
	margin: 0;
	font-family: var(--bp-font-display, 'DM Serif Display', Georgia, serif);
	font-weight: 400;
	font-size: clamp(34px, 4.8vw, 60px);
	line-height: 1.08;
	letter-spacing: 0.005em;
	color: #374F37;
}

.bp-article .bp-article-hero__standfirst {
	margin: 0;
	font-size: clamp(16px, 1.4vw, 19px);
	line-height: 1.65;
	color: #1F2A1F;
	opacity: 0.88;
	max-inline-size: 60ch;
}

.bp-article .bp-article-hero__meta {
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	font-size: 13px;
	color: #5C6A5C;
	letter-spacing: 0.02em;
}

.bp-article .bp-article-hero__sep {
	color: #B8B25A;
	font-weight: 700;
}

.bp-article .bp-article-hero__date,
.bp-article .bp-article-hero__reading {
	color: #5C6A5C;
}

/* =========================================================
 * 2. Featured image
 * ========================================================= */
.bp-article .bp-article-cover {
	box-sizing: border-box;
	margin: 0;
	inline-size: 100%;
	max-inline-size: 1320px;
	margin-inline: auto;
	padding-inline: clamp(20px, 4vw, 56px);
	padding-block-end: clamp(24px, 3vw, 40px);
}

.bp-article .bp-article-cover__inner {
	border-radius: clamp(20px, 2.2vw, 28px);
	overflow: hidden;
	background: #E9E2D2;
	box-shadow: 0 22px 44px rgba(31, 42, 31, 0.16);
}

.bp-article .bp-article-cover__img {
	display: block;
	inline-size: 100%;
	block-size: auto;
	max-block-size: clamp(360px, 52vw, 620px);
	object-fit: cover;
}

/* =========================================================
 * 3. EN BREF
 * ========================================================= */
.bp-article .bp-article-brief {
	box-sizing: border-box;
	inline-size: 100%;
	max-inline-size: 1320px;
	margin-inline: auto;
	padding-inline: clamp(20px, 4vw, 56px);
	padding-block: clamp(20px, 2.4vw, 32px);
}

.bp-article .bp-article-brief__inner {
	max-inline-size: 880px;
	margin-inline: auto;
	padding: clamp(20px, 2.4vw, 28px) clamp(20px, 2.6vw, 32px);
	border-radius: clamp(16px, 1.6vw, 22px);
	background:
		linear-gradient(135deg, rgba(184, 178, 90, 0.10) 0%, rgba(55, 79, 55, 0.06) 100%),
		#F4ECDC;
	border: 1px solid rgba(55, 79, 55, 0.10);
	display: grid;
	grid-template-columns: minmax(0, auto) minmax(0, 1fr);
	gap: clamp(14px, 1.6vw, 22px);
	align-items: start;
}

.bp-article .bp-article-brief__label {
	margin: 4px 0 0;
	padding: 6px 12px;
	border-radius: 999px;
	background: #374F37;
	color: #F4EFE3;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	white-space: nowrap;
	align-self: start;
}

.bp-article .bp-article-brief__text {
	margin: 0;
	font-family: var(--bp-font-display, 'DM Serif Display', Georgia, serif);
	font-weight: 400;
	font-size: clamp(18px, 1.8vw, 22px);
	line-height: 1.5;
	color: #1F2A1F;
}

/* =========================================================
 * 4. Article body (Gutenberg)
 * ========================================================= */
.bp-article .bp-article-content {
	box-sizing: border-box;
	inline-size: 100%;
	max-inline-size: 880px;
	margin-inline: auto;
	padding-block: clamp(28px, 4vw, 48px);
	padding-inline: clamp(20px, 4vw, 56px);
	font-family: var(--bp-font-body, 'Manrope', system-ui, sans-serif);
	font-size: 17px;
	line-height: 1.78;
	color: #1F2A1F;
}

.bp-article .bp-article-content > *:first-child { margin-block-start: 0; }
.bp-article .bp-article-content > *:last-child  { margin-block-end: 0; }

.bp-article .bp-article-content p {
	margin-block: 0 1.2em;
}

.bp-article .bp-article-content a {
	color: #374F37;
	text-decoration: underline;
	text-decoration-color: rgba(55, 79, 55, 0.35);
	text-underline-offset: 3px;
	transition: text-decoration-color 200ms ease, color 200ms ease;
}
.bp-article .bp-article-content a:hover,
.bp-article .bp-article-content a:focus-visible {
	color: #2A3F2A;
	text-decoration-color: #B8B25A;
}

.bp-article .bp-article-content h2,
.bp-article .bp-article-content h3,
.bp-article .bp-article-content h4 {
	margin-block: 2.2em 0.6em;
	font-family: var(--bp-font-display, 'DM Serif Display', Georgia, serif);
	font-weight: 400;
	color: #374F37;
	letter-spacing: 0.01em;
}

.bp-article .bp-article-content h2 { font-size: clamp(26px, 2.8vw, 36px); line-height: 1.2; }
.bp-article .bp-article-content h3 { font-size: clamp(22px, 2.4vw, 28px); line-height: 1.25; }
.bp-article .bp-article-content h4 { font-size: 19px; line-height: 1.3; }

.bp-article .bp-article-content ul,
.bp-article .bp-article-content ol {
	margin-block: 0 1.2em;
	padding-inline-start: 1.5em;
}
.bp-article .bp-article-content li {
	margin-block: 0.4em;
}

.bp-article .bp-article-content blockquote {
	margin: 1.6em 0;
	padding-block: 12px;
	padding-inline: 20px;
	border-inline-start: 3px solid #B8B25A;
	background: rgba(184, 178, 90, 0.08);
	border-radius: 6px;
	font-style: italic;
	color: #374F37;
}

.bp-article .bp-article-content img,
.bp-article .bp-article-content figure {
	max-inline-size: 100%;
	block-size: auto;
	border-radius: clamp(12px, 1.2vw, 18px);
	overflow: hidden;
}

.bp-article .bp-article-content figure {
	margin: 1.6em 0;
}

.bp-article .bp-article-content figcaption {
	display: block;
	margin-block-start: 8px;
	font-size: 13px;
	color: #5C6A5C;
	text-align: center;
}

.bp-article .bp-article-content table {
	inline-size: 100%;
	border-collapse: collapse;
	margin: 1.6em 0;
	font-size: 14.5px;
}
.bp-article .bp-article-content th,
.bp-article .bp-article-content td {
	padding: 10px 14px;
	border-block-end: 1px solid #E4DCCB;
	text-align: start;
}
.bp-article .bp-article-content th {
	background: rgba(184, 178, 90, 0.10);
	font-weight: 700;
	color: #374F37;
}

.bp-article .bp-article-content code {
	background: rgba(55, 79, 55, 0.08);
	padding: 1px 6px;
	border-radius: 4px;
	font-size: 0.92em;
}

/* =========================================================
 * 5. Share row
 * Centered within the 1320px outer / 880px inner column.
 * ========================================================= */
.bp-article .bp-article-share {
	box-sizing: border-box;
	inline-size: 100%;
	max-inline-size: 1320px;
	margin-inline: auto;
	padding-block: clamp(32px, 4vw, 56px) clamp(20px, 2.4vw, 32px);
	padding-inline: clamp(20px, 4vw, 56px);
}

.bp-article .bp-article-share__inner {
	box-sizing: border-box;
	inline-size: 100%;
	max-inline-size: 880px;
	margin-inline: auto;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	padding-block-start: clamp(20px, 2.4vw, 28px);
	border-block-start: 1px solid rgba(55, 79, 55, 0.10);
}

.bp-article .bp-article-share__label {
	margin: 0;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: #374F37;
}

.bp-article .bp-article-share__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	inline-size: 100%;
}

.bp-article .bp-article-share__btn {
	appearance: none;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 10px 18px;
	border-radius: 999px;
	border: 1px solid rgba(55, 79, 55, 0.20);
	background: rgba(255, 255, 255, 0.6);
	color: #374F37;
	font-family: inherit;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.02em;
	text-decoration: none;
	cursor: pointer;
	transition: background 200ms ease, color 200ms ease, border-color 200ms ease, transform 200ms ease;
}
.bp-article .bp-article-share__btn:hover,
.bp-article .bp-article-share__btn:focus-visible {
	background: #FFFFFF;
	border-color: #B8B25A;
	color: #2A3F2A;
	transform: translateY(-1px);
	outline: none;
}
.bp-article .bp-article-share__btn:focus-visible {
	outline: 2px solid #B8B25A;
	outline-offset: 2px;
}

.bp-article .bp-article-share__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	inline-size: 16px;
	block-size: 16px;
	color: #374F37;
}

.bp-article .bp-article-share__text {
	display: inline-block;
}

.bp-article .bp-article-share__btn--copy.is-copied {
	background: #374F37;
	color: #F4EFE3;
	border-color: #374F37;
}
.bp-article .bp-article-share__btn--copy.is-copied .bp-article-share__icon {
	color: #F4EFE3;
}

/* =========================================================
 * 6. Editorial team block
 * Centered within the 1320px outer / 880px inner column.
 * ========================================================= */
.bp-article .bp-article-author {
	box-sizing: border-box;
	inline-size: 100%;
	max-inline-size: 1320px;
	margin-inline: auto;
	padding-block: clamp(20px, 2.4vw, 32px) clamp(40px, 5vw, 72px);
	padding-inline: clamp(20px, 4vw, 56px);
}

.bp-article .bp-article-author__inner {
	box-sizing: border-box;
	inline-size: 100%;
	max-inline-size: 880px;
	margin-inline: auto;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	padding: clamp(20px, 2.4vw, 28px) clamp(22px, 2.6vw, 32px);
	border-radius: clamp(16px, 1.6vw, 22px);
	background:
		linear-gradient(135deg, rgba(184, 178, 90, 0.10) 0%, rgba(55, 79, 55, 0.04) 100%),
		#F4ECDC;
	border: 1px solid rgba(55, 79, 55, 0.10);
	box-shadow: 0 8px 24px rgba(31, 42, 31, 0.05);
}

.bp-article .bp-article-author__eyebrow {
	margin: 0;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: #6F6A3A;
}

.bp-article .bp-article-author__title {
	margin: 0;
	font-family: var(--bp-font-display, 'DM Serif Display', Georgia, serif);
	font-weight: 400;
	font-size: clamp(22px, 2.2vw, 28px);
	line-height: 1.2;
	color: #374F37;
	letter-spacing: 0.005em;
}

.bp-article .bp-article-author__text {
	margin: 4px 0 0;
	font-size: 15px;
	line-height: 1.7;
	color: #1F2A1F;
	opacity: 0.88;
	max-inline-size: 70ch;
}

/* =========================================================
 * 7. Related articles (À LIRE ÉGALEMENT)
 * Centered within the 1320px outer container. The grid
 * itself (`.bp-bd__grid`) reuses the exact card language
 * from bp-blog-directory-v2.css (enqueued separately).
 * The grid sits inside a `.bp-blog-directory-v2` namespace
 * wrapper so the borrowed ruleset targets it.
 * ========================================================= */
.bp-article .bp-article-related {
	box-sizing: border-box;
	inline-size: 100%;
	max-inline-size: 1320px;
	margin-inline: auto;
	padding-block: clamp(40px, 5vw, 80px) clamp(36px, 4vw, 64px);
	padding-inline: clamp(20px, 4vw, 56px);
}

.bp-article .bp-article-related__head {
	text-align: center;
	margin-block-end: clamp(28px, 4vw, 44px);
}

.bp-article .bp-article-related__eyebrow {
	margin: 0;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: #374F37;
}

.bp-article .bp-article-related__divider {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin-block-start: 12px;
}
.bp-article .bp-article-related__divider-line {
	inline-size: 56px;
	block-size: 1px;
	background: #B8B25A;
}
.bp-article .bp-article-related__divider-diamond {
	inline-size: 8px;
	block-size: 8px;
	background: #B8B25A;
	transform: rotate(45deg);
}

/* The grid inherits .bp-bd__grid from bp-blog-directory-v2.
 * The override below is scoped to the single article page
 * so the related grid sits inside the 1320px outer container
 * (the Elementor widget version has its own full-bleed
 * breakout rules that we intentionally do NOT inherit). */
.bp-article .bp-article-related .bp-blog-directory-v2 .bp-bd__grid {
	display: grid;
	gap: clamp(18px, 1.6vw, 24px);
	grid-template-columns: repeat(3, minmax(0, 1fr));
	inline-size: 100%;
	max-inline-size: 100%;
	margin: 0;
	padding: 0;
}

.bp-article .bp-article-related .bp-blog-directory-v2 .bp-bd__card {
	inline-size: 100%;
	min-inline-size: 0;
}

/* =========================================================
 * 8. Previous / Next
 * Centered within the 1320px outer / 880px inner column.
 * ========================================================= */
.bp-article .bp-article-pn {
	box-sizing: border-box;
	inline-size: 100%;
	max-inline-size: 1320px;
	margin-inline: auto;
	padding-block: clamp(20px, 2.4vw, 32px) clamp(40px, 5vw, 72px);
	padding-inline: clamp(20px, 4vw, 56px);
}

.bp-article .bp-article-pn__inner {
	box-sizing: border-box;
	inline-size: 100%;
	max-inline-size: 880px;
	margin-inline: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	gap: 16px;
	padding-block-start: clamp(20px, 2.4vw, 28px);
	border-block-start: 1px solid rgba(55, 79, 55, 0.10);
}

.bp-article .bp-article-pn__link {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	padding: 14px 18px;
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.55);
	border: 1px solid rgba(55, 79, 55, 0.10);
	color: #374F37;
	text-decoration: none;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	max-inline-size: 45%;
	transition: background 200ms ease, border-color 200ms ease, color 200ms ease, transform 200ms ease;
}
.bp-article .bp-article-pn__link:hover,
.bp-article .bp-article-pn__link:focus-visible {
	background: #FFFFFF;
	border-color: #B8B25A;
	color: #2A3F2A;
	transform: translateY(-1px);
	outline: none;
}
.bp-article .bp-article-pn__link:focus-visible {
	outline: 2px solid #B8B25A;
	outline-offset: 2px;
}

.bp-article .bp-article-pn__link--prev {
	justify-content: flex-start;
	text-align: start;
	margin-inline-end: auto;
}
.bp-article .bp-article-pn__link--next {
	justify-content: flex-end;
	text-align: end;
	margin-inline-start: auto;
}
.bp-article .bp-article-pn__spacer {
	display: inline-block;
	inline-size: 1px;
}

.bp-article .bp-article-pn__arrow {
	font-size: 16px;
	line-height: 1;
	color: #B8B25A;
	transition: transform 220ms ease;
}
.bp-article .bp-article-pn__link--prev:hover .bp-article-pn__arrow,
.bp-article .bp-article-pn__link--prev:focus-visible .bp-article-pn__arrow {
	transform: translateX(-3px);
}
.bp-article .bp-article-pn__link--next:hover .bp-article-pn__arrow,
.bp-article .bp-article-pn__link--next:focus-visible .bp-article-pn__arrow {
	transform: translateX(3px);
}

/* =========================================================
 * 9. Final CTA (1:1 reuse of bp-blog-final-cta-v2)
 *
 * The template renders the same .bp-blog-final-cta-v2 root
 * class as the V2 widget. The matching stylesheet is
 * enqueued from the child theme bootstrap so all rules
 * apply on the single template.
 * ========================================================= */

/* =========================================================
 * Tablet
 * ========================================================= */
@media (max-width: 1024px) {
	.bp-article .bp-article-related .bp-blog-directory-v2 .bp-bd__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 18px;
	}
}

/* =========================================================
 * Mobile
 * ========================================================= */
@media (max-width: 768px) {
	.bp-article .bp-article-hero,
	.bp-article .bp-article-cover,
	.bp-article .bp-article-brief,
	.bp-article .bp-article-content,
	.bp-article .bp-article-share,
	.bp-article .bp-article-author,
	.bp-article .bp-article-related,
	.bp-article .bp-article-pn {
		inline-size: calc(100% - 36px);
		max-inline-size: none;
		margin-inline: auto;
		padding-inline: 0;
	}
	.bp-article .bp-article-hero { padding-block: 32px 16px; gap: 16px; }
	.bp-article .bp-article-hero__title { font-size: clamp(30px, 7vw, 38px); }
	.bp-article .bp-article-cover { padding-block-end: 24px; }
	.bp-article .bp-article-cover__img { max-block-size: 360px; }

	.bp-article .bp-article-brief { padding-block: 20px 24px; }
	.bp-article .bp-article-brief__inner {
		grid-template-columns: minmax(0, 1fr);
		gap: 12px;
		padding: 20px;
	}
	.bp-article .bp-article-brief__label { align-self: start; }
	.bp-article .bp-article-brief__text { font-size: 17px; }

	.bp-article .bp-article-content { padding-block: 24px 24px; font-size: 16px; }
	.bp-article .bp-article-content h2 { font-size: 24px; }
	.bp-article .bp-article-content h3 { font-size: 20px; }

	.bp-article .bp-article-share__actions { gap: 8px; }
	.bp-article .bp-article-share__btn { padding: 9px 14px; font-size: 12.5px; }

	.bp-article .bp-article-related { padding-block: 36px 28px; }
	.bp-article .bp-article-related .bp-blog-directory-v2 .bp-bd__grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 18px;
	}

	.bp-article .bp-article-pn__inner { flex-direction: column; }
	.bp-article .bp-article-pn__link {
		max-inline-size: 100%;
		inline-size: 100%;
	}
	.bp-article .bp-article-pn__link--prev,
	.bp-article .bp-article-pn__link--next { justify-content: flex-start; }
	.bp-article .bp-article-pn__link--next { justify-content: flex-end; text-align: end; }
}

@media (max-width: 420px) {
	.bp-article .bp-article-hero__title { font-size: 28px; }
	.bp-article .bp-article-related__divider-line { inline-size: 36px; }
}

/* =========================================================
 * RTL
 * ========================================================= */
[dir="rtl"] .bp-article .bp-article-related .bp-blog-directory-v2 .bp-bd__card:hover .bp-bd__card-cta-arrow,
[dir="rtl"] .bp-article .bp-article-related .bp-blog-directory-v2 .bp-bd__card:focus-visible .bp-bd__card-cta-arrow {
	transform: translateX(-4px);
}
[dir="rtl"] .bp-article .bp-article-pn__link--prev:hover .bp-article-pn__arrow,
[dir="rtl"] .bp-article .bp-article-pn__link--prev:focus-visible .bp-article-pn__arrow {
	transform: translateX(3px);
}
[dir="rtl"] .bp-article .bp-article-pn__link--next:hover .bp-article-pn__arrow,
[dir="rtl"] .bp-article .bp-article-pn__link--next:focus-visible .bp-article-pn__arrow {
	transform: translateX(-3px);
}

/* =========================================================
 * Reduced motion
 * ========================================================= */
@media (prefers-reduced-motion: reduce) {
	.bp-article .bp-article-related .bp-blog-directory-v2 .bp-bd__card,
	.bp-article .bp-article-related .bp-blog-directory-v2 .bp-bd__card-cta-arrow,
	.bp-article .bp-article-share__btn,
	.bp-article .bp-article-pn__link,
	.bp-article .bp-article-pn__arrow {
		transition: none !important;
		transform: none !important;
	}
	.bp-article .bp-article-related .bp-blog-directory-v2 .bp-bd__card:hover,
	.bp-article .bp-article-related .bp-blog-directory-v2 .bp-bd__card:focus-visible,
	.bp-article .bp-article-related .bp-blog-directory-v2 .bp-bd__card:hover .bp-bd__card-cta-arrow,
	.bp-article .bp-article-related .bp-blog-directory-v2 .bp-bd__card:focus-visible .bp-bd__card-cta-arrow,
	.bp-article .bp-article-share__btn:hover,
	.bp-article .bp-article-share__btn:focus-visible,
	.bp-article .bp-article-pn__link:hover,
	.bp-article .bp-article-pn__link:focus-visible,
	.bp-article .bp-article-pn__link:hover .bp-article-pn__arrow,
	.bp-article .bp-article-pn__link:focus-visible .bp-article-pn__arrow {
		transform: none !important;
	}
}