/* 
 Theme Name:   Themify Shoppe Child
 Theme URI:    
 Description:  
 Author:       Jurek
 Author URI:   shop.sin.org.pl
 Template:     themify-shoppe
 Version:      1.0.44
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* == Add your own styles below this line ==
--------------------------------------------*/

/*.amazonicon {
background-image: url('https://shop.sin.org.pl/wp-content/uploads/2019/09/available_at_amazon.png');
background-repeat: no-repeat;
background-position: left;
padding-left: 5px;
}
*/

/* Magazine landing page: Shoppe-native Ultra Magazine port. */
.pk-magazine-page [id^="themify_builder_content-"] {
	--pk-magazine-accent: #d8cf00;
	--pk-magazine-ink: var(--pk-ink);
	color: var(--pk-magazine-ink);
}

body.tf_darkmode.pk-magazine-page [id^="themify_builder_content-"] {
	--pk-magazine-accent: var(--pk-ink);
	--pk-magazine-ink: var(--pk-ink);
}

body.tf_darkmode.pk-magazine-page #content a {
	color: var(--pk-magazine-ink) !important;
}

/* Keep the desktop WPML menu dropdown on the same baseline and spacing grid. */
@media (min-width: 1280px) {
	#main-nav > .wpml-ls-current-language {
		margin-inline-start: 6px;
	}

	#main-nav .wpml-ls-menu-item > a {
		align-items: center;
		display: flex;
		gap: 6px;
	}

	#main-nav .wpml-ls-menu-item .wpml-ls-flag {
		flex: 0 0 18px;
		margin: 0;
		vertical-align: middle;
	}

	#main-nav .wpml-ls-menu-item .wpml-ls-native {
		line-height: 1.2;
	}

	#main-nav > .wpml-ls-current-language > .sub-menu {
		min-width: 132px;
	}

	#main-nav > .wpml-ls-current-language > .sub-menu > .wpml-ls-item > a {
		box-sizing: border-box;
		min-height: 32px;
		padding: 7px 12px;
	}
}

@media (max-width: 1279px) {
	#main-nav > .wpml-ls-current-language {
		display: block !important;
		margin: 0;
		width: 100% !important;
	}

	#main-nav > .wpml-ls-current-language > a,
	#main-nav > .wpml-ls-current-language > .sub-menu .wpml-ls-item > a {
		align-items: center;
		box-sizing: border-box;
		display: flex;
		gap: 6px;
		width: 100% !important;
	}

	#main-nav > .wpml-ls-current-language .wpml-ls-flag {
		flex: 0 0 18px;
		margin: 0;
	}

	#main-nav > .wpml-ls-current-language .wpml-ls-native {
		line-height: 1.2;
		white-space: nowrap;
	}

	#main-nav > .wpml-ls-current-language > .sub-menu {
		box-sizing: border-box;
		width: 100%;
	}
}

.pk-magazine-page #content {
	padding-top: 0 !important;
}

.pk-magazine-page .pk-magazine-masthead {
	border: 0 !important;
	box-sizing: border-box;
	margin: 0 0 clamp(28px, 4vw, 52px) !important;
	padding: clamp(24px, 4vw, 44px) clamp(20px, 7vw, 72px) 0 !important;
	text-align: left !important;
	width: 100%;
}

.pk-magazine-page .pk-magazine-kicker {
	color: var(--pk-magazine-ink) !important;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .16em;
	margin: 12px 0 0 !important;
	text-transform: uppercase;
}

.pk-magazine-page .pk-magazine-masthead h1 {
	font-size: clamp(2.25rem, 5vw, 4.75rem);
	font-weight: 900;
	letter-spacing: -.06em;
	line-height: .92;
	margin: 0 !important;
	text-align: left !important;
}

.pk-magazine-page .pk-magazine-masthead nav {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 24px;
	justify-content: center;
}

.pk-magazine-page .pk-magazine-masthead nav a {
	color: inherit;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .08em;
	text-decoration: none;
	text-transform: uppercase;
}

.pk-magazine-page .module-post .module-title {
	border-bottom: 2px solid var(--pk-magazine-ink);
	font-size: 13px;
	font-weight: 900;
	letter-spacing: .12em;
	margin: 0 0 20px;
	padding: 0 0 9px;
	text-transform: uppercase;
}

/* Keep taxonomy noise out of compact editorial cards. */
.pk-magazine-page [id^="themify_builder_content-"] .post-tag,
.pk-magazine-page [id^="themify_builder_content-"] .post-meta-separator {
	display: none !important;
}

.pk-magazine-page [id^="themify_builder_content-"] .post-category {
	display: block;
	font-size: 10px;
	font-weight: 900;
	letter-spacing: .08em;
	margin: 0 0 6px;
	text-transform: uppercase;
}

.pk-magazine-page [id^="themify_builder_content-"] .post-category a {
	color: var(--pk-gold-text);
}

.pk-magazine-page [id^="themify_builder_content-"] .post-meta {
	display: none;
}

.pk-magazine-page [id^="themify_builder_content-"] .entry-content:empty {
	display: none;
}

.pk-magazine-page .tb_pkmag010 > .row_inner {
	display: grid !important;
	gap: clamp(28px, 4vw, 58px);
	grid-template-columns: minmax(0, 2fr) minmax(260px, .8fr) !important;
}

.pk-magazine-page .tb_pkmag010 > .row_inner:not(:has(.pk-magazine-features-compact)) {
	grid-template-columns: 1fr !important;
}

.pk-magazine-page .tb_pkmag010 > .row_inner:not(:has(.pk-magazine-features-compact)) > .tb_pkmag013 {
	display: none !important;
}

.pk-magazine-page .tb_pkmag010 > .row_inner:not(:has(.pk-magazine-features-compact)) > .tb_pkmag011 {
	grid-column: 1 / -1 !important;
	width: 100% !important;
}

.pk-magazine-page .tb_pkmag010 > .row_inner > .module_column {
	min-width: 0;
	width: auto !important;
}

.pk-magazine-page .tb_pkmag020 > .row_inner {
	display: grid !important;
	gap: clamp(28px, 4vw, 58px);
	grid-template-columns: minmax(0, 2fr) minmax(240px, 1fr) !important;
}

.pk-magazine-page .tb_pkmag020 > .row_inner > .module_column {
	min-width: 0;
	width: auto !important;
}

.pk-magazine-page .pk-magazine-featured .builder-posts-wrap,
.pk-magazine-page .pk-magazine-horizontal .builder-posts-wrap,
.pk-magazine-page .pk-magazine-grid .builder-posts-wrap,
.pk-magazine-page .pk-magazine-latest .builder-posts-wrap {
	display: grid !important;
	gap: 30px 24px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.pk-magazine-page .pk-magazine-horizontal .builder-posts-wrap {
	display: grid !important;
	gap: 24px 18px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.pk-magazine-page .pk-magazine-latest .builder-posts-wrap {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.pk-magazine-page .pk-magazine-featured .post,
.pk-magazine-page .pk-magazine-horizontal .post,
.pk-magazine-page .pk-magazine-grid .post,
.pk-magazine-page .pk-magazine-latest .post {
	float: none !important;
	margin: 0 !important;
	min-width: 0;
	width: auto !important;
}

.pk-magazine-page .pk-magazine-featured .post-image,
.pk-magazine-page .pk-magazine-horizontal .post-image,
.pk-magazine-page .pk-magazine-grid .post-image,
.pk-magazine-page .pk-magazine-latest .post-image {
	aspect-ratio: 16 / 9;
	float: none !important;
	height: auto !important;
	margin: 0 0 10px !important;
	max-width: none !important;
	overflow: hidden;
	width: 100% !important;
}

.pk-magazine-page .pk-magazine-featured .post-image a,
.pk-magazine-page .pk-magazine-horizontal .post-image a,
.pk-magazine-page .pk-magazine-grid .post-image a,
.pk-magazine-page .pk-magazine-latest .post-image a,
.pk-magazine-page .pk-magazine-featured .post-image img,
.pk-magazine-page .pk-magazine-horizontal .post-image img,
.pk-magazine-page .pk-magazine-grid .post-image img,
.pk-magazine-page .pk-magazine-latest .post-image img {
	display: block !important;
	height: 100% !important;
	width: 100% !important;
}

.pk-magazine-page .pk-magazine-featured .post-image img,
.pk-magazine-page .pk-magazine-horizontal .post-image img,
.pk-magazine-page .pk-magazine-grid .post-image img,
.pk-magazine-page .pk-magazine-latest .post-image img {
	object-fit: cover;
}

.pk-magazine-page .pk-magazine-featured .post-title,
.pk-magazine-page .pk-magazine-horizontal .post-title,
.pk-magazine-page .pk-magazine-grid .post-title,
.pk-magazine-page .pk-magazine-latest .post-title {
	font-size: clamp(1.05rem, 1.7vw, 1.55rem);
	font-weight: 800;
	letter-spacing: -.025em;
	line-height: 1.08;
	margin: 0;
}

.pk-magazine-page .pk-magazine-alerts .post {
	display: grid !important;
	gap: 12px;
	grid-template-columns: 104px minmax(0, 1fr);
	margin: 0 0 18px !important;
	width: 100% !important;
}

.pk-magazine-page .pk-magazine-alerts .post-image {
	aspect-ratio: 4 / 3;
	float: none !important;
	height: auto !important;
	margin: 0 !important;
	max-width: none !important;
	overflow: hidden;
	width: 100% !important;
}

.pk-magazine-page .pk-magazine-alerts .post-image a,
.pk-magazine-page .pk-magazine-alerts .post-image img {
	display: block !important;
	height: 100% !important;
	width: 100% !important;
}

.pk-magazine-page .pk-magazine-alerts .post-image img {
	object-fit: cover;
}

.pk-magazine-page .pk-magazine-alerts .post-title {
	font-size: .95rem;
	font-weight: 800;
	line-height: 1.15;
	margin: 0;
}

.pk-magazine-page .pk-magazine-all {
	margin: 30px 0 0;
	text-align: center;
}

.pk-magazine-page .pk-magazine-all a {
	border-bottom: 2px solid var(--pk-magazine-accent);
	color: inherit;
	font-weight: 900;
	text-decoration: none;
}

@media (max-width: 760px) {
	.pk-magazine-page .pk-magazine-masthead {
		padding: 22px 20px 0 !important;
		text-align: left;
	}

	.pk-magazine-page .pk-magazine-masthead nav {
		gap: 7px 16px;
		justify-content: flex-start;
	}

	.pk-magazine-page .tb_pkmag010 > .row_inner,
	.pk-magazine-page .pk-magazine-latest .builder-posts-wrap {
		grid-template-columns: 1fr !important;
	}

	.pk-magazine-page .pk-magazine-featured .builder-posts-wrap,
	.pk-magazine-page .pk-magazine-grid .builder-posts-wrap {
		gap: 26px 14px;
	}
}

@media (max-width: 420px) {
	.pk-magazine-page .pk-magazine-horizontal .builder-posts-wrap,
	.pk-magazine-page .pk-magazine-featured .builder-posts-wrap,
	.pk-magazine-page .pk-magazine-grid .builder-posts-wrap {
		grid-template-columns: 1fr;
	}
}

/*

.woocommerce-store-notice {
    font-size: 18px;
    text-align: center;
    margin: 0 auto;
    padding: 10px 0;
}

@media (min-width: 768px) {
    .woocommerce-store-notice {
        position: relative;
        padding: 20px 110px;
    }
    .woocommerce-store-notice__dismiss-link {
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
    }
}
*/

/* Match active custom gateways to the checkout payment badges. */
.pk-drugspro-footer-promo {
	clear: both;
	width: 100%;
	padding: 22px 0 16px;
	text-align: center;
}

.pk-drugspro-footer-promo__text {
	margin: 0 0 12px;
}

.pk-drugspro-footer-promo__stores {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: nowrap;
	gap: 10px;
}

.pk-drugspro-footer-promo__stores a {
	flex: 0 1 150px;
	min-width: 0;
}

.pk-drugspro-footer-promo__stores img {
	display: block;
}

.pk-drugspro-footer-promo__stores img {
	width: 100%;
	max-width: 100%;
	height: auto;
}

#payment ul.payment_methods .payment_method_btcpaygf_default > label:before,
#payment ul.payment_methods .payment_method_dpay > label:before,
#payment ul.payment_methods .payment_method_sibs_stg_cc > label:before,
#payment ul.payment_methods .payment_method_klarna_payments > label:before,
#payment ul.payment_methods .payment_method_klarna_payments_pay_now > label:before,
#payment ul.payment_methods .payment_method_klarna_payments_pay_later > label:before,
#payment ul.payment_methods .payment_method_klarna_payments_pay_over_time > label:before {
	display: inline;
	margin-right: 10px;
	padding: 2px 6px;
	vertical-align: middle;
	border-radius: 3px;
	color: #fff;
	background: #333;
	font-family: PaymentFont;
	font-size: 1.5em;
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#payment ul.payment_methods .payment_method_btcpaygf_default > label:before {
	content: '\f006'; /* bitcoin */
}

#payment ul.payment_methods .payment_method_dpay > label:before {
	content: '\f012'; /* card / online payment */
}

#payment ul.payment_methods .payment_method_sibs_stg_cc > label:before,
#payment ul.payment_methods .payment_method_klarna_payments > label:before,
#payment ul.payment_methods .payment_method_klarna_payments_pay_now > label:before {
	content: '\f012'; /* credit card */
}

#payment ul.payment_methods .payment_method_klarna_payments_pay_later > label:before {
	content: '\f023'; /* invoice */
}

#payment ul.payment_methods .payment_method_klarna_payments_pay_over_time > label:before {
	content: '\f024'; /* signed invoice / installments */
}

.woocommerce-checkout #payment .wc_payment_methods li label:after {
	top: 9px;
}

.woocommerce-checkout #payment .wc_payment_method label>img {
	display: none;
}

/* Keep a cart-selected Apaczka point visible after checkout AJAX refreshes. */
.woocommerce-checkout .pk-apaczka-restored-point {
	display: block !important;
	grid-column: 1 / -1;
	width: 100%;
	box-sizing: border-box;
}

/*
#payment ul.payment_methods .payment_method_payu>label:before, 

#payment ul.payment_methods .payment_method_bitpay_checkout_gateway>label:before {
	display: inline;
    margin-right: 10px;
    padding: 2px 6px;
    vertical-align: middle;
    border-radius: 3px;
    color: #fff;
    background: #333;
    font-family: PaymentFont;
    font-size: 1.5em;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#payment ul.payment_methods .payment_method_payu>label:before {	
	content: '\f057';
}

#payment ul.payment_methods .payment_method_bitpay_checkout_gateway>label:before {
	content: '\f006';}



#shipping_method {
	list-style-type: none;
}


.site-footer .site-info a {
	text-decoration: underline;
}
*/

/* PK 2026-07-21: simple (non-mega) header dropdowns size to their content instead of
   wrapping longer localized labels (e.g. the CONTACT column on NL/DE). */
#main-nav > li:not(.has-mega) > ul.sub-menu {
	width: auto;
}
#main-nav > li:not(.has-mega) ul.sub-menu a {
	white-space: nowrap;
}

/* PK 2026-07-26: Route A product purchase hierarchy.
   Shoppe supplies the sticky-buy behavior; these rules only tune typography
   and spacing of the existing WooCommerce/Shoppe controls. */
.single-product #tf_sticky_buy .product-type-variable .tf_sticky_prod_img .summary > p.price {
	display: none;
}

.single-product div.product .woocommerce-variation-price .price,
#tf_sticky_buy div.product .price {
	color: #2b2b2b;
	font-size: 24px;
	font-weight: 500;
	line-height: 1.25;
}

.single-product div.product .iworks-omnibus {
	color: #767676;
	font-size: 14px;
	line-height: 1.45;
	margin: 6px 0 14px;
}

.single-product div.product .price-and-currency {
	margin-bottom: 6px;
}

.single-product .pk-eu-currency-switcher .wcml-cs-active-currency,
.single-product .pk-eu-currency-switcher .wcml-cs-item-toggle {
	border-radius: 12px;
}

.single-product .pk-eu-currency-switcher .wcml-cs-submenu {
	border-radius: 0 0 12px 12px;
	overflow: hidden;
}

.single-product #tf_sticky_form_wrap > .tb_layout_part_wrap .module-buttons {
	margin-bottom: 0 !important;
	max-width: 100%;
	width: 300px;
}

.single-product #tf_sticky_form_wrap > .tb_layout_part_wrap .module-buttons-item,
.single-product #tf_sticky_form_wrap > .tb_layout_part_wrap .module-buttons-item .builder_button {
	box-sizing: border-box;
	width: 100%;
}

.single-product #tf_sticky_form_wrap > .tb_layout_part_wrap .themify_builder_content {
	margin-bottom: 0 !important;
}

.single-product #tf_sticky_form_wrap {
	display: flex;
	flex-direction: column;
}

.single-product #tf_sticky_form_wrap > form.cart {
	order: 1;
}

.single-product #tf_sticky_form_wrap > .tb_layout_part_wrap {
	order: 2;
}

.single-product #tf_sticky_form_wrap > form.cart {
	margin-top: 24px !important;
	margin-bottom: 16px !important;
}

/* Simple products use the same purchase grid as variable ones (2026-09-15): stock label in
   the left cell (moved into the form by mu-plugins/pk-stock-label-in-form.php), quantity on
   the right, the 300px primary action on its own row. Without a label (stock not managed)
   the quantity takes the first column so nothing is indented by the column gap. */
.single-product div.product.product-type-simple #tf_sticky_form_wrap > form.cart {
	display: grid;
	align-items: center;
	grid-template-columns: auto 1fr;
	column-gap: 16px;
	row-gap: 14px;
	padding-block: 8px 6px;
}

.single-product div.product.product-type-simple #tf_sticky_form_wrap > form.cart > p.stock {
	display: flex;
	grid-column: 1;
	grid-row: 1;
	margin: 0;
	white-space: nowrap;
}

.single-product div.product.product-type-simple #tf_sticky_form_wrap > form.cart:not(:has(> p.stock)) .quantity {
	grid-column: 1;
}

.single-product #tf_sticky_buy p.stock {
	display: none;
}

.single-product form.variations_form table.variations {
	vertical-align: bottom;
}

.single-product div.product .woocommerce-variation-price {
	margin: 4px 0 6px !important;
}

/* Main purchase layout at every viewport width: price and quantity share the
   first row, while the primary action gets a padded row of its own. */
.single-product #tf_sticky_form_wrap > form.cart .single_variation_wrap {
	display: grid;
	align-items: center;
	grid-template-columns: auto 1fr;
	column-gap: 16px;
	row-gap: 14px;
	padding-block: 8px 6px;
}

.single-product #tf_sticky_form_wrap > form.cart .single_variation {
	grid-column: 1;
	grid-row: 1;
}

.single-product #tf_sticky_form_wrap > form.cart .woocommerce-variation-add-to-cart {
	display: contents;
}

.single-product #tf_sticky_form_wrap > form.cart .quantity {
	grid-column: 2;
	grid-row: 1;
	justify-self: start;
	height: 44px;
	margin: 0;
}

.single-product #tf_sticky_form_wrap > form.cart .quantity .minus,
.single-product #tf_sticky_form_wrap > form.cart .quantity .plus {
	height: 40px;
	min-height: 40px;
	width: 40px;
}

.single-product #tf_sticky_form_wrap > form.cart .single_add_to_cart_button {
	box-sizing: border-box;
	grid-column: 1 / -1;
	grid-row: 2;
	justify-self: start;
	margin: 0;
	max-width: 100%;
	min-height: 46px;
	padding: 12px 20px;
	width: 300px;
}

/* Stock status inside the purchase grid (2026-09-15). The price and the label stack to
   exactly the height of the quantity box (28px price line + 2px + 16px label = 46px), so
   both sides of the row are level and the quantity keeps the grid's centre alignment. On
   simple products WooCommerce prints the label directly above the form: pull the two
   together. The label is block-level flex inside both containers: as inline-flex it would
   sit in a 27px text line and add invisible space. The variation price colour is
   hard-coded to #2b2b2b above (no dark variant), so in dark mode it follows the
   surrounding text here, like the price at the top does. */
.single-product #tf_sticky_form_wrap > form.cart .single_variation .woocommerce-variation-price {
	margin: 0 !important;
	line-height: 26px;
}

.single-product #tf_sticky_form_wrap > form.cart .single_variation .woocommerce-variation-price .price {
	line-height: 26px;
}

.single-product #tf_sticky_form_wrap > form.cart .single_variation .woocommerce-variation-availability p.stock {
	display: flex;
	margin: 2px 0 0;
	white-space: nowrap;
}

body.tf_darkmode.single-product div.product .woocommerce-variation-price .price,
body.tf_darkmode #tf_sticky_buy div.product .price {
	color: inherit;
}

.single-product div.product .summary.entry-summary > p.stock {
	display: flex;
	margin: 16px 0 0;
	white-space: nowrap;
}

.single-product div.product .summary.entry-summary > p.stock ~ #tf_sticky_form_wrap > form.cart {
	margin-top: 10px !important;
}

/* Keep the native Shoppe sticky-buy bar above the floating chat launcher.
   The opened chat panel retains its higher dialog layer. */
.single-product .pro-chat-launcher {
	z-index: 980 !important;
}

@media (max-width: 680px) {
	.single-product div.product .product_title {
		margin-bottom: 8px;
	}

	.single-product div.product .price-and-currency {
		margin-bottom: 4px;
	}

	.single-product div.product .iworks-omnibus {
		font-size: 13px;
		margin: 4px 0 12px;
	}

	.single-product #tf_sticky_form_wrap > form.cart {
		box-sizing: border-box;
		margin-top: 18px !important;
		margin-bottom: 14px !important;
		padding-inline: 16px;
		width: 100%;
	}

	.single-product div.product .summary.entry-summary > .product_meta {
		box-sizing: border-box;
		padding-inline: 16px;
	}

	.single-product form.variations_form table.variations select {
		margin-bottom: 0 !important;
	}

	.single-product form.variations_form .single_variation_wrap {
		margin-top: -10px;
	}

	.single-product #tf_sticky_form_wrap > form.cart .single_variation_wrap {
		column-gap: 14px;
	}

	.single-product div.product .woocommerce-variation-price {
		margin: 4px 0 6px !important;
	}

	/* Compact, consistent two-row layout for Shoppe's native mobile sticky buy. */
	.single-product #tf_sticky_buy .tf_box.pagewidth {
		padding: 8px 12px;
	}

	.single-product #tf_sticky_buy .tf_sticky_prod_img {
		display: none;
	}

	.single-product #tf_sticky_buy form.variations_form {
		display: grid;
		gap: 6px;
		margin: 0 !important;
		width: 100%;
	}

	.single-product #tf_sticky_buy form.variations_form table.variations {
		display: table;
		width: 100%;
	}

	.single-product #tf_sticky_buy form.variations_form table.variations tr {
		display: flex;
		align-items: center;
		gap: 8px;
	}

	.single-product #tf_sticky_buy form.variations_form table.variations th {
		flex: 0 0 auto;
		padding: 0;
	}

	.single-product #tf_sticky_buy form.variations_form table.variations td {
		flex: 1 1 auto;
		padding: 0;
	}

	.single-product #tf_sticky_buy form.variations_form table.variations select {
		box-sizing: border-box;
		height: 44px;
		margin: 0 !important;
		max-width: none;
		min-height: 44px;
		width: 100%;
	}

	.single-product #tf_sticky_buy form.variations_form .single_variation_wrap {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 14px;
		margin: 0 !important;
	}

	.single-product #tf_sticky_buy .single_variation {
		flex: 0 0 auto;
	}

	.single-product #tf_sticky_buy div.product .woocommerce-variation-price {
		margin: 0 !important;
	}

	.single-product #tf_sticky_buy div.product .woocommerce-variation-price .price {
		font-size: 22px;
		line-height: 44px;
		white-space: nowrap;
	}

	.single-product #tf_sticky_buy .woocommerce-variation-add-to-cart {
		display: flex;
		align-items: center;
		flex: 1 1 auto;
		justify-content: flex-end;
		gap: 8px;
	}

	.single-product #tf_sticky_buy .quantity {
		display: flex;
		align-items: center;
		flex: 0 0 108px;
		height: 44px;
		margin: 0;
	}

	.single-product #tf_sticky_buy .quantity .minus,
	.single-product #tf_sticky_buy .quantity .plus {
		box-sizing: border-box;
		height: 40px;
		min-height: 40px;
		width: 38px;
	}

	.single-product #tf_sticky_buy .quantity .qty {
		box-sizing: border-box;
		height: 44px;
		margin: 0;
		min-height: 44px;
		padding: 0;
		width: 32px;
	}

	.single-product #tf_sticky_buy .single_add_to_cart_button {
		box-sizing: border-box;
		flex: 0 0 auto;
		font-size: 14px;
		height: 44px;
		margin: 0;
		min-height: 44px;
		padding: 0 16px;
		white-space: nowrap;
	}
}

/* Map progress onto the full urgency-to-success scale, not the filled fragment. */
.fs-free-shipping-notice-progress-bar {
	overflow: hidden;
	background: linear-gradient(90deg, #c62828 0%, #f0b429 52%, #15803d 100%) !important;
}

.fs-free-shipping-notice-progress-bar > span {
	overflow: visible;
	background: transparent !important;
}

.fs-free-shipping-notice-progress-bar > span::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 100%;
	width: 100vw;
	background: #f2f2f2;
}

@media (max-width: 499px) {
	/* Keep all three donation choices on one usable row. */
	.woocommerce-checkout #checkout-radio .woocommerce-input-wrapper {
		display: flex;
		width: 100%;
		align-items: center;
		justify-content: center;
		gap: 6px;
	}

	.woocommerce-checkout #checkout-radio .woocommerce-input-wrapper > input,
	.woocommerce-checkout #checkout-radio .woocommerce-input-wrapper > label {
		margin-left: 0;
		margin-right: 0;
	}

	.woocommerce-checkout #checkout-radio label[for="radio_choice_0"] {
		font-size: 0;
	}

	.woocommerce-checkout #checkout-radio label[for="radio_choice_0"]::before {
		content: "€0";
		font-size: 16px;
	}

	.woocommerce-checkout #checkout-radio label .required {
		display: none;
	}

	/* The card brands are already named in the SIBS label. */
	.woocommerce-checkout #payment .payment_method_sibs_stg_cc > label > img {
		display: none !important;
	}

	/* Preserve comfortable row height when the SIBS card-brand SVGs are hidden. */
	.woocommerce-checkout #payment .payment_method_sibs_stg_cc > label {
		display: inline-block;
		padding-top: 8px;
		padding-bottom: 12px;
	}

	/* Match the cart totals structure: labels above full-width shipping choices. */
	.woocommerce-checkout .woocommerce-checkout-review-order-table {
		display: block;
		width: 100%;
		box-sizing: border-box;
	}

	.woocommerce-checkout .woocommerce-checkout-review-order-table > thead,
	.woocommerce-checkout .woocommerce-checkout-review-order-table > tbody,
	.woocommerce-checkout .woocommerce-checkout-review-order-table > tfoot {
		display: block;
		width: 100%;
	}

	.woocommerce-checkout .woocommerce-checkout-review-order-table tr {
		box-sizing: border-box;
		width: 100%;
	}

	.woocommerce-checkout .woocommerce-checkout-review-order-table tr:not(.woocommerce-shipping-totals) {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
	}

	.woocommerce-checkout .woocommerce-checkout-review-order-table tr:not(.woocommerce-shipping-totals) > th,
	.woocommerce-checkout .woocommerce-checkout-review-order-table tr:not(.woocommerce-shipping-totals) > td {
		width: auto !important;
		min-width: 0;
	}

	.woocommerce-checkout .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals {
		display: block;
	}

	.woocommerce-checkout .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals > th,
	.woocommerce-checkout .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals > td {
		display: block;
		width: 100% !important;
		box-sizing: border-box;
		text-align: left !important;
	}

	.woocommerce-checkout .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals > th {
		padding-bottom: 6px;
	}

	.woocommerce-checkout .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals > td {
		padding-top: 0;
	}

	.woocommerce-checkout .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals > td::before {
		content: none !important;
		display: none !important;
	}

	.woocommerce-checkout #shipping_method {
		display: grid;
		width: 100%;
		margin: 0;
		padding: 0;
		gap: 8px;
	}

	.woocommerce-checkout #shipping_method li {
		display: grid;
		grid-template-columns: 22px minmax(0, 1fr);
		width: 100%;
		box-sizing: border-box;
		align-items: start;
		margin: 0;
		padding: 10px 12px;
		border: 1px solid #d8dce2;
		border-radius: 12px;
	}

	.woocommerce-checkout #shipping_method input[type="radio"] {
		margin: 4px 0 0;
	}

	.woocommerce-checkout #shipping_method label {
		width: 100%;
		min-width: 0;
		margin: 0;
		line-height: 1.4;
		text-align: left;
		overflow-wrap: anywhere;
	}

	/* Keep pickup-map actions below the rate label, not squeezed beside it. */
	.woocommerce-cart #shipping_method li {
		display: grid !important;
		grid-template-columns: 22px minmax(0, 1fr);
		align-items: start;
		column-gap: 8px;
	}

	.woocommerce-cart #shipping_method input[type="radio"],
	.woocommerce-checkout #shipping_method input[type="radio"] {
		grid-column: 1;
	}

	.woocommerce-cart #shipping_method label,
	.woocommerce-checkout #shipping_method label {
		grid-column: 2;
	}

	.woocommerce-cart #shipping_method li > div,
	.woocommerce-checkout #shipping_method li > div {
		grid-column: 1 / -1;
		width: 100%;
		box-sizing: border-box;
		margin-top: 8px;
	}

	.woocommerce-cart #shipping_method .apaczka_mp_pl_after_rate_btn,
	.woocommerce-checkout #shipping_method .apaczka_mp_pl_after_rate_btn {
		display: flex;
		width: 100%;
		min-height: 44px;
		height: auto;
		box-sizing: border-box;
		justify-content: center;
		align-items: center;
		padding: 10px 14px;
		white-space: normal;
		text-align: center;
	}

	.woocommerce-checkout .woocommerce-checkout-review-order-table tr.order-total {
		margin-top: 6px;
		padding-top: 12px;
		border-top: 1px solid #d8dce2;
	}

	.woocommerce-checkout .woocommerce-checkout-review-order-table tr.order-total td {
		text-align: right !important;
	}

	.woocommerce-checkout .woocommerce-checkout-review-order-table tr.order-total small.includes_tax {
		display: block;
		max-width: 190px;
		white-space: normal;
		overflow-wrap: anywhere;
	}
}

/* New magazine feature. */
.pk-magazine-page .tb_pkmag008 {
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	width: 100vw !important;
}

.pk-magazine-page .tb_pkmag008 > .row_inner {
	max-width: none !important;
	width: 100% !important;
}

.pk-magazine-page .tb_pkmag008 > .row_inner > .module_column {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.pk-magazine-page .pk-magazine-new-feature {
	background: #0a0a0a;
	margin: 0;
}

.pk-magazine-page .pk-magazine-new-feature > a {
	color: #fff;
	display: grid;
	grid-template-columns: minmax(0, 1.55fr) minmax(260px, .85fr);
	min-width: 0;
	text-decoration: none;
}

.pk-magazine-page .pk-magazine-new-feature figure {
	margin: 0;
	min-width: 0;
}

.pk-magazine-page .pk-magazine-new-feature img {
	display: block;
	height: 100%;
	min-height: 360px;
	object-fit: cover;
	width: 100%;
}

.pk-magazine-page .pk-magazine-new-feature__copy {
	align-self: end;
	box-sizing: border-box;
	padding: clamp(28px, 4vw, 58px);
}

.pk-magazine-page .pk-magazine-new-feature__kicker {
	color: #fff;
	font-size: 11px;
	font-weight: 900;
	letter-spacing: .14em;
	margin: 0 0 16px;
	text-transform: uppercase;
}

.pk-magazine-page .pk-magazine-new-feature h2 {
	color: #fff;
	font-size: clamp(2.4rem, 4.8vw, 5.2rem);
	font-weight: 900;
	letter-spacing: -.06em;
	line-height: .88;
	margin: 0 0 24px;
	overflow-wrap: anywhere;
	text-wrap: balance;
}

.pk-magazine-page .pk-magazine-new-feature__copy > p:not(.pk-magazine-new-feature__kicker) {
	font-size: clamp(1rem, 1.4vw, 1.25rem);
	line-height: 1.45;
	margin: 0 0 26px;
}

.pk-magazine-page .pk-magazine-new-feature__cta {
	border-bottom: 2px solid currentColor;
	font-size: .82rem;
	font-weight: 900;
	letter-spacing: .08em;
	padding-bottom: 4px;
	text-transform: uppercase;
}

/* Brave2 photo-essay template. */
:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) #content {
	padding-top: 0 !important;
	width: 100%;
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) #layout {
	max-width: none;
	width: 100%;
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article {
	--pk-article-accent: #111;
	--pk-article-ink: #0a0a0a;
	color: var(--pk-article-ink);
	overflow: hidden;
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article figure {
	margin: 0;
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article figure br {
	display: none;
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article img {
	display: block;
	height: auto;
	object-fit: contain;
	width: 100%;
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__hero {
	height: min(75vw, calc(100svh - 82px));
	max-height: 960px;
	overflow: hidden;
	width: 100%;
}

.admin-bar:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__hero {
	height: min(75vw, calc(100svh - 114px));
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__hero img {
	height: 100%;
	object-fit: cover;
	object-position: center bottom;
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__cover {
	background: #000;
	color: #fff;
	position: relative;
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__cover::after {
	display: none;
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__back {
	align-items: center;
	backdrop-filter: blur(10px);
	background: rgba(0, 0, 0, .68);
	border: 1px solid rgba(255, 255, 255, .72);
	border-radius: 999px;
	color: #fff;
	display: inline-flex;
	font-size: .72rem;
	font-weight: 900;
	left: max(20px, calc((100% - 1220px) / 2 + 30px));
	letter-spacing: .08em;
	line-height: 1;
	padding: 11px 15px;
	position: absolute;
	text-decoration: none;
	text-transform: uppercase;
	top: clamp(18px, 2.5vw, 34px);
	z-index: 2;
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__back:hover,
:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__back:focus-visible {
	background: #fff;
	color: var(--pk-ink);
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__header,
:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__meta,
:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__copy,
:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__footer {
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
	max-width: 1220px;
	padding-left: 30px;
	padding-right: 30px;
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__header {
	color: #fff;
	padding-bottom: clamp(44px, 6vw, 82px);
	padding-top: clamp(30px, 4vw, 54px);
	position: relative;
	text-align: left;
	width: 100%;
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__header > :not(.pk-article__back) {
	box-sizing: border-box;
	max-width: 1100px;
	width: 100%;
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__eyebrow {
	color: #fff;
	font-size: 11px;
	font-weight: 900;
	letter-spacing: .14em;
	margin: 0 0 14px;
	text-transform: uppercase;
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__cover h1 {
	box-sizing: border-box;
	color: #fff;
	font-size: clamp(3.5rem, 7.2vw, 8rem);
	font-weight: 900;
	letter-spacing: -.075em;
	line-height: .82;
	margin: 0;
	max-width: 1100px;
	padding: 0;
	text-shadow: 0 2px 24px rgba(0, 0, 0, .72);
	text-wrap: balance;
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__dek {
	color: #fff;
	font-size: clamp(1.2rem, 2.3vw, 2rem);
	line-height: 1.25;
	margin: 32px 0 0;
	max-width: 720px;
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__byline {
	font-size: .82rem;
	font-weight: 900;
	letter-spacing: .12em;
	margin: 22px 0 0;
	text-transform: uppercase;
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__meta {
	padding-bottom: clamp(36px, 6vw, 72px);
	padding-top: clamp(24px, 4vw, 44px);
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__meta .pk-article__byline,
:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__meta .pk-article__standfirst {
	color: var(--pk-ink);
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__meta .pk-article__byline {
	margin-top: 0;
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__meta .pk-article__standfirst {
	border-left-color: var(--pk-ink);
	margin-top: 22px !important;
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__standfirst {
	border-left: 4px solid #fff;
	color: #fff;
	font-size: 1rem;
	font-weight: 800;
	line-height: 1.45;
	margin: 28px 0 0;
	max-width: 620px;
	padding-left: 16px;
	text-wrap: balance;
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__copy {
	padding-bottom: clamp(40px, 5vw, 64px);
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__copy > * {
	max-width: 680px;
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__copy p {
	font-size: clamp(1.08rem, 1.45vw, 1.28rem);
	line-height: 1.7;
	margin: 0 0 1.35em;
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__copy > :last-child {
	margin-bottom: 0;
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__copy p > strong:first-child {
	font-size: 1.45em;
	font-weight: 900;
	letter-spacing: -.02em;
	line-height: 1;
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__copy > p + .pk-article__wide {
	margin-top: clamp(48px, 6vw, 72px) !important;
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__copy > figure + p {
	margin-top: clamp(22px, 3vw, 36px);
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__copy h2 {
	font-size: clamp(2.5rem, 5.8vw, 5.7rem);
	letter-spacing: -.05em;
	line-height: .9;
	margin: 0 0 clamp(28px, 4vw, 44px);
	max-width: 980px;
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__copy blockquote {
	border: 0;
	box-sizing: border-box;
	margin: clamp(64px, 8vw, 96px) 0;
	max-width: min(920px, 100%);
	min-width: 0;
	padding: 0;
	width: 100%;
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__copy blockquote p {
	box-sizing: border-box;
	font-size: clamp(1.8rem, 3.8vw, 3.8rem);
	font-weight: 900;
	letter-spacing: -.045em;
	line-height: 1;
	margin: 0;
	max-width: 100%;
	overflow-wrap: anywhere;
	text-wrap: pretty;
	word-break: normal;
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__copy blockquote cite {
	display: block;
	font-size: .72rem;
	font-style: normal;
	font-weight: 900;
	letter-spacing: .12em;
	margin-top: 18px;
	max-width: 100%;
	overflow-wrap: anywhere;
	text-transform: uppercase;
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__copy .pk-article__pullquote {
	border-bottom: 6px solid var(--pk-article-accent);
	border-top: 6px solid var(--pk-article-accent);
	padding: 32px 0 34px;
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__placeholder {
	color: #6e6e6e;
	font-size: clamp(1.05rem, 1.5vw, 1.3rem);
	line-height: 1.65;
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__copy--rule {
	border-top: 0;
	margin-top: clamp(42px, 5vw, 72px);
	padding-top: 0;
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__copy + .pk-article__copy--rule {
	margin-top: 0;
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__copy + .pk-article__copy--opening-section {
	margin-top: clamp(48px, 6vw, 76px);
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__copy + .pk-article__closing-copy {
	margin-top: clamp(56px, 7vw, 84px);
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__grid + .pk-article__copy--rule,
:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__wide + .pk-article__copy--rule {
	margin-top: clamp(72px, 8vw, 96px);
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__copy--marked::before {
	display: none;
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__grid {
	align-items: start;
	display: grid;
	gap: 0;
	margin: clamp(48px, 6vw, 72px) auto;
	max-width: 1600px;
	padding: 0;
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__grid--two,
:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__grid--feature {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__grid--three {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__grid--two figure,
:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__grid--three figure {
	aspect-ratio: auto;
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__figure--captioned {
	background: #0a0a0a;
	display: flex;
	flex-direction: column;
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__figure--captioned img {
	flex: 1 1 auto;
	min-height: 0;
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__figure--captioned figcaption {
	background: #0a0a0a;
	box-sizing: border-box;
	color: #fff;
	font-size: .72rem;
	font-weight: 800;
	letter-spacing: .06em;
	line-height: 1.35;
	padding: 13px 15px;
	text-transform: uppercase;
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__figure--captioned figcaption strong {
	display: block;
	font-size: clamp(1rem, 1.45vw, 1.4rem);
	letter-spacing: -.025em;
	line-height: 1.1;
	text-transform: none;
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__figure--captioned figcaption span {
	display: block;
	margin-top: 7px;
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__grid--feature figure:first-child {
	aspect-ratio: auto;
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__grid--feature figure:last-child {
	aspect-ratio: auto;
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__wide {
	height: auto;
	margin: clamp(48px, 6vw, 72px) auto !important;
	max-width: 1600px;
	padding: 0 8px;
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__wide--dark {
	height: auto;
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__composite {
	align-items: center;
	display: grid;
	gap: clamp(36px, 7vw, 100px);
	grid-template-columns: minmax(280px, .82fr) minmax(360px, 1fr);
	margin: 0 auto;
	max-width: 1320px;
	padding: clamp(55px, 9vw, 120px) 30px;
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__composite h2 {
	font-size: clamp(2.7rem, 5.2vw, 5.5rem);
	letter-spacing: -.055em;
	line-height: .9;
	margin: 0 0 32px;
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__composite p {
	font-size: clamp(1.05rem, 1.35vw, 1.22rem);
	line-height: 1.65;
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__composite blockquote {
	border: 0;
	box-sizing: border-box;
	margin: 0 0 34px;
	max-width: 100%;
	min-width: 0;
	padding: 0;
	width: 100%;
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__composite blockquote p {
	box-sizing: border-box;
	font-size: clamp(1.55rem, 2.8vw, 2.8rem);
	font-weight: 900;
	letter-spacing: -.035em;
	line-height: 1.05;
	margin: 0;
	max-width: 100%;
	overflow-wrap: anywhere;
	text-wrap: pretty;
	word-break: normal;
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__composite cite {
	display: block;
	font-size: .7rem;
	font-style: normal;
	font-weight: 900;
	letter-spacing: .12em;
	margin-top: 16px;
	max-width: 100%;
	overflow-wrap: anywhere;
	text-transform: uppercase;
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__grid--natural {
	grid-template-columns: minmax(240px, .75fr) minmax(0, 1.35fr);
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__grid--matched-height {
	grid-template-columns: minmax(0, 9fr) minmax(0, 16fr);
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__grid--installation {
	align-items: stretch;
	grid-template-columns: minmax(0, 1fr) minmax(220px, .58fr) minmax(0, 1fr);
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__grid--installation img {
	background: #0a0a0a;
	height: clamp(280px, 25vw, 430px);
	object-fit: contain;
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__quote-card {
	align-items: flex-start;
	background: #0a0a0a;
	box-sizing: border-box;
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 0;
	min-width: 0;
	padding: clamp(28px, 3vw, 52px);
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__quote-card p {
	font-size: clamp(1.35rem, 2.2vw, 2.4rem);
	font-weight: 900;
	letter-spacing: -.04em;
	line-height: 1.02;
	margin: 0;
	overflow-wrap: anywhere;
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__quote-card cite {
	font-size: .72rem;
	font-style: normal;
	font-weight: 800;
	letter-spacing: .1em;
	margin-top: 24px;
	text-transform: uppercase;
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article figure > img[role="button"] {
	cursor: zoom-in;
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article figure > img[role="button"]:focus-visible {
	outline: 4px solid #111;
	outline-offset: -4px;
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-lightbox {
	background: transparent;
	border: 0;
	height: 100vh;
	margin: 0;
	max-height: none;
	max-width: none;
	padding: 32px;
	width: 100vw;
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-lightbox::backdrop {
	background: rgba(0, 0, 0, .94);
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-lightbox img {
	height: 100%;
	margin: auto;
	max-height: calc(100vh - 64px);
	max-width: calc(100vw - 64px);
	object-fit: contain;
	width: 100%;
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-lightbox__close {
	background: #fff;
	border: 0;
	border-radius: 50%;
	color: var(--pk-ink);
	cursor: pointer;
	font-size: 28px;
	height: 44px;
	line-height: 1;
	padding: 0 0 4px;
	position: fixed;
	right: 20px;
	top: 20px;
	width: 44px;
	z-index: 2;
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__placeholder {
	background: #f1f1f1;
	border-left: 5px solid #111;
	color: #555;
	font-style: italic;
	padding: 20px;
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__grid--closing {
	margin-bottom: clamp(60px, 9vw, 130px);
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__footer {
	border-top: 1px solid #111;
	padding-bottom: 60px;
	padding-top: 24px;
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__footer a {
	color: inherit;
	font-weight: 900;
	text-decoration: none;
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__support {
	background: #0a0a0a;
	color: #fff;
	font-weight: 800;
	margin-top: 22px !important;
	max-width: 720px;
	padding: 10px 0 10px 16px;
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__support a {
	color: #fff;
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 0.16em;
}

/* Reusable Themify Layout Part: Magazine author — Jerzy Afanasjew */
:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-author-bio {
	align-items: center;
	background: #f2f2f2;
	color: var(--pk-ink);
	display: grid;
	gap: clamp(24px, 4vw, 56px);
	grid-template-columns: minmax(140px, 220px) minmax(0, 1fr);
	margin: clamp(52px, 8vw, 96px) auto 0;
	max-width: 1100px;
	padding: clamp(24px, 4vw, 52px);
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-author-bio__portrait {
	margin: 0;
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-author-bio__portrait img {
	display: block;
	height: auto;
	width: 100%;
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-author-bio__eyebrow {
	font-size: .72rem;
	font-weight: 800;
	letter-spacing: .16em;
	margin: 0 0 10px;
	text-transform: uppercase;
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-author-bio h2 {
	font-size: clamp(2rem, 4vw, 3.5rem);
	letter-spacing: -.045em;
	line-height: .95;
	margin: 0 0 12px;
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-author-bio h2 a,
:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-author-bio__links a {
	color: inherit;
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-author-bio__role {
	font-size: .82rem;
	font-weight: 700;
	letter-spacing: .08em;
	margin: 0 0 20px;
	text-transform: uppercase;
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-author-bio__text {
	font-size: clamp(.98rem, 1.4vw, 1.08rem);
	line-height: 1.65;
	margin: 0;
	max-width: 760px;
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-author-bio__links {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 24px;
	margin-top: 24px;
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-author-bio__links a {
	border-bottom: 2px solid currentColor;
	font-size: .78rem;
	font-weight: 800;
	letter-spacing: .1em;
	padding-bottom: 3px;
	text-decoration: none;
	text-transform: uppercase;
}

:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-author-bio__links a:hover,
:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-author-bio__links a:focus-visible {
	border-bottom-style: double;
}

body.tf_darkmode:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-author-bio {
	background: #15171a;
	border: 1px solid #34373c;
	color: var(--pk-ink);
}

body.tf_darkmode:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-author-bio :where(h2, h2 a, p, a) {
	color: inherit;
}

/* About PRO Test: keep Jerzy's portrait square and crop from the top. */
.page-id-87 img[data-tf-src$="jerzy-afanasjew-2026.webp"],
.page-id-87 img[src$="jerzy-afanasjew-2026.webp"] {
	aspect-ratio: 1;
	height: 200px;
	object-fit: cover;
	object-position: center top;
	width: 200px;
}

@media (max-width: 680px) {
	.pk-magazine-page .tb_pkmag020 > .row_inner {
		grid-template-columns: 1fr !important;
	}

	.pk-magazine-page .pk-magazine-new-feature > a {
		grid-template-columns: 1fr;
	}

	.pk-magazine-page .pk-magazine-new-feature img {
		height: auto;
		min-height: 0;
	}

	.pk-magazine-page .pk-magazine-new-feature__copy {
		padding: 28px 20px 34px;
	}

	.pk-magazine-page .pk-magazine-new-feature h2 {
		font-size: clamp(2.6rem, 13vw, 3.6rem);
	}

	:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__header,
	:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__meta,
	:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__copy,
	:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__footer {
		padding-left: 20px;
		padding-right: 20px;
	}

	:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__hero {
		height: min(500px, calc(100svh - 70px));
		min-height: 420px;
	}

	.admin-bar:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__hero {
		height: min(500px, calc(100svh - 102px));
	}

	:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__hero img {
		height: 100%;
		object-fit: cover;
		object-position: center bottom;
	}

	:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__grid--three,
	:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__grid--two,
	:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__grid--feature,
	:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__grid--matched-height,
	:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__grid--installation {
		grid-template-columns: 1fr;
	}

	:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__grid--installation img {
		height: auto;
	}

	:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__cover h1 {
		font-size: clamp(2.35rem, 11vw, 3.05rem);
		letter-spacing: -.055em;
		line-height: .9;
	}

	:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__header {
		padding-bottom: 38px;
		padding-top: 28px;
	}

	:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__header > :not(.pk-article__back) {
		max-width: none;
	}

	:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__eyebrow {
		line-height: 1.4;
		margin-bottom: 20px;
	}

	:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__dek {
		font-size: 1rem;
		line-height: 1.3;
		margin-top: 16px;
	}

	:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__standfirst {
		font-size: .82rem;
		line-height: 1.35;
		margin-top: 14px !important;
		padding-bottom: 5px;
		padding-top: 5px;
	}

	:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__grid--three figure,
	:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__grid--two figure,
	:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__grid--feature figure:first-child,
	:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__grid--feature figure:last-child {
		aspect-ratio: auto;
	}

	:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__composite {
		grid-template-columns: 1fr;
		padding: 48px 0;
	}

	:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__composite figure {
		margin: 0;
		max-width: none;
		width: 100%;
	}

	:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__composite-copy {
		box-sizing: border-box;
		padding-left: 20px;
		padding-right: 20px;
	}

	:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__wide {
		max-width: none;
		padding-left: 0;
		padding-right: 0;
		width: 100%;
	}

	:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__copy > .pk-article__wide {
		margin-left: -20px !important;
		margin-right: -20px !important;
		max-width: none;
		width: calc(100% + 40px);
	}

	:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-lightbox {
		padding: 12px;
	}

	:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-lightbox img {
		max-height: calc(100vh - 24px);
		max-width: calc(100vw - 24px);
	}

	:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-article__copy blockquote {
		margin: 56px 0;
	}

	:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-author-bio {
		align-items: start;
		grid-template-columns: 92px minmax(0, 1fr);
		margin-top: 52px;
		padding: 22px 20px 26px;
	}

	:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-author-bio__portrait {
		grid-row: 1;
	}

	:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-author-bio__content {
		display: contents;
	}

	:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-author-bio__heading {
		align-self: center;
	}

	:where(.page-id-194142, .page-id-197817, .page-id-197821, .page-id-197822, .page-id-197823, .page-id-197824, .page-id-197825, .page-id-197827, .page-id-197828) .pk-author-bio__body {
		grid-column: 1 / -1;
	}
}
/* ==========================================================================
   Guide article presentation on the dark theme  (2026-09-05, revised)
   ========================================================================== */

/* ---- reagent result tables ------------------------------------------------ */
.post-content .wp-block-table,
.post-content figure.wp-block-table {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	margin: 1.6rem 0;
}
.post-content .wp-block-table table,
.post-content .module-text table {
	width: 100%;
	border-collapse: collapse;
	table-layout: auto;
	border: 1px solid rgba(255, 255, 255, 0.10);
	border-radius: 10px;
	overflow: hidden;
}
.post-content .wp-block-table td,
.post-content .wp-block-table th,
.post-content .module-text table td,
.post-content .module-text table th {
	padding: 0.7em 0.85em;
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid rgba(255, 255, 255, 0.09);
	/* never hyphen-break a substance name mid-word */
	overflow-wrap: break-word;
	word-break: normal;
	hyphens: none;
}
.post-content .wp-block-table tr:last-child td { border-bottom: 0; }
.post-content .wp-block-table td:first-child { width: 42%; }
@media (max-width: 520px) {
	.post-content .wp-block-table td:first-child { width: 45%; }
}

/* the stripe style paints #f0f0f0, which is invisible under near-white text */
.post-content .wp-block-table.is-style-stripes table tr:nth-child(odd),
.post-content .wp-block-table.is-style-stripes tbody tr:nth-child(odd),
.post-content table.is-style-stripes tr:nth-child(odd),
.post-content table.is-style-stripes tbody tr:nth-child(odd) {
	background-color: rgba(0, 0, 0, 0.035) !important;
}
/* first row is a header written as ordinary cells */
.post-content .wp-block-table tbody tr:first-child {
	background: rgba(0, 0, 0, 0.06) !important;
}
.post-content .wp-block-table tbody tr:first-child td {
	font-weight: 600;
	letter-spacing: 0.02em;
}
/* bullet lists inside cells were hanging their markers outside the column */
.post-content .wp-block-table td ul,
.post-content .wp-block-table td ol {
	margin: 0;
	padding-left: 1.15em;
	text-align: left;
}
.post-content .wp-block-table td li { margin: 0.15em 0; }

/* ---- image cards ---------------------------------------------------------- */
/* these were a white plate dropped into a dark article, with near-white text on it */
/* 2026-09-05: this card surface was dark unconditionally, so on a light page
   a white illustration sat on a near-black plate with a dark caption band.
   Shape stays shared; only the surface differs between themes. */
.post-content .module-image.image-card-layout {
	background: #f6f7f9 !important;
	border: 1px solid rgba(0, 0, 0, 0.08);
	border-radius: 14px;
	overflow: hidden;
	box-shadow: none !important;
}
.post-content .module-image.image-card-layout .image-wrap { margin: 0; }
.post-content .module-image.image-card-layout .image-wrap img {
	display: block;
	width: 100%;
	height: auto;
}
.post-content .module-image.image-card-layout .image-title {
	color: inherit !important;
}
.post-content .module-image.image-card-layout .image-title {
	font-size: 1rem;
	line-height: 1.3;
	margin: 0.9rem 1rem 0.3rem;
}
.post-content .module-image.image-card-layout .image-caption,
.post-content .module-image.image-card-layout .image-caption * {
	color: #5b6270 !important;
	font-size: 0.9rem;
	line-height: 1.45;
}
.post-content .module-image.image-card-layout .image-caption {
	margin: 0 1rem 1rem;
}

/* ---- product list panels under the article -------------------------------- */
.single-post .module-menu .module-menu-container,
.single-post .module-menu ul.menu-bar {
	background: rgba(0, 0, 0, 0.03) !important;
	border: 1px solid rgba(0, 0, 0, 0.08);
	border-radius: 12px;
}
.single-post .module-menu ul.menu-bar { padding: 0.4rem 0.6rem; }
.single-post .module-menu ul.menu-bar li a {
	color: inherit !important;
}
.single-post .module-menu ul.menu-bar li a {
	padding: 0.42rem 0.55rem;
}
.single-post .module-menu ul.menu-bar li a:hover { color: var(--pk-gold-text) !important; }
/* the two columns had wildly different heights, leaving a large void */
.single-post .module-menu .module-menu-container { height: 100%; }

@media (max-width: 680px) {
	.post-content .wp-block-table td,
	.post-content .wp-block-table th {
		padding: 0.6em 0.6em;
		font-size: 0.95rem;
		line-height: 1.4;
	}
	.post-content p[style*="font-size: 12px"],
	.post-content p[style*="font-size:12px"] { font-size: 0.95rem !important; }
}

/* the two kit panels sit in one builder row with very different item counts,
   which left a tall empty gap beside the shorter one */
.single-post .module_row .row_inner.tb_col_count_2 { align-items: stretch; }
.single-post .module_row .row_inner.tb_col_count_2 > .module_column { display: flex; flex-direction: column; }
.single-post .module_column > .module-menu { flex: 1 1 auto; display: flex; flex-direction: column; }
.single-post .module-menu .module-menu-container { flex: 1 1 auto; }

/* text-beside-image blocks become unreadable once each column drops under
   ~300px. The nested rows are CSS grids, so collapse the track definition
   rather than trying to set a width on the grid items. */
@media (max-width: 900px) {
	.post-content .module_subrow.themify_builder_sub_row {
		grid-template-columns: 1fr !important;
		row-gap: 1.4rem;
	}
	.post-content .module_subrow .module-image.image-card-layout {
		max-width: 26rem;
		margin-left: auto;
		margin-right: auto;
	}
}

/* ==========================================================================
   Guide article opening — editorial treatment (2026-09-05)
   Modelled on the Protest Magazine feature layout: quiet eyebrow, dominant
   title, a lede that reads as a standfirst, and a contents card.
   ========================================================================== */

/* 1. the header was led by a 20-item tag list. Keep the category, drop the rest. */
.single-post .post-cat-tag-wrap .post-tag,
.single-post .post-cat-tag-wrap > a:not([class*="term-"]),
.single-post .post-cat-tag-wrap > .post-meta-separator { display: none !important; }
.single-post .post-cat-tag-wrap .post-category a {
	color: var(--pk-guide-accent, #dcaa2e) !important;
	font-size: 0.72rem;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	text-decoration: none;
}

/* 2. byline and date sit under the eyebrow as quiet metadata */
.single-post .post-meta.entry-meta {
	font-size: 0.78rem;
	letter-spacing: 0.09em;
	text-transform: uppercase;
	opacity: 0.75;
}

/* 3. hierarchy was inverted: the title rendered smaller than its own sections */
.single-post .post-content .module-fancy-heading.intro h1,
.single-post .post-content .module-fancy-heading.intro h2,
.single-post .post-content .module-fancy-heading.intro h3,
.single-post .post-content .module-fancy-heading.intro .fancy-heading-title {
	font-size: clamp(2.1rem, 6vw, 3.4rem) !important;
	line-height: 1.04 !important;
	letter-spacing: -0.015em;
	text-wrap: balance;
}
.single-post .post-content .module-fancy-heading:not(.intro) h1,
.single-post .post-content .module-fancy-heading:not(.intro) h2,
.single-post .post-content .module-fancy-heading:not(.intro) h3 {
	font-size: clamp(1.55rem, 4vw, 2.15rem) !important;
	line-height: 1.15 !important;
}

/* 4. body copy at magazine size rather than 16px */
.single-post .post-content .module-text p,
.single-post .post-content .module-text li {
	font-size: 1.08rem;
	line-height: 1.66;
}
.single-post .post-content .module-text p { margin-bottom: 1.15em; }

/* 5. the opening paragraph reads as a standfirst */
.single-post .post-content .module_row:nth-of-type(1) .module-text p:first-of-type {
	font-size: 1.2rem;
	line-height: 1.55;
}
/* 2026-09-05 fix: #e7e9ec is the dark-theme standfirst colour and was ungated, so the
   opening paragraph of every single post rendered near-white on white in light mode
   (contrast 1.09 on /drugspro-app/, the week 34 report and the marshmallow pill post).
   Gated on the body class the theme boot script sets, as the menu rules already are.
   Compound on body: .single-post is a body class too, so a descendant form never matches. */
body.tf_darkmode.single-post .post-content .module_row:nth-of-type(1) .module-text p:first-of-type {
	color: var(--pk-ink);
}

/* 6. contents as a card, not a list of underlined links */
.single-post .post-content .module-toc {
	background: rgba(0, 0, 0, 0.03);
	border: 1px solid rgba(0, 0, 0, 0.08);
	border-radius: 12px;
	padding: 1rem 1.15rem;
	margin: 1.5rem 0 2rem;
}
.single-post .post-content .module-toc a {
	text-decoration: none;
	border-bottom: 0;
}
.single-post .post-content .module-toc a:hover { text-decoration: underline; }
.single-post .post-content .module-toc li { margin: 0.3rem 0; line-height: 1.4; }

/* Themify generates a per-row rule that underlines every link in the opening
   row; the contents card should not inherit it. */
.single-post .post-content .module-toc a,
.single-post .post-content .module-toc a:hover,
.single-post .post-content .module-toc a:focus {
	text-decoration: none !important;
}
.single-post .post-content .module-toc a:hover { color: #dcaa2e !important; }
.single-post .post-content .module-toc .tb_toc_num { color: #dcaa2e; font-weight: 600; }


/* stack the card on very narrow screens so the image is not squeezed */
@media (max-width: 340px) {
	.single-post .post-content .module-products li.product,
	.single-post .post-content .module-products .product { grid-template-columns: 1fr; }
	.single-post .post-content .module-products .product img { width: 128px !important; max-width: 128px !important; }
}

/* Themify caches a per-module rule with padding-bottom:40px, which left the
   contents card taller than its list. */
.single-post .post-content .module-toc {
	padding: 1rem 1.15rem 1rem !important;
}
.single-post .post-content .module-toc ul.tb_toc_lv_1 { margin-bottom: 0; }
.single-post .post-content .module-toc .tb_toc_head:empty { display: none; }

/* ==========================================================================
   In-article product card (2026-09-05)
   li.product > figure.product-image + div.product-content
   Both columns share one height; price and button sit on the same row.
   ========================================================================== */
.single-post .post-content .module-products ul.products,
.single-post .post-content .module-products .products {
	display: grid; gap: 0.75rem; margin: 1.25rem 0 0; padding: 0; list-style: none;
}
.single-post .post-content .module-products li.product {
	display: grid !important;
	grid-template-columns: 104px minmax(0, 1fr);
	align-items: stretch;
	gap: 1rem;
	width: 100% !important;
	max-width: 30rem;
	margin: 0 !important;
	padding: 0.85rem !important;
	background: rgba(0, 0, 0, 0.03);
	border: 1px solid rgba(0, 0, 0, 0.08);
	border-radius: 14px;
	text-align: left;
	float: none !important;
}

/* left column fills the card height, image centred inside it */
.single-post .post-content .module-products li.product > figure.product-image {
	width: 104px !important; min-width: 104px !important; max-width: 104px !important;
	flex: 0 0 104px !important;
	height: auto !important; align-self: stretch;
	margin: 0 !important; padding: 0;
	border-radius: 10px; overflow: hidden; background: #fff;
	display: flex; align-items: center; justify-content: center;
}
.single-post .post-content .module-products li.product figure.product-image a {
	display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;
}
.single-post .post-content .module-products li.product figure.product-image img {
	width: 100% !important; height: 100% !important; max-width: none !important;
	object-fit: contain !important; padding: 8px; background: transparent !important; display: block;
}

/* right column: title, rating, then price and button together */
.single-post .post-content .module-products li.product .product-content {
	display: flex !important; align-items: center; min-width: 0; min-height: 104px;
}
.single-post .post-content .module-products li.product .product-content-inner-wrapper {
	display: grid !important;
	grid-template-columns: auto 1fr;
	align-content: center;
	gap: 0.3rem 0.8rem;
	width: 100%; min-width: 0;
}
.single-post .post-content .module-products li.product .product-title,
.single-post .post-content .module-products li.product .product-content h2,
.single-post .post-content .module-products li.product .product-content h3 {
	grid-column: 1 / -1;
	font-size: 0.98rem !important; line-height: 1.3 !important; margin: 0 !important; font-weight: 600;
}
.single-post .post-content .module-products li.product .product-title a { text-decoration: none !important; }
.single-post .post-content .module-products li.product .star-rating {
	grid-column: 1 / -1; margin: 0 !important; font-size: 0.72rem !important;
}
.single-post .post-content .module-products li.product .price {
	grid-column: 1; align-self: center; justify-self: start;
	font-size: 1.1rem !important; color: var(--pk-gold-text); margin: 0.15rem 0 0 !important; line-height: 1.1;
}
.single-post .post-content .module-products li.product a.button,
.single-post .post-content .module-products li.product .add_to_cart_button {
	grid-column: 2; align-self: center; justify-self: start;
	margin: 0.15rem 0 0 !important;
	white-space: nowrap !important;
	width: auto !important; min-width: 0 !important;
	/* colour, radius, font and size come from the Customizer button system (2026-09-25) */
}

@media (max-width: 360px) {
	.single-post .post-content .module-products li.product { grid-template-columns: 84px minmax(0, 1fr); }
	.single-post .post-content .module-products li.product > figure.product-image {
		width: 84px !important; min-width: 84px !important; max-width: 84px !important; flex: 0 0 84px !important;
	}
	.single-post .post-content .module-products li.product .product-content { min-height: 84px; }
}

/* real grid parent is .product-content-inner; the button is wrapped in a <p> */
.single-post .post-content .module-products li.product .product-content,
.single-post .post-content .module-products li.product .product-content-inner-wrapper {
	display: block !important;
	width: 100%; min-width: 0;
}
.single-post .post-content .module-products li.product .product-content {
	display: flex !important; align-items: center; min-height: 104px;
}
.single-post .post-content .module-products li.product .product-content-inner {
	display: grid !important;
	grid-template-columns: auto 1fr;
	align-content: center;
	gap: 0.35rem 0.85rem;
	width: 100%; min-width: 0;
}
.single-post .post-content .module-products li.product .product-content-inner > .product-title,
.single-post .post-content .module-products li.product .product-content-inner > h2,
.single-post .post-content .module-products li.product .product-content-inner > h3,
.single-post .post-content .module-products li.product .product-content-inner > .star-rating {
	grid-column: 1 / -1 !important;
}
.single-post .post-content .module-products li.product .product-content-inner > .price {
	grid-column: 1 !important; align-self: center !important; justify-self: start !important;
	margin: 0 !important;
}
.single-post .post-content .module-products li.product .product-content-inner > p.add-to-cart-button {
	grid-column: 2 !important; align-self: center !important; justify-self: start !important;
	margin: 0 !important; padding: 0 !important;
}
.single-post .post-content .module-products li.product p.add-to-cart-button a.button { margin: 0 !important; }

/* the card box was stretching wider than its contents, leaving a dead strip
   on the right; hug the content instead and let the price/button row fill */
.single-post .post-content .module-products li.product {
	width: fit-content !important;
	max-width: min(30rem, 100%) !important;
}
.single-post .post-content .module-products li.product .product-content-inner {
	grid-template-columns: auto auto !important;
	justify-content: start;
	column-gap: 1rem !important;
}
.single-post .post-content .module-products li.product .product-content-inner > .product-title,
.single-post .post-content .module-products li.product .product-content-inner > h2,
.single-post .post-content .module-products li.product .product-content-inner > h3 {
	max-width: 17rem;
}

/* li.product is a grid item, so it stretched to the track; let it hug content */
.single-post .post-content .module-products ul.products,
.single-post .post-content .module-products .products { justify-items: start; }
.single-post .post-content .module-products li.product { justify-self: start !important; }

/* an earlier width:100% was still winning over fit-content; auto + justify-self
   lets the grid item shrink to its contents */
.single-post .post-content .module-products li.product {
	width: auto !important;
	max-width: min(30rem, 100%) !important;
}

/* constrain the module itself so the card has nowhere to stretch into, and let
   the price/button row spread to the card edges */
.single-post .post-content .module-products { max-width: 23rem; }
.single-post .post-content .module-products li.product {
	width: 100% !important;
	max-width: 100% !important;
}
.single-post .post-content .module-products li.product .product-content-inner {
	grid-template-columns: auto 1fr !important;
	justify-content: stretch !important;
}
.single-post .post-content .module-products li.product .product-content-inner > p.add-to-cart-button {
	justify-self: end !important;
}

/* ==========================================================================
   Article media: rounded corners and a soft edge so images and video sit on
   the dark page instead of being pasted onto it. (2026-09-05)
   ========================================================================== */
.single-post .post-content .module-image .image-wrap,
.single-post .post-content .module-image img,
.single-post .post-content .module-text img,
.single-post .post-content figure:not(.wp-block-table) img,
.single-post .post-content .wp-caption img {
	border-radius: 14px;
}
/* the image-card component keeps its own plate radius */
.single-post .post-content .module-image.image-card-layout .image-wrap,
.single-post .post-content .module-image.image-card-layout img { border-radius: 0; }

/* diagrams and charts are white artwork; a hairline stops them glaring */
.single-post .post-content .module-image:not(.image-card-layout) .image-wrap {
	overflow: hidden;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08);
	line-height: 0;
}
.single-post .post-content .module-image:not(.image-card-layout) img { display: block; }

/* video: round the real clipping wrappers, not just the outer module */
.single-post .post-content .module-video .video-wrap,
.single-post .post-content .module-video .tf_vd_lazy,
.single-post .post-content .module-video .video-wrap-outer {
	border-radius: 14px;
	overflow: hidden;
}
.single-post .post-content .module-video video,
.single-post .post-content .module-video iframe {
	border-radius: 14px;
	display: block;
	background: #000;
}
.single-post .post-content .module-video .video-wrap { box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08); }

/* captions read as captions, not body copy */
.single-post .post-content .wp-caption-text,
.single-post .post-content figcaption {
	font-size: 0.82rem;
	line-height: 1.4;
	opacity: 0.72;
	margin-top: 0.5rem;
}

/* ==========================================================================
   Footer kit menus: a single panel, not a panel inside a panel, and sized to
   its own content instead of stretched to match its neighbour. (2026-09-05)
   ========================================================================== */
.single-post .module-menu .module-menu-container {
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	height: auto !important;
	flex: 0 0 auto !important;
}
.single-post .module-menu ul.menu-bar {
	background: rgba(0, 0, 0, 0.03) !important;
	border: 1px solid rgba(0, 0, 0, 0.08) !important;
	border-radius: 12px !important;
	padding: 0.55rem 0.75rem !important;
	margin: 0 !important;
}
/* stop the two columns being force-stretched to a shared height */
.single-post .module_row .row_inner.tb_col_count_2 { align-items: start; }
.single-post .module_column > .module-menu { flex: 0 0 auto; display: block; }
.single-post .module-menu { height: auto !important; }

/* ==========================================================================
   Category landing pages (2026-09-05)
   A section front, not a uniform card wall. Three bands of decreasing weight:
   one lead, two features, then a denser two-column list. The change of
   texture is what stops the page reading as an endless grid, and it maps to
   something true — these archives are date-ordered, so weight tracks recency.
   The theme's JS masonry is disabled server-side for these archives (see the
   themify_loops_wrapper_class filter in pk-category-landing.php), so this is
   a plain grid with no override war against inline styles.
   ========================================================================== */

/* --- shell: full width, no shop furniture ------------------------------- */
.archive.category #sidebar { display: none !important; }
.archive.category #content,
.archive.category main#content {
	width: 100% !important;
	max-width: 100% !important;
	float: none !important;
	margin-right: 0 !important;
}
.archive.category #layout {
	width: 100%;
	max-width: 68rem;
	margin-inline: auto;
	padding-inline: clamp(1rem, 4vw, 2rem);
	box-sizing: border-box;
}
/* the theme prints the term description a second time under our header */
.archive.category .category-description { display: none !important; }

/* --- masthead ----------------------------------------------------------- */
.archive.category .pk-cat-head {
	max-width: 44rem;
	margin: 0 0 3rem;
	padding-top: 0.5rem;
	text-align: left;
}
.archive.category .pk-cat-back {
	display: inline-block;
	font-size: 0.72rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	text-decoration: none;
	opacity: 0.85;
	margin-bottom: 1.6rem;
}
.archive.category .pk-cat-back:hover { opacity: 1; color: #dcaa2e; }
.archive.category .pk-cat-kicker {
	font-size: 0.7rem;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: #dcaa2e;
	margin: 0 0 0.6rem;
}
.archive.category h1.pk-cat-title {
	font-size: clamp(2rem, 5vw, 3.1rem) !important;
	line-height: 1.05 !important;
	letter-spacing: -0.02em;
	margin: 0 0 0.9rem !important;
	text-wrap: balance;
}
.archive.category .pk-cat-standfirst {
	font-size: 1.12rem;
	line-height: 1.55;
	color: #4b5563;
	margin: 0 0 0.9rem;
	max-width: 38rem;
}
.archive.category .pk-cat-count {
	font-size: 0.72rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	opacity: 0.75;
	margin: 0;
}

/* the "browse all products" line, reduced to a quiet pill */
.archive.category .themify_builder_content .module-text p {
	margin: 0 0 1.4rem;
	text-align: left;
}
.archive.category .themify_builder_content .module-text a[href$="/shop/"] {
	display: inline-block;
	font-size: 0.72rem !important;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	text-decoration: none !important;
	opacity: 0.85;
	border: 1px solid rgba(0, 0, 0, 0.16);
	border-radius: 999px;
	padding: 0.35rem 0.9rem;
}
.archive.category .themify_builder_content .module-text a[href$="/shop/"]:hover {
	opacity: 1; border-color: #dcaa2e; color: #dcaa2e;
}

/* --- shared card furniture ---------------------------------------------- */
.archive.category .loops-wrapper {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	column-gap: 1.75rem;
	row-gap: 2.5rem;
	height: auto !important;
	position: static;
}
.archive.category .loops-wrapper .gutter-sizer { display: none; }
.archive.category .loops-wrapper .post {
	position: static;
	width: auto;
	max-width: none;
	margin: 0;
	float: none;
}
.archive.category .loops-wrapper .post .post-tag,
.archive.category .loops-wrapper .post .post-meta-separator,
.archive.category .loops-wrapper .post .more-link-wrap { display: none !important; }
.archive.category .loops-wrapper .post .post-image {
	margin: 0;
	display: block;
	border-radius: 3px;
	overflow: hidden;
	background: #15171b;
}
.archive.category .loops-wrapper .post .post-image img {
	width: 100%;
	object-fit: cover;
	display: block;
	border-radius: 3px;
}
.archive.category .loops-wrapper .post .post-category a {
	font-size: 0.66rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #dcaa2e;
	text-decoration: none;
}
.archive.category .loops-wrapper .post .post-title { text-wrap: balance; }
.archive.category .loops-wrapper .post .post-title a,
.archive.category .loops-wrapper .post .post-title a:visited {
	color: inherit;
	text-decoration: none;
}
.archive.category .loops-wrapper .post .post-title a:hover,
.archive.category .loops-wrapper .post .post-title a:focus { color: #dcaa2e; }
.archive.category .loops-wrapper .post .post-content { padding: 0; }
.archive.category .loops-wrapper .post .entry-content {
	color: #5b6270;
	margin: 0;
}
.archive.category .loops-wrapper .post .post-date {
	font-size: 0.7rem;
	letter-spacing: 0.06em;
	color: #6b7280;
	opacity: 1;
}

/* --- band 1: the lead --------------------------------------------------- */
.archive.category .loops-wrapper .post:first-of-type {
	grid-column: span 6;
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
	column-gap: 2rem;
	align-content: start;
	padding-bottom: 2.5rem;
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.archive.category .loops-wrapper .post:first-of-type .post-image {
	grid-row: 1 / span 6;
}
.archive.category .loops-wrapper .post:first-of-type .post-image img { aspect-ratio: 4 / 3; }
.archive.category .loops-wrapper .post:first-of-type .post-title {
	font-size: clamp(1.6rem, 3.2vw, 2.2rem) !important;
	line-height: 1.12 !important;
	margin: 0.3rem 0 0.5rem !important;
}
.archive.category .loops-wrapper .post:first-of-type .entry-content {
	font-size: 1.02rem;
	line-height: 1.6;
	color: #4b5563;
	margin-top: 0.6rem;
}
.archive.category .loops-wrapper .post:first-of-type .post-date { margin-top: 0.2rem; }

/* --- band 2: two features ----------------------------------------------- */
.archive.category .loops-wrapper .post:nth-of-type(2),
.archive.category .loops-wrapper .post:nth-of-type(3) {
	grid-column: span 3;
	display: flex;
	flex-direction: column;
}
.archive.category .loops-wrapper .post:nth-of-type(2) .post-image,
.archive.category .loops-wrapper .post:nth-of-type(3) .post-image { margin-bottom: 1rem; }
.archive.category .loops-wrapper .post:nth-of-type(2) .post-image img,
.archive.category .loops-wrapper .post:nth-of-type(3) .post-image img { aspect-ratio: 16 / 9; }
.archive.category .loops-wrapper .post:nth-of-type(2) .post-title,
.archive.category .loops-wrapper .post:nth-of-type(3) .post-title {
	font-size: 1.4rem !important;
	line-height: 1.22 !important;
	margin: 0.4rem 0 0.45rem !important;
}
.archive.category .loops-wrapper .post:nth-of-type(2) .entry-content,
.archive.category .loops-wrapper .post:nth-of-type(3) .entry-content {
	font-size: 0.95rem;
	line-height: 1.55;
	margin-top: 0.5rem;
}
.archive.category .loops-wrapper .post:nth-of-type(2) .post-date,
.archive.category .loops-wrapper .post:nth-of-type(3) .post-date { margin-top: 0.2rem; }

/* --- band 3: the list --------------------------------------------------- */
.archive.category .loops-wrapper .post:nth-of-type(n+4) {
	grid-column: span 3;
	display: grid;
	grid-template-columns: 7.5rem minmax(0, 1fr);
	column-gap: 1.1rem;
	align-content: start;
	padding-top: 1.6rem;
	border-top: 1px solid rgba(0, 0, 0, 0.10);
}
.archive.category .loops-wrapper .post:nth-of-type(n+4) .post-image {
	grid-row: 1 / span 6;
}
.archive.category .loops-wrapper .post:nth-of-type(n+4) .post-image img { aspect-ratio: 1 / 1; }
.archive.category .loops-wrapper .post:nth-of-type(n+4) .post-title {
	font-size: 1.02rem !important;
	line-height: 1.3 !important;
	margin: 0.3rem 0 0.35rem !important;
}
.archive.category .loops-wrapper .post:nth-of-type(n+4) .entry-content {
	font-size: 0.86rem;
	line-height: 1.5;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.archive.category .loops-wrapper .post:nth-of-type(n+4) .post-date { display: none; }
/* the first list row sits directly under the features, so it needs the air */
.archive.category .loops-wrapper .post:nth-of-type(4),
.archive.category .loops-wrapper .post:nth-of-type(5) { margin-top: 1rem; }

/* posts with no featured image: keep the row baselines honest */
.archive.category .loops-wrapper .post:not(:first-of-type):not(:has(.post-image))::before {
	content: '';
	display: block;
	border-radius: 3px;
	background:
		linear-gradient(135deg, rgba(220, 170, 46, 0.10), rgba(220, 170, 46, 0) 60%),
		#15171b;
	border: 1px solid rgba(0, 0, 0, 0.08);
	box-sizing: border-box;
}
.archive.category .loops-wrapper .post:nth-of-type(2):not(:has(.post-image))::before,
.archive.category .loops-wrapper .post:nth-of-type(3):not(:has(.post-image))::before {
	aspect-ratio: 16 / 9;
	margin-bottom: 1rem;
}
.archive.category .loops-wrapper .post:nth-of-type(n+4):not(:has(.post-image))::before {
	grid-row: 1 / span 6;
	aspect-ratio: 1 / 1;
}

/* --- responsive --------------------------------------------------------- */
@media (max-width: 1000px) {
	.archive.category .loops-wrapper .post:nth-of-type(n+4) { grid-column: span 6; }
	.archive.category .loops-wrapper .post:nth-of-type(5) { margin-top: 0; }
}
@media (max-width: 720px) {
	.archive.category .pk-cat-head { margin-bottom: 2rem; }
	.archive.category .pk-cat-standfirst { font-size: 1.02rem; }
	.archive.category .loops-wrapper { row-gap: 2rem; }
	.archive.category .loops-wrapper .post:first-of-type {
		display: flex;
		flex-direction: column;
		padding-bottom: 2rem;
	}
	.archive.category .loops-wrapper .post:first-of-type .post-image { margin-bottom: 1rem; }
	.archive.category .loops-wrapper .post:first-of-type .post-image img { aspect-ratio: 16 / 9; }
	.archive.category .loops-wrapper .post:nth-of-type(2),
	.archive.category .loops-wrapper .post:nth-of-type(3) { grid-column: span 6; }
	.archive.category .loops-wrapper .post:nth-of-type(n+4) {
		grid-template-columns: 5.5rem minmax(0, 1fr);
		column-gap: 0.9rem;
		padding-top: 1.3rem;
	}
	.archive.category .loops-wrapper .post:nth-of-type(4) { margin-top: 0.5rem; }
}
/* ==========================================================================
   Builder kit-menu panels: dark theme everywhere, not only on single posts
   (2026-09-05)
   The earlier fix was scoped to .single-post, so on category archives (body
   class 'archive') the panels kept the theme default rgb(247,247,247) and
   rendered as near-white blocks on the dark ground. Key off the module
   instead of the body class. Appearance only; the column-stretch rules stay
   scoped to single posts, where that layout problem actually occurs.
   ========================================================================== */
/* 2026-09-05 fix: these were unscoped, so the near-white link colour was
   forced on light-mode pages too (/drugspro-app/, the footer link menu).
   tf_darkmode is added to body by the theme boot script, so gate on it. */
body.tf_darkmode .themify_builder_content .module-menu .module-menu-container {
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
}
.themify_builder_content .module-menu ul.menu-bar {
	background: rgba(0, 0, 0, 0.03) !important;
	border: 1px solid rgba(0, 0, 0, 0.08) !important;
	border-radius: 12px !important;
	padding: 0.55rem 0.75rem !important;
	margin: 0 !important;
}
/* 2026-09-05: inherit rather than force a colour. /drugspro-app/ carries its
   own white and #f3f4f6 grounds inside the builder, so a fixed light colour
   was invisible there whenever the visitor had dark mode on. */
.themify_builder_content .module-menu ul.menu-bar li a {
	color: inherit !important;
	padding: 0.42rem 0.55rem;
}
body.tf_darkmode .themify_builder_content .module-menu ul.menu-bar li a:hover,
body.tf_darkmode .themify_builder_content .module-menu ul.menu-bar li a:focus { color: #dcaa2e !important; }

/* a one-post category left the lead's divider hanging under nothing */
.archive.category .loops-wrapper .post:first-of-type:last-of-type {
	border-bottom: 0;
	padding-bottom: 0;
}



/* ==========================================================================
   Vertical rhythm for guide articles (consolidated 2026-09-05)
   Replaces four earlier passes that fought each other over :first-child
   exemptions. One rule set, one exemption.

   Section headings take more space above than below, so each binds to the
   text it introduces rather than floating between blocks. Real headings live
   in .module-text and .module-title; the step labels inside accordions and
   the product/feature/caption titles are not section headings and keep the
   theme's own spacing.
   ========================================================================== */
.single-post .themify_builder_content .module-text h2,
.single-post .themify_builder_content .module-text h3,
.single-post .themify_builder_content .module-text h4,
.single-post .themify_builder_content .module > .module-title,
.single-post .themify_builder_content h3.tb_toc_el {
	margin-top: 2.8rem !important;
	margin-bottom: 0.9rem !important;
	line-height: 1.25;
	text-wrap: balance;
}

/* not section headings */
.single-post .themify_builder_content .module-accordion h2,
.single-post .themify_builder_content .module-accordion h3,
.single-post .themify_builder_content .module-accordion h4,
.single-post .themify_builder_content .woocommerce-loop-product__title,
.single-post .themify_builder_content .module-feature-title,
.single-post .themify_builder_content .image-title,
.single-post .themify_builder_content .module-products .module-title,
.single-post .themify_builder_content .fancy-heading {
	margin-top: 0 !important;
}

/* a heading straight after another heading keeps a smaller step */
.single-post .themify_builder_content .module-text h2 + h3,
.single-post .themify_builder_content .module-text h3 + h4 { margin-top: 1.1rem !important; }

/* the article's genuinely first heading should not be pushed down */
.single-post .themify_builder_content > .module_row:first-of-type .module-text h2:first-child,
.single-post .themify_builder_content > .module_row:first-of-type .module-text h3:first-child {
	margin-top: 0 !important;
}

/* section headings that are their own fancy-heading module */
.single-post .post-content .module-fancy-heading:not(.intro) {
	margin-top: 3.2rem !important;
	margin-bottom: 1rem !important;
}
.single-post .post-content .module-fancy-heading.intro { margin-bottom: 1.25rem !important; }

/* media needs air on both sides, and a little more above than below */
.single-post .post-content .module-image,
.single-post .post-content .module-video,
.single-post .post-content .module-products,
.single-post .post-content .wp-block-table,
.single-post .post-content figure:not(.wp-block-table) {
	margin-top: 2.2rem !important;
	margin-bottom: 1.8rem !important;
}
/* media directly under its own heading stays attached to it */
.single-post .post-content .module-fancy-heading + .module-image,
.single-post .post-content .module-fancy-heading + .module-video,
.single-post .post-content .module-fancy-heading + .module-products {
	margin-top: 1rem !important;
}

/* 2026-09-05 fix: the category archive was authored against a dark background, so its
   standfirst, lead excerpt and hairline rules carried near-white values with no gate. In
   light mode /category/testing-en/ showed #c9ccd2 text on white at contrast 1.24, and every
   divider was invisible. The base rules now hold light-mode values; the dark ones live here.
   Compound on body: archive and category are both body classes, so a descendant selector
   would never match. */
body.tf_darkmode.archive.category .pk-cat-standfirst,
body.tf_darkmode.archive.category .loops-wrapper .post:first-of-type .entry-content {
	color: #c9ccd2;
}
body.tf_darkmode.archive.category .themify_builder_content .module-text a[href$="/shop/"] {
	border: 1px solid rgba(255, 255, 255, 0.16);
}
body.tf_darkmode.archive.category .loops-wrapper .post:first-of-type {
	border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}
body.tf_darkmode.archive.category .loops-wrapper .post:nth-of-type(n+4) {
	border-top: 1px solid rgba(255, 255, 255, 0.08);
}
body.tf_darkmode.archive.category .loops-wrapper .post:not(:first-of-type):not(:has(.post-image))::before {
	border: 1px solid rgba(255, 255, 255, 0.06);
}

/* 2026-09-05, second light-mode pass on the archive and post captions.
   The first pass caught #c9ccd2 but missed #a9adb5 and #a9adb4, which are dimmer and so
   slipped a luminance threshold; measured properly they sit at 2.25 contrast on white.
   The opacity values are the same mistake in another form: 0.4 of a light colour on black
   is a soft grey, 0.4 of a dark colour on white is nearly gone, which is what made the
   dates unreadable. Light mode now carries its own values and dark keeps the originals. */
body.tf_darkmode .post-content .module-image.image-card-layout .image-caption,
body.tf_darkmode .post-content .module-image.image-card-layout .image-caption * {
	color: #a9adb4 !important;
}
body.tf_darkmode.archive.category .loops-wrapper .post .entry-content {
	color: #a9adb5;
}
body.tf_darkmode.archive.category .pk-cat-back,
body.tf_darkmode.archive.category .themify_builder_content .module-text a[href$="/shop/"] {
	opacity: 0.7;
}
body.tf_darkmode.archive.category .pk-cat-count {
	opacity: 0.5;
}
body.tf_darkmode.archive.category .loops-wrapper .post .post-date {
	color: inherit;
	opacity: 0.4;
}


/* ==========================================================================
   Dark-mode surfaces (2026-09-05)
   The rules above paint light surfaces so they are safe on any ground; these
   restore the dark treatment only when the theme actually switches to dark.
   ========================================================================== */
body.tf_darkmode .post-content .module-image.image-card-layout {
	background: #15171b !important;
	border-color: rgba(255, 255, 255, 0.09);
}
body.tf_darkmode .themify_builder_content .module-menu ul.menu-bar,
body.tf_darkmode .single-post .module-menu .module-menu-container,
body.tf_darkmode .single-post .module-menu ul.menu-bar {
	background: rgba(255, 255, 255, 0.035) !important;
	border-color: rgba(255, 255, 255, 0.08) !important;
}
body.tf_darkmode .single-post .post-content .module-products li.product {
	background: rgba(255, 255, 255, 0.04);
	border-color: rgba(255, 255, 255, 0.09);
}

/* Tables and the contents card follow the theme too (2026-09-05). The reagent
   charts use is-style-stripes; white-on-white striping was invisible in light
   mode, which is where most visitors read them. */
body.tf_darkmode .post-content .wp-block-table.is-style-stripes table tr:nth-child(odd),
body.tf_darkmode .post-content .wp-block-table.is-style-stripes tr:nth-child(odd) {
	background-color: rgba(255, 255, 255, 0.045);
}
body.tf_darkmode .post-content .wp-block-table tbody tr:first-child {
	background: rgba(255, 255, 255, 0.09) !important;
}
body.tf_darkmode .single-post .post-content .module-toc {
	background: rgba(255, 255, 255, 0.035);
	border-color: rgba(255, 255, 255, 0.09);
}

/* ============================================================
   Layout fixes, 2026-09-06. Verified in-browser at 375px in both
   themes on protestkit.eu. Covers both article containers:
   .module-text .tb_text_wrap  = existing Themify-builder articles
   .post-content               = the new blog set (plain post_content)
   ============================================================ */

/* 1. Wide tables scroll instead of being clipped.
   At a 375px viewport the article column is 304px and an ancestor
   (div.tf_box.hfeed.site) is overflow-x:clip, so a 5-column table
   (~530px natural width) loses its right-hand columns with no way
   to reach them. figure.wp-block-table is display:table by default,
   which makes overflow-x inert, so display:block is the load-bearing
   line. Measured: row height 100px -> 37px, scrollable, no page overflow. */
.post-content figure.wp-block-table,
.module-text .tb_text_wrap figure.wp-block-table {
	display: block;
	max-width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
.post-content figure.wp-block-table > table,
.module-text .tb_text_wrap figure.wp-block-table > table {
	display: table;
	min-width: 480px;
	width: 100%;
	margin: 0;
}
@media (max-width: 600px) {
	.post-content figure.wp-block-table > table,
	.module-text .tb_text_wrap figure.wp-block-table > table { font-size: 14px; }
	.post-content figure.wp-block-table th,
	.post-content figure.wp-block-table td,
	.module-text .tb_text_wrap figure.wp-block-table th,
	.module-text .tb_text_wrap figure.wp-block-table td {
		white-space: nowrap;
		padding: .45em .6em;
	}
}

/* 2. Product menu links in dark mode.
   Not fixable on the <a>: an existing rule
   .single-post .module-menu ul.menu-bar li a{color:inherit !important}
   forces the link to inherit, and the #333 is declared on ul.nav. So the
   colour has to be corrected on the list, and the !important on the anchor
   has to be answered in kind. Measured dark 1.48:1 -> 15.35:1 on all 30
   links; light is untouched at 11.83:1. Scoped to body.tf_darkmode. */
body.tf_darkmode .module-menu-container ul.nav,
body.tf_darkmode .module-menu-container ul.nav li,
body.tf_darkmode .module-menu-container ul.menu-bar,
body.tf_darkmode .module-menu-container ul.menu-bar li { color: #e8e9ea; }
body.tf_darkmode .single-post .module-menu ul.menu-bar li a,
body.tf_darkmode .themify_builder_content .module-menu ul.menu-bar li a,
body.tf_darkmode .module-menu-container ul.nav li a { color: #e8e9ea !important; }
body.tf_darkmode .module-menu-container ul.nav li a:hover,
body.tf_darkmode .module-menu-container ul.nav li a:focus { color: #fff !important; }

/* ------------------------------------------------------------------
   Translation notice and article title on the 2026-09-06 guide set.
   The single-post template renders no title of its own, so the H1
   lives in the content the way the older builder articles do it.
   Colours are derived from currentColor so one rule serves both themes.
   ------------------------------------------------------------------ */
.post-content h1.pk-article-title{
	font-size: clamp(1.9rem, 4.5vw, 2.6rem);
	line-height: 1.12;
	margin: 0 0 .6em;
	text-wrap: balance;
}
.post-content blockquote.pk-translation-notice{
	margin: 0 0 1.9em;
	padding: .85em 0 .85em 1.1em;
	border-left: 2px solid currentColor;
	border-inline-start: 2px solid currentColor;
	color: inherit;
	/* No opacity here: at .72 this measured 3.16:1 on the light ground, below AA.
	   The italic and the rule already separate it from the body copy. */
	font-style: italic;
	background: none;
	quotes: none;
}
.post-content blockquote.pk-translation-notice::before,
.post-content blockquote.pk-translation-notice::after{ content: none; }
.post-content blockquote.pk-translation-notice p{
	margin: 0;
	font-size: .93em;
	line-height: 1.65;
}

/* Magazine: compact Features list on phones (owner, 2026-09-19: too crowded). One row per
   feature, thumbnail beside the title, hairline between rows, air before the next section. */
@media (max-width: 760px) {
	.pk-magazine-page .pk-magazine-features-compact { margin: 40px 0 56px; }
	.pk-magazine-page .pk-magazine-features-compact .module-title { margin: 0 0 8px; padding-bottom: 12px; }
	.pk-magazine-page .pk-magazine-features-compact .builder-posts-wrap { display: block; }
	.pk-magazine-page .pk-magazine-features-compact .post { display: grid; grid-template-columns: 112px minmax(0, 1fr); gap: 16px; align-items: center; margin: 0; padding: 18px 0; border-bottom: 1px solid var(--pk-line); }
	.pk-magazine-page .pk-magazine-features-compact .post:last-child { border-bottom: 0; }
	.pk-magazine-page .pk-magazine-features-compact .post-image { margin: 0; }
	.pk-magazine-page .pk-magazine-features-compact .post-image img { display: block; width: 112px; height: 84px; object-fit: cover; border-radius: 12px; }
	.pk-magazine-page .pk-magazine-features-compact .post-title { margin: 0; font-size: 18px; line-height: 1.3; }
	body.tf_darkmode .pk-magazine-page .pk-magazine-features-compact .post { border-bottom-color: var(--pk-line); }
}

/* Magazine cards: preserve each mobile grid column and avoid title collisions. */
@media (max-width: 600px) {
	.pk-magazine-page .post-content-inner-wrapper,
	.pk-magazine-page .post-content-inner,
	.pk-magazine-page .post-title {
		min-width: 0;
	}
	.pk-magazine-page .post-content-inner .post-title a,
	.pk-magazine-page .pk-magazine-grid .post-title a,
	.pk-magazine-page .pk-magazine-featured .post-title a {
		display: block;
		max-width: 100%;
		overflow-wrap: break-word;
		white-space: normal !important;
		word-break: normal;
	}
	.pk-magazine-page .pk-magazine-research .post-title {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden;
	}
}

/* Brave! Factory dark cover: keep the Magazine return control readable. */
body.page-id-194142 .pk-article__cover .pk-article__back {
	color: #fff;
}

/* The back link sits on a dark hero: do not inherit the site gold link colour. */
body.page-id-194142 .pk-article__cover .pk-article__back {
	color: #fff !important;
}