/*
Theme Name: Petoniki
Author: Petoniki Project
Description: A responsive multilingual pet knowledge portal block theme.
Requires at least: 7.0
Tested up to: 7.0
Requires PHP: 8.2
Version: 1.0.1
Text Domain: petoniki
*/


/* Petoniki 0.20: selector motion, profile sharing and directory alignment. */
.xk-utility-bar__account {
	position: relative;
	display: grid;
	place-items: center;
}

/* Petoniki 0.27: refined language picker, pet finder cards, and homepage modules. */
.xk-utility-bar .xk-language-dropdown__menu,
.xk-language-dropdown__menu {
	width: 176px;
	min-width: 176px;
	padding: 5px;
}

.xk-utility-bar .xk-language-dropdown__menu a,
.xk-language-dropdown__menu a {
	display: grid;
	grid-template-columns: 23px max-content;
	justify-content: center;
	gap: 7px;
	box-sizing: border-box;
	min-height: 34px;
	padding: 5px 7px;
	border-radius: 7px;
	transition: color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease;
}

.xk-utility-bar .xk-language-dropdown__menu a > span:last-child,
.xk-language-dropdown__menu a > span:last-child {
	width: max-content;
	max-width: 120px;
	overflow: hidden;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.xk-utility-bar .xk-language-dropdown__menu a:hover,
.xk-utility-bar .xk-language-dropdown__menu a:focus-visible,
.xk-language-dropdown__menu a:hover,
.xk-language-dropdown__menu a:focus-visible {
	background: #fff0bb;
	color: #075f61;
	box-shadow: inset 3px 0 #ff7622;
	transform: translateX(1px);
}

.xk-legacy-selector.xk-pet-finder {
	padding: 18px;
}

.xk-pet-finder__header {
	grid-template-columns: minmax(290px, 320px) minmax(0, 1fr);
	gap: 18px;
	padding: 0 2px 13px;
}

.xk-pet-finder__viewport {
	padding: 3px 1px;
}

.xk-pet-finder__species-button:hover,
.xk-pet-finder__species-button:focus-visible {
	border-color: #ff7622;
	box-shadow: inset 0 0 0 1px #ff7622, 0 4px 12px rgb(255 105 28 / 14%);
	transform: none;
}

.xk-pet-finder__filters {
	margin: 0;
	border: 1px solid #f0d7bd;
	border-radius: 15px;
	background: rgb(255 255 255 / 82%);
	overflow: hidden;
}

.xk-pet-finder__panel:not([hidden]) {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.xk-pet-finder__filter-row {
	display: grid;
	grid-template-columns: 1fr;
	align-content: start;
	gap: 9px;
	min-width: 0;
	min-height: 91px;
	padding: 13px 15px;
	border-right: 1px solid #f4e8dc;
	border-bottom: 1px solid #f4e8dc;
}

.xk-pet-finder__filter-row:nth-child(3n) { border-right: 0; }

.xk-pet-finder__filter-label { gap: 8px; }

.xk-pet-finder__filter-label span.dashicons {
	display: inline-grid;
	place-items: center;
	box-sizing: border-box;
	width: 28px;
	height: 28px;
	border-radius: 9px;
	background: #edf8f3;
	color: #1f8174;
	font-size: 17px;
	line-height: 28px;
}

.xk-pet-finder__options {
	align-items: center;
	gap: 6px;
}

.xk-pet-finder__options a {
	min-width: 0;
	min-height: 30px;
	padding: 5px 12px;
}

.xk-pet-finder__more {
	grid-column: 1 / -1;
	justify-content: flex-end;
	padding: 10px 14px 12px;
}

/* The result cards keep all four guide shortcuts visible over a calm image overlay. */
.xk-profile-grid--home .xk-profile-card {
	position: relative;
	box-sizing: border-box;
	border: 1px solid #eadcca;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 8px 22px rgb(62 43 25 / 8%);
	overflow: hidden;
}

.xk-profile-grid--home .xk-profile-card__media {
	display: block;
	height: clamp(190px, 18vw, 250px);
	border-radius: 0;
	overflow: hidden;
}

.xk-profile-grid--home .xk-profile-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .35s ease;
}

.xk-profile-grid--home .xk-profile-card:hover .xk-profile-card__media img { transform: scale(1.035); }

.xk-profile-grid--home .xk-profile-card__shade {
	position: absolute;
	inset: 0 0 auto;
	z-index: 1;
	height: clamp(190px, 18vw, 250px);
	background: linear-gradient(180deg, rgb(17 20 16 / 25%), rgb(17 20 16 / 52%));
	pointer-events: none;
}

.xk-profile-grid--home .xk-profile-card__favorite {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 4;
}

.xk-profile-grid--home .xk-profile-card__favorite .xk-favorite-form { margin: 0; }
.xk-profile-grid--home .xk-profile-card__favorite .xk-favorite-button {
	display: grid;
	place-items: center;
	width: 36px;
	height: 36px;
	padding: 0;
	border: 1px solid rgb(255 255 255 / 80%);
	border-radius: 50%;
	background: rgb(16 24 18 / 25%);
	color: #fff;
	box-shadow: none;
	backdrop-filter: blur(3px);
}
.xk-profile-grid--home .xk-profile-card__favorite .xk-favorite-button:hover,
.xk-profile-grid--home .xk-profile-card__favorite .xk-favorite-button:focus-visible,
.xk-profile-grid--home .xk-profile-card__favorite .xk-favorite-button.is-saved { background: #ff6b27; }

.xk-profile-grid--home .xk-profile-card__quick {
	position: absolute;
	top: clamp(64px, 6.8vw, 92px);
	right: 10px;
	bottom: auto;
	left: 10px;
	z-index: 3;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
	padding: 0;
	background: transparent;
	opacity: 1;
	transform: none;
}

.xk-profile-grid--home .xk-profile-card__quick a {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 6px;
	min-width: 0;
	min-height: 41px;
	padding: 6px 10px;
	border: 1px solid rgb(255 255 255 / 86%);
	border-radius: 15px;
	background: rgb(28 32 25 / 18%);
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	line-height: 1.15;
	text-shadow: 0 1px 3px rgb(0 0 0 / 50%);
	backdrop-filter: blur(2px);
}

.xk-profile-grid--home .xk-profile-card__quick a:hover,
.xk-profile-grid--home .xk-profile-card__quick a:focus-visible {
	border-color: #fff;
	background: rgb(255 108 37 / 88%);
}

.xk-profile-grid--home .xk-profile-card__quick b {
	flex: 0 0 20px;
	width: 20px;
	height: 20px;
	font-size: 18px;
	line-height: 20px;
}

.xk-profile-grid--home .xk-profile-card__caption {
	display: grid;
	gap: 4px;
	min-height: 62px;
	padding: 10px 12px 12px;
	text-align: center;
}

.xk-profile-grid--home .xk-profile-card h3 { margin: 0; }
.xk-profile-grid--home .xk-profile-card h3 a::before,
.xk-profile-grid--home .xk-profile-card h3 a::after { display: none; }
.xk-profile-grid--home .xk-profile-card__traits {
	margin: 0;
	overflow: hidden;
	color: #716b63;
	font-size: 11px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* Configurable modules placed after Other Pets. */
.xk-home-extra {
	box-sizing: border-box;
	margin-top: 18px;
	padding: 16px 18px;
	border: 1px solid #f0d7bd;
	border-radius: 17px;
	background: linear-gradient(135deg, #fffefa, #fffaf3);
	box-shadow: 0 7px 20px rgb(67 43 20 / 6%);
}

.xk-home-extra__heading { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.xk-home-extra__heading > span:last-child { display: grid; gap: 1px; }
.xk-home-extra__heading h2 { margin: 0; color: #1b2927; font-size: 22px; line-height: 1.15; }
.xk-home-extra__heading p { margin: 0; color: #746d64; font-size: 11px; }
.xk-home-extra__icon { font-size: 27px; line-height: 1; }
.xk-home-extra__button {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	width: max-content;
	min-width: 150px;
	min-height: 34px;
	margin: 10px auto 0;
	padding: 5px 16px;
	border: 1px solid #54a48c;
	border-radius: 999px;
	background: #fff;
	color: #176b5b;
	font-size: 12px;
	font-weight: 700;
}

.xk-home-extra__profiles { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; }
.xk-home-extra__profiles .xk-profile-card__media,
.xk-home-extra__profiles .xk-profile-card__shade { height: 142px; }
.xk-home-extra__profiles .xk-profile-card__quick { top: 46px; gap: 5px; }
.xk-home-extra__profiles .xk-profile-card__quick a { min-height: 34px; padding: 4px 6px; font-size: 9px; }
.xk-home-extra__profiles .xk-profile-card__caption { min-height: 53px; padding: 8px; }
.xk-home-extra__profiles .xk-profile-card h3 { font-size: 12px; }

.xk-home-extra--lifestyle { display: grid; grid-template-columns: 245px minmax(0, 1fr); gap: 13px 18px; }
.xk-home-lifestyle__intro { grid-row: 1 / span 2; padding: 2px 6px 2px 2px; }
.xk-home-lifestyle__intro .xk-home-extra__heading { align-items: flex-start; }
.xk-home-lifestyle__intro > p { color: #64716c; font-size: 12px; line-height: 1.55; }
.xk-home-lifestyle__intro > a,
.xk-home-lifestyle__cta a,
.xk-home-extra--account a { display: inline-flex; align-items: center; justify-content: center; min-height: 37px; padding: 5px 18px; border-radius: 999px; background: #247e4d; color: #fff; font-size: 12px; font-weight: 700; }
.xk-home-lifestyle__choices { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 9px; }
.xk-home-lifestyle__choices a { display: grid; justify-items: center; gap: 4px; min-width: 0; padding: 11px 7px; border: 1px solid #eee2d5; border-radius: 10px; background: #fff; color: #243532; text-align: center; }
.xk-home-lifestyle__choices a > span { font-size: 28px; }
.xk-home-lifestyle__choices strong { font-size: 11px; }
.xk-home-lifestyle__choices small { color: #777069; font-size: 9px; line-height: 1.35; }
.xk-home-lifestyle__cta { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 12px; min-height: 70px; padding: 8px 18px; border: 1px solid #efe1cf; border-radius: 13px; background: linear-gradient(90deg, #f8f2e5, #fffdf6); }
.xk-home-lifestyle__cta > span { font-size: 48px; }
.xk-home-lifestyle__cta div { display: grid; gap: 2px; }
.xk-home-lifestyle__cta strong { font-size: 15px; }
.xk-home-lifestyle__cta small { color: #746f67; font-size: 10px; }
.xk-home-lifestyle__cta a { background: #ff681d; }

.xk-home-extra__articles { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.xk-home-extra__articles article { min-width: 0; border: 1px solid #ebdfd2; border-radius: 10px; background: #fff; overflow: hidden; }
.xk-home-extra__article-media { display: block; height: 118px; overflow: hidden; }
.xk-home-extra__article-media img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
.xk-home-extra__articles article:hover img { transform: scale(1.04); }
.xk-home-extra__articles article > div { display: grid; gap: 5px; padding: 9px; }
.xk-home-extra__articles small { color: #7d756e; font-size: 9px; }
.xk-home-extra__articles h3 { margin: 0; font-size: 13px; line-height: 1.25; }
.xk-home-extra__articles p { margin: 0; color: #6f6b65; font-size: 10px; line-height: 1.35; }
.xk-home-extra__articles article > div > a { color: #18856c; font-size: 10px; font-weight: 700; }

.xk-home-extra--account { display: grid; grid-template-columns: minmax(150px, .7fr) minmax(300px, 1.4fr) minmax(150px, .7fr); align-items: center; gap: 22px; overflow: hidden; background: linear-gradient(100deg, #fff0d6, #fff9eb 48%, #ffe3be); }
.xk-home-extra--account > div:nth-child(2) { display: grid; justify-items: start; gap: 5px; }
.xk-home-extra--account h2 { margin: 0; font-size: 18px; }
.xk-home-extra--account p { margin: 0; color: #625c55; font-size: 11px; }
.xk-home-extra--account small { color: #29715c; font-size: 10px; }
.xk-home-extra--account a { margin-top: 3px; background: #ff6a25; }
.xk-home-account__art,.xk-home-account__devices { position: relative; display: flex; align-items: center; justify-content: center; min-height: 100px; font-style: normal; }
.xk-home-account__art b,.xk-home-account__devices b { font-size: 68px; }
.xk-home-account__art span,.xk-home-account__art i,.xk-home-account__devices span,.xk-home-account__devices i { position: absolute; font-size: 25px; font-style: normal; }
.xk-home-account__art span { top: 3px; left: 12%; }.xk-home-account__art i { right: 12%; bottom: 4px; color: #ff6422; }
.xk-home-account__devices span { top: 4px; right: 13%; color: #ff6422; }.xk-home-account__devices i { bottom: 2px; left: 12%; }

@media (max-width: 1100px) {
	.xk-pet-finder__header { grid-template-columns: minmax(260px, 300px) minmax(0, 1fr); }
	.xk-pet-finder__panel:not([hidden]) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.xk-pet-finder__filter-row:nth-child(3n) { border-right: 1px solid #f4e8dc; }
	.xk-pet-finder__filter-row:nth-child(2n) { border-right: 0; }
	.xk-home-extra__profiles { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.xk-home-lifestyle__choices { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.xk-home-extra__articles { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
	.xk-utility-bar .xk-language-dropdown__menu { width: min(176px, calc(100vw - 24px)); }
	.xk-legacy-selector.xk-pet-finder { padding: 15px 13px; }
	.xk-pet-finder__header { grid-template-columns: 1fr; }
	.xk-pet-finder__filters { margin: 0; }
	.xk-pet-finder__panel:not([hidden]) { grid-template-columns: 1fr; }
	.xk-pet-finder__filter-row,
	.xk-pet-finder__filter-row:nth-child(2n),
	.xk-pet-finder__filter-row:nth-child(3n) { border-right: 0; }
	.xk-pet-finder__options { flex-wrap: nowrap; overflow-x: auto; }
	.xk-profile-grid--home .xk-profile-card__media,
	.xk-profile-grid--home .xk-profile-card__shade { height: 215px; }
	.xk-profile-grid--home .xk-profile-card__quick { top: 72px; }
	.xk-home-extra { padding: 14px; }
	.xk-home-extra__profiles,
	.xk-home-extra__articles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.xk-home-extra--lifestyle { grid-template-columns: 1fr; }
	.xk-home-lifestyle__intro { grid-row: auto; }
	.xk-home-lifestyle__choices { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.xk-home-lifestyle__cta { grid-template-columns: auto 1fr; }
	.xk-home-lifestyle__cta a { grid-column: 1 / -1; }
	.xk-home-extra--account { grid-template-columns: 90px 1fr; }
	.xk-home-account__devices { display: none; }
}

.xk-utility-bar__account .xk-account-link {
	height: 32px;
	padding: 0 13px;
	border: 1px solid rgb(255 255 255 / 32%);
	border-radius: 18px;
	background: var(--xk-utility-accent, #ffd800);
	box-shadow: none;
	color: #17323b;
	font-size: 12px;
}

.xk-utility-bar__account .xk-account-link .dashicons {
	width: 15px;
	height: 15px;
	font-size: 15px;
	line-height: 15px;
}

.xk-utility-bar__account .xk-account-menu summary {
	width: 32px;
	height: 32px;
	border: 2px solid rgb(255 255 255 / 72%);
	border-radius: 50%;
}

.xk-utility-bar__account .xk-user-avatar {
	width: 28px;
	height: 28px;
}

.xk-utility-bar__account .xk-account-menu__panel {
	top: calc(100% + 9px);
	right: 0;
}

.xk-primary-nav__inner.xk-shell {
	justify-content: center;
}

@media (min-width: 961px) {
	.xk-primary-menu {
		flex: 0 1 1045px;
		width: min(1045px, 100%);
	}
}

.xk-legacy-selector__line {
	display: grid;
	align-items: center;
	overflow: hidden;
	background: none;
	color: #d8dcde;
}

.xk-selector-motif {
	display: flex;
	align-items: center;
	justify-content: space-between;
	grid-area: 1 / 1;
	padding-inline: 8px;
	overflow: hidden;
	font-size: 20px;
	letter-spacing: 15px;
	line-height: 24px;
	opacity: 0;
	filter: grayscale(1);
	transform: translateY(5px) scale(.96);
	transition: opacity .28s ease, transform .34s cubic-bezier(.2,.75,.25,1);
	white-space: nowrap;
}

.xk-selector-motif i {
	position: relative;
	display: block;
	flex: 0 0 auto;
	color: #d8dcde;
}

.xk-selector-motif--dog i {
	width: 22px;
	height: 6px;
	border-radius: 5px;
	background: currentColor;
}

.xk-selector-motif--dog i::before,
.xk-selector-motif--dog i::after {
	position: absolute;
	top: -3px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: currentColor;
	box-shadow: 0 6px 0 currentColor;
	content: "";
}

.xk-selector-motif--dog i::before { left: -2px; }
.xk-selector-motif--dog i::after { right: -2px; }

.xk-selector-motif--cat i {
	width: 23px;
	height: 12px;
}

.xk-selector-motif--cat i::before {
	position: absolute;
	top: 1px;
	right: 0;
	width: 16px;
	height: 10px;
	border-radius: 55% 48% 48% 55%;
	background: currentColor;
	content: "";
}

.xk-selector-motif--cat i::after {
	position: absolute;
	left: 0;
	top: 1px;
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-right: 8px solid currentColor;
	border-bottom: 5px solid transparent;
	content: "";
}

.xk-legacy-selector[data-active-pet="dog"] .xk-selector-motif--dog,
.xk-legacy-selector[data-active-pet="cat"] .xk-selector-motif--cat {
	opacity: .72;
	transform: translateY(0) scale(1);
}

.xk-legacy-selector .xk-selector__title {
	min-width: 300px;
	isolation: isolate;
}

.xk-selector__title button span {
	transition: background-color .24s ease, filter .24s ease, transform .34s cubic-bezier(.2,.8,.25,1);
}

.xk-selector__title button:hover span,
.xk-selector__title button:focus-visible span,
.xk-selector__title button.is-active span {
	transform: translateY(-3px) scale(1.05);
}

.xk-selector__title button.is-active::after {
	display: none;
}

.xk-selector__indicator {
	position: absolute;
	left: 23px;
	bottom: -5px;
	width: 34px;
	height: 7px;
	border-radius: 8px 8px 2px 2px;
	background: var(--xk-yellow);
	box-shadow: 0 2px 0 rgb(0 0 0 / 10%);
	transform: translateX(0);
	transition: transform .34s cubic-bezier(.2,.8,.25,1);
}

.xk-legacy-selector[data-active-pet="cat"] .xk-selector__indicator {
	transform: translateX(226px);
}

.xk-profile-grid--home .xk-profile-card__quick {
	top: 0;
	bottom: 35px;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-content: center;
	gap: 12px 10px;
	padding: 18px;
	background: rgb(255 214 0 / 91%);
	opacity: 0;
	transform: translateY(10px);
	transition: opacity .26s ease, transform .26s ease;
}

.xk-profile-grid--home .xk-profile-card:hover .xk-profile-card__quick,
.xk-profile-grid--home .xk-profile-card:has(:focus-visible) .xk-profile-card__quick {
	opacity: 1;
	transform: translateY(0);
}

.xk-profile-grid--home .xk-profile-card__quick a {
	display: grid;
	grid-template-rows: 34px auto;
	place-items: center;
	gap: 4px;
	min-width: 0;
	padding: 0;
	color: #1c2630;
	font-size: 11px;
	font-weight: 700;
	line-height: 1.15;
	text-align: center;
}

.xk-profile-grid--home .xk-profile-card__quick b {
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	border: 2px solid currentColor;
	border-radius: 50%;
	background: rgb(255 255 255 / 36%);
	font-size: 18px;
	transition: background-color .18s ease, transform .18s ease;
}

.xk-profile-grid--home .xk-profile-card__quick a:hover b,
.xk-profile-grid--home .xk-profile-card__quick a:focus-visible b {
	background: #fff;
	transform: translateY(-2px) scale(1.06);
}

.xk-profile-card h3 a::before,
.xk-profile-card h3 a::after {
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 9px 1px;
	border: solid currentColor;
	content: "";
}

.xk-profile-card h3 a::before {
	border-width: 0 0 2px 2px;
	transform: rotate(45deg);
}

.xk-profile-card h3 a::after {
	border-width: 2px 2px 0 0;
	transform: rotate(45deg);
}

.xk-directory__layout {
	grid-template-columns: minmax(0, 920px);
	justify-content: start;
}

.xk-directory__layout.has-selection {
	grid-template-columns: minmax(0, 920px) 230px;
}

.xk-directory-search {
	width: 321px;
}

.xk-selected-panel {
	position: relative;
	top: auto;
}

.xk-profile-hero {
	grid-template-columns: 270px minmax(0, 1fr);
	align-items: center;
	height: auto;
	min-height: 310px;
	padding: 28px 60px;
}

.xk-profile-photo {
	align-self: center;
	transform: none;
}

.xk-profile-summary {
	min-width: 0;
	transform: none;
}

.xk-profile-heading-row {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px 16px;
	min-height: 58px;
	margin-bottom: 10px;
}

.xk-profile-summary .xk-profile-heading-row h1 {
	margin: 0;
}

.xk-profile-actions {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
}

.xk-profile-actions .xk-favorite-form {
	margin: 0;
}

.xk-profile-actions .xk-favorite-button {
	min-height: 34px;
	margin: 0;
	padding: 5px 12px;
}

.xk-profile-share {
	display: flex;
	align-items: center;
	gap: 6px;
}

.xk-profile-share a,
.xk-profile-share button {
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	padding: 0;
	border: 1px solid #d9dfe2;
	border-radius: 50%;
	background: #fff;
	color: #34434d;
	cursor: pointer;
	transition: border-color .16s ease, background-color .16s ease, color .16s ease, transform .16s ease;
}

.xk-profile-share a:hover,
.xk-profile-share a:focus-visible,
.xk-profile-share button:hover,
.xk-profile-share button:focus-visible,
.xk-profile-share button.is-complete {
	border-color: var(--xk-yellow);
	background: var(--xk-yellow);
	color: #15262d;
	transform: translateY(-2px);
}

.xk-profile-share .dashicons {
	width: 17px;
	height: 17px;
	font-size: 17px;
	line-height: 17px;
}

.xk-profile-summary dl {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 15px 24px;
	margin-top: 0;
	padding-top: 16px;
	border-top: 1px solid #ececec;
}

.xk-profile-summary dl > div {
	grid-template-columns: 96px minmax(0, 1fr);
}

.xk-profile-summary dt {
	box-sizing: border-box;
	width: 96px;
	white-space: nowrap;
}

.xk-profile-summary dd {
	min-width: 0;
	overflow-wrap: anywhere;
}

.xk-rating-grid {
	border-top: 1px solid #ececec;
	padding-top: 29px;
}

.xk-rating-grid > div {
	grid-template-columns: 100px minmax(0, 1fr);
}

.xk-stars {
	width: 169px;
	height: 33px;
	font-family: "Arial Rounded MT Bold", "Trebuchet MS", sans-serif;
	font-size: 31px;
	font-weight: 900;
	line-height: 33px;
	letter-spacing: 3px;
	transform: scaleY(1.08);
	transform-origin: left center;
}

.xk-stars b {
	filter: drop-shadow(0 1px 0 rgb(190 140 0 / 20%));
}

.xk-profile-tabs [role="tab"] {
	transition: background-color .18s ease, color .18s ease, transform .18s ease;
}

.xk-profile-tabs [role="tab"]:hover,
.xk-profile-tabs [role="tab"]:focus-visible {
	color: #000;
	transform: translateY(-1px);
}

.xk-profile-related .xk-profile-feeding-topics {
	margin: 0;
	padding: 24px 0 10px;
}

.xk-profile-feeding-topics .xk-feeding-card {
	height: 610px;
}

.xk-profile-feeding-topics .xk-feeding-card__identity h3 {
	margin: 0;
	color: inherit;
	font-size: 26px;
	line-height: 1;
}

.xk-profile-page .xk-home-section {
	margin-top: 30px;
}

.xk-profile-grid--similar {
	grid-template-columns: repeat(7, minmax(0, 1fr));
	gap: 18px;
	padding: 22px 30px 36px;
}

.xk-profile-grid--similar .xk-profile-card__media {
	height: 116px;
}

.xk-profile-card--all {
	min-height: 151px;
	border: 1px solid #e2e4e5;
	border-radius: 12px;
	background: linear-gradient(145deg, #fff7c6, #fffdf2);
}

.xk-profile-card--all > a {
	display: grid;
	grid-template-rows: 1fr auto auto;
	place-items: center;
	gap: 5px;
	height: 100%;
	min-height: 151px;
	padding: 15px 9px;
	text-align: center;
}

.xk-profile-card--all span { font-size: 42px; }
.xk-profile-card--all strong { font-size: 13px; }
.xk-profile-card--all i { color: #087f83; font-size: 19px; font-style: normal; }

@media (max-width: 1180px) and (min-width: 761px) {
	.xk-utility-bar__account .xk-account-link { padding-inline: 10px; }
	.xk-profile-hero { grid-template-columns: 230px minmax(0, 1fr); padding-inline: 30px; }
	.xk-profile-photo { width: 230px; }
	.xk-profile-summary dl { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.xk-profile-grid--similar { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.xk-profile-grid--similar .xk-profile-card:nth-child(n) { display: block; }
	.xk-directory__layout,
	.xk-directory__layout.has-selection { grid-template-columns: minmax(0, 1fr); }
	.xk-selected-panel { order: -1; margin: 18px 0; }
}

@media (max-width: 760px) {
	.xk-utility-bar__account .xk-account-link {
		width: 32px;
		padding: 0;
	}
	.xk-utility-bar__account .xk-account-link__label { display: none; }
	.xk-utility-bar__account .xk-account-link .dashicons { display: block; }
	.xk-selector-motif { font-size: 16px; letter-spacing: 8px; }
	.xk-legacy-selector .xk-selector__title { min-width: 270px; padding-inline: 9px; }
	.xk-legacy-selector[data-active-pet="cat"] .xk-selector__indicator { transform: translateX(208px); }
	.xk-profile-hero { grid-template-columns: 1fr; gap: 18px; min-height: 0; padding: 20px 16px; }
	.xk-profile-photo { width: 100%; height: 240px; }
	.xk-profile-heading-row { align-items: flex-start; }
	.xk-profile-summary dl { grid-template-columns: 1fr; }
	.xk-profile-summary dl > div { grid-template-columns: 96px minmax(0, 1fr); }
	.xk-rating-grid > div { grid-template-columns: 86px minmax(0, 1fr); }
	.xk-stars { width: 139px; height: 28px; font-size: 25px; line-height: 28px; letter-spacing: 2px; }
	.xk-profile-feeding-topics .xk-feeding-card { height: auto; min-height: 560px; }
	.xk-profile-grid--similar { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 18px; }
	.xk-profile-grid--similar .xk-profile-card:nth-child(n) { display: block; }
	.xk-directory__layout,
	.xk-directory__layout.has-selection { grid-template-columns: minmax(0, 1fr); }
	.xk-directory-search { width: 100%; }
	.xk-selected-panel { order: -1; margin: 15px 0 22px; }
}

:root {
	--xk-yellow: #ffd800;
	--xk-yellow-soft: #fff4b8;
	--xk-ink: #242424;
	--xk-charcoal: #333;
	--xk-copy: #666;
	--xk-muted: #999;
	--xk-canvas: #f5f5f5;
	--xk-line: #e8e8e8;
	--xk-white: #fff;
	--xk-red: #ee402f;
	--xk-shadow: 0 8px 24px rgb(36 36 36 / 8%);
	--xk-transition: 180ms ease;
	--xk-site-width: 1440px;
	--xk-shell-max: var(--xk-site-width);
	--xk-shell-gutter: 72px;
	--xk-header-max: var(--xk-site-width);
	--xk-header-gutter: 120px;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	background: var(--xk-canvas);
	color: var(--xk-ink);
	font-family: "Microsoft YaHei", "PingFang SC", "Noto Sans SC", "Noto Sans TC", Inter, "Segoe UI", Arial, sans-serif;
	font-size: 16px;
	line-height: 1.7;
}

body.admin-bar .xk-header {
	top: 32px;
}

a {
	color: inherit;
	text-decoration: none;
}

a:hover {
	color: var(--xk-red);
}

img {
	display: block;
	max-width: 100%;
	height: auto;
}

button,
input {
	font: inherit;
}

button,
a {
	-webkit-tap-highlight-color: transparent;
}

:where(a, button, input, [tabindex]):focus-visible {
	outline: 3px solid var(--xk-red);
	outline-offset: 3px;
}

.wp-site-blocks,
.wp-site-blocks > *,
.wp-block-template-part {
	margin-block-start: 0;
}

.screen-reader-text,
.xk-filter-chip input {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

.xk-shell {
	width: min(1200px, calc(100% - 40px));
	margin-inline: auto;
}

.xk-skip-link {
	position: fixed;
	top: 12px;
	left: 12px;
	z-index: 10000;
	padding: 10px 14px;
	background: var(--xk-ink);
	color: var(--xk-white);
	transform: translateY(-150%);
}

.xk-skip-link:focus {
	color: var(--xk-white);
	transform: translateY(0);
}

/* Header */
.xk-header {
	position: relative;
	z-index: 100;
	background: var(--xk-white);
	border-bottom: 1px solid #d8bd00;
}

.xk-header__top {
	display: grid;
	grid-template-columns: 150px minmax(320px, 1fr) auto;
	align-items: center;
	gap: 28px;
	min-height: 116px;
}

.xk-header__top > p,
.xk-primary-nav__inner > p {
	display: none;
}

.xk-brand {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 108px;
	overflow: hidden;
}

.xk-brand img {
	width: 106px;
	height: auto;
}

.xk-search-cluster {
	max-width: 620px;
}

.xk-search {
	display: flex;
	align-items: stretch;
	height: 44px;
	border: 2px solid var(--xk-yellow);
	border-radius: 4px;
	overflow: hidden;
	background: var(--xk-white);
}

.xk-search input {
	min-width: 0;
	flex: 1;
	padding: 0 16px;
	border: 0;
	outline: 0;
	color: var(--xk-ink);
}

.xk-search input::placeholder {
	color: #aaa;
}

.xk-search button {
	min-width: 86px;
	border: 0;
	background: var(--xk-yellow);
	color: var(--xk-ink);
	font-weight: 700;
	cursor: pointer;
}

.xk-hot-search {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 16px;
	margin-top: 8px;
	color: #888;
	font-size: 13px;
}

.xk-hot-search strong {
	color: var(--xk-red);
}

.xk-header-tools {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	white-space: nowrap;
}

.xk-social {
	display: flex;
	gap: 5px;
}

.xk-social a {
	display: grid;
	place-items: center;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: var(--xk-ink);
	color: var(--xk-white);
	font-size: 11px;
	font-weight: 700;
}

.xk-subscribe-link {
	padding: 6px 10px;
	border: 1px solid var(--xk-yellow);
	border-radius: 3px;
	font-size: 13px;
}

.xk-language {
	display: flex;
	padding-left: 8px;
	border-left: 1px solid var(--xk-line);
}

.xk-language a {
	padding: 4px 7px;
	font-size: 12px;
}

.xk-language a[aria-current="true"] {
	background: var(--xk-yellow);
	font-weight: 700;
}

.xk-menu-toggle {
	display: none;
	width: 42px;
	height: 42px;
	padding: 9px;
	border: 0;
	background: transparent;
	cursor: pointer;
}

.xk-menu-toggle > span:not(.screen-reader-text) {
	display: block;
	height: 2px;
	margin: 5px 0;
	background: var(--xk-ink);
}

.xk-primary-nav {
	background: var(--xk-yellow);
}

.xk-primary-nav__inner {
	display: flex;
	align-items: stretch;
	min-height: 54px;
}

.xk-primary-nav__inner > a,
.xk-nav-group > a {
	display: flex;
	align-items: center;
	gap: 8px;
	min-width: 100px;
	padding: 0 24px;
	font-size: 17px;
	font-weight: 700;
}

.xk-nav-group {
	position: relative;
}

.xk-nav-group > a span {
	font-size: 12px;
}

.xk-nav-group:hover > a,
.xk-nav-group:focus-within > a,
.xk-nav-home:hover {
	background: var(--xk-ink);
	color: var(--xk-white);
}

.xk-mega-menu {
	position: absolute;
	top: 100%;
	left: 0;
	display: none;
	grid-template-columns: repeat(4, minmax(120px, 1fr));
	gap: 1px;
	width: 600px;
	padding: 18px;
	background: var(--xk-ink);
	box-shadow: 0 14px 32px rgb(0 0 0 / 20%);
}

.xk-nav-group:hover .xk-mega-menu,
.xk-nav-group:focus-within .xk-mega-menu {
	display: grid;
}

.xk-mega-menu a {
	padding: 9px 12px;
	color: #eee;
	font-size: 14px;
}

.xk-mega-menu a:hover {
	background: #3c3c3c;
	color: var(--xk-yellow);
}

.xk-mega-menu--other {
	right: 0;
	left: auto;
	grid-template-columns: repeat(3, minmax(120px, 1fr));
	width: 440px;
}

/* Shared section primitives */
.xk-main {
	min-height: 50vh;
	background: var(--xk-white);
}

.xk-home-section {
	padding-block: 56px;
}

.xk-home-section--soft {
	width: 100%;
	background: var(--xk-canvas);
}

.xk-section-heading {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 24px;
	margin-bottom: 24px;
	padding-bottom: 14px;
	border-bottom: 2px solid var(--xk-ink);
}

.xk-section-heading span,
.xk-list-header > span,
.xk-directory__header > div > span,
.xk-newsletter > div > span {
	display: block;
	margin-bottom: 2px;
	color: #aa9000;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.xk-section-heading h2,
.xk-newsletter h2 {
	margin: 0;
	font-size: clamp(24px, 3vw, 32px);
	line-height: 1.25;
}

.xk-section-heading > a {
	padding-bottom: 3px;
	border-bottom: 2px solid var(--xk-yellow);
	font-size: 14px;
	font-weight: 700;
}

.xk-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 10px 22px;
	border-radius: 3px;
	background: var(--xk-yellow);
	color: var(--xk-ink);
	font-weight: 700;
}

.xk-button:hover {
	background: var(--xk-ink);
	color: var(--xk-white);
}

/* Home hero */
.xk-hero {
	background: #fff9d8;
	border-bottom: 1px solid #f0df70;
}

.xk-hero__stage {
	position: relative;
	min-height: 400px;
	overflow: hidden;
}

.xk-slide {
	display: grid;
	grid-template-columns: 1.35fr .65fr;
	align-items: center;
	gap: 48px;
	min-height: 400px;
	padding: 48px 72px;
}

.xk-slide[hidden] {
	display: none;
}

.xk-slide__eyebrow {
	display: inline-flex;
	margin-bottom: 14px;
	padding: 5px 10px;
	background: var(--xk-ink);
	color: var(--xk-yellow);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.xk-slide h1,
.xk-slide h2 {
	max-width: 760px;
	margin: 0 0 14px;
	font-size: clamp(36px, 5vw, 56px);
	line-height: 1.12;
}

.xk-slide p {
	max-width: 650px;
	margin: 0 0 24px;
	color: #5f5f5f;
	font-size: 18px;
}

.xk-hero-pets {
	display: flex;
	align-items: end;
	justify-content: center;
	font-size: clamp(80px, 10vw, 138px);
	filter: drop-shadow(0 18px 20px rgb(91 78 0 / 15%));
}

.xk-hero-pets span + span {
	margin-left: -30px;
	font-size: .78em;
}

.xk-slider-arrow {
	position: absolute;
	top: 50%;
	width: 44px;
	height: 58px;
	border: 0;
	background: rgb(36 36 36 / 72%);
	color: var(--xk-white);
	font-size: 28px;
	transform: translateY(-50%);
	cursor: pointer;
}

.xk-slider-arrow--prev { left: 0; }
.xk-slider-arrow--next { right: 0; }

.xk-slider-dots {
	position: absolute;
	bottom: 20px;
	left: 50%;
	display: flex;
	gap: 8px;
	transform: translateX(-50%);
}

.xk-slider-dots button {
	width: 10px;
	height: 10px;
	padding: 0;
	border: 1px solid var(--xk-ink);
	border-radius: 50%;
	background: transparent;
	cursor: pointer;
}

.xk-slider-dots button.is-active { background: var(--xk-ink); }

/* Pet selector */
.xk-selector {
	padding-block: 34px 30px;
	text-align: center;
}

.xk-bone-line {
	overflow: hidden;
	margin-bottom: -22px;
	color: #e7e7e7;
	font-size: 24px;
	letter-spacing: 16px;
	white-space: nowrap;
}

.xk-selector__title {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
}

.xk-selector__title strong {
	padding: 8px 18px;
	border-radius: 20px 20px 4px 4px;
	background: var(--xk-yellow);
	font-size: 19px;
}

.xk-selector__title button {
	padding: 8px 14px;
	border: 0;
	border-bottom: 3px solid transparent;
	background: var(--xk-white);
	cursor: pointer;
}

.xk-selector__title button span {
	display: block;
	font-size: 44px;
}

.xk-selector__title button.is-active {
	border-bottom-color: var(--xk-yellow);
	font-weight: 700;
}

.xk-selector__quick {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
	margin-top: 18px;
}

.xk-selector__quick[hidden] { display: none; }

.xk-selector__quick a {
	min-width: 106px;
	padding: 6px 14px;
	background: #eee;
	clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 8px 100%, 0 50%);
	font-size: 14px;
}

.xk-selector__quick a:hover {
	background: var(--xk-yellow);
	color: var(--xk-ink);
}

/* Cards and portal modules */
.xk-profile-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 20px;
}

.xk-profile-card {
	position: relative;
	min-width: 0;
	background: var(--xk-white);
	border: 1px solid var(--xk-line);
	transition: transform var(--xk-transition), box-shadow var(--xk-transition);
}

.xk-profile-card:hover {
	transform: translateY(-3px);
	box-shadow: var(--xk-shadow);
}

.xk-profile-card__media {
	display: grid;
	place-items: center;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	background: #fff8d2;
}

.xk-profile-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.xk-profile-card__media > span {
	font-size: 64px;
}

.xk-profile-card__quick {
	display: flex;
	justify-content: center;
	gap: 8px;
	padding: 8px 6px 0;
	font-size: 12px;
}

.xk-profile-card__quick a {
	color: #888;
}

.xk-profile-card h3 {
	margin: 5px 8px 13px;
	overflow: hidden;
	font-size: 16px;
	line-height: 1.35;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.xk-guide-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
}

.xk-guide-card {
	display: grid;
	grid-template-columns: 180px minmax(0, 1fr);
	min-height: 150px;
	background: var(--xk-white);
	border: 1px solid var(--xk-line);
}

.xk-guide-card__media {
	display: grid;
	place-items: center;
	overflow: hidden;
	background: var(--xk-yellow-soft);
}

.xk-guide-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.xk-guide-card__media span { font-size: 54px; }
.xk-guide-card > div { padding: 15px 18px; }
.xk-guide-card time { color: #aaa; font-size: 12px; }
.xk-guide-card h3 { margin: 4px 0 6px; font-size: 18px; line-height: 1.4; }
.xk-guide-card p { margin: 0; color: var(--xk-copy); font-size: 13px; }

.xk-topic-columns {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 22px;
}

.xk-topic-column {
	position: relative;
	padding: 24px;
	background: var(--xk-canvas);
	border-top: 4px solid var(--xk-yellow);
}

.xk-topic-column__icon {
	position: absolute;
	top: 18px;
	right: 20px;
	color: #d2b600;
	font-size: 24px;
}

.xk-topic-column h3 { margin: 0 0 4px; font-size: 23px; }
.xk-topic-column > p { margin: 0 0 15px; color: var(--xk-copy); font-size: 13px; }
.xk-topic-column ul,
.xk-other-grid ul,
.xk-article-sidebar ol { margin: 0; padding: 0; list-style: none; }
.xk-topic-column li,
.xk-other-grid li { padding: 8px 0; border-top: 1px dashed #d9d9d9; font-size: 14px; }

.xk-life-stage-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
}

.xk-life-stage-grid a {
	padding: 22px 15px;
	border: 1px solid var(--xk-line);
	background: var(--xk-white);
	text-align: center;
}

.xk-life-stage-grid a b { display: block; font-size: 34px; }
.xk-life-stage-grid a strong { display: block; margin-top: 4px; }
.xk-life-stage-grid a span { color: var(--xk-copy); font-size: 12px; }

.xk-other-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 22px;
}

.xk-other-grid > article { padding: 22px; border: 1px solid var(--xk-line); }
.xk-other-grid__head { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 10px; margin-bottom: 12px; }
.xk-other-grid__head b { font-size: 32px; }
.xk-other-grid__head h3 { margin: 0; }
.xk-other-grid__head a { color: #888; font-size: 12px; }

.xk-newsletter {
	display: grid;
	grid-template-columns: 1fr minmax(320px, .8fr);
	align-items: center;
	gap: 50px;
	margin-bottom: 56px;
	padding: 32px 38px;
	background: var(--xk-yellow);
}

.xk-newsletter p { margin: 6px 0 0; }
.xk-newsletter-form { display: flex; flex-wrap: wrap; gap: 8px; }
.xk-newsletter-form input { min-width: 0; flex: 1 1 190px; height: 44px; padding: 0 13px; border: 1px solid #cab000; border-radius: 3px; background: var(--xk-white); }
.xk-newsletter-form button { height: 44px; padding: 0 18px; border: 0; border-radius: 3px; background: var(--xk-ink); color: var(--xk-white); font-weight: 700; cursor: pointer; }
.xk-newsletter-form .xk-form-message { width: 100%; margin: 0; font-size: 12px; }

/* Directory */
.xk-directory-page { padding-block: 38px 60px; }
.xk-directory__header { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 28px; }
.xk-directory__header h1 { margin: 0; font-size: clamp(28px, 4vw, 38px); }
.xk-species-switch { display: flex; gap: 10px; }
.xk-species-switch a { min-width: 95px; padding: 10px 16px; background: #eee; text-align: center; }
.xk-species-switch a span { display: block; font-size: 32px; }
.xk-species-switch a.is-active { background: var(--xk-yellow); font-weight: 700; }
.xk-directory__layout { display: grid; grid-template-columns: minmax(0, 1fr) 270px; gap: 28px; align-items: start; }
.xk-filter-form { padding: 24px; background: #292929; color: var(--xk-white); }
.xk-directory-search { display: flex; max-width: 440px; margin: 0 0 20px auto; }
.xk-directory-search input { min-width: 0; flex: 1; height: 40px; padding: 0 12px; border: 0; }
.xk-directory-search button { width: 72px; border: 0; background: var(--xk-yellow); font-weight: 700; cursor: pointer; }
.xk-filter-row { display: grid; grid-template-columns: 108px minmax(0, 1fr); gap: 10px; margin: 0; padding: 10px 0; border: 0; }
.xk-filter-row legend { float: left; width: 108px; padding: 5px 10px 0 0; font-weight: 700; }
.xk-filter-options { display: flex; flex-wrap: wrap; gap: 9px 16px; }
.xk-filter-chip { position: relative; display: inline-flex; align-items: center; justify-content: center; min-width: 72px; min-height: 32px; padding: 5px 15px; background: #444; color: #ddd; clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 8px 100%, 0 50%); cursor: pointer; }
.xk-filter-chip:hover { color: var(--xk-white); }
.xk-filter-chip.is-selected { background: var(--xk-yellow); color: var(--xk-ink); }
.xk-filter-chip b { margin-left: 8px; font-size: 21px; line-height: .8; }
.xk-results-head { display: flex; justify-content: space-between; gap: 20px; padding: 18px 0; color: #777; font-size: 13px; }
.xk-results-head strong { color: var(--xk-ink); font-size: 16px; }
.xk-profile-grid--directory { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.xk-selected-panel { position: sticky; top: 20px; min-height: 320px; padding: 16px 20px 22px; border: 3px solid var(--xk-ink); box-shadow: 12px 12px 0 var(--xk-yellow); }
.xk-selected-panel h2 { margin: 0 -2px 20px; padding: 10px; background: var(--xk-ink); color: var(--xk-white); clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 10px 100%, 0 50%); font-size: 17px; text-align: center; }
.xk-selected-panel__items { display: flex; flex-wrap: wrap; gap: 8px; }
.xk-selected-panel__items > a { padding: 4px 10px; background: var(--xk-yellow); font-size: 13px; }
.xk-selected-panel__items > a b { margin-left: 7px; font-size: 18px; }
.xk-selected-panel__items p { color: #888; font-size: 13px; }
.xk-clear-filters { display: block; margin-top: 120px; color: var(--xk-red); font-size: 14px; text-align: center; }

/* Breadcrumb and profile */
.xk-breadcrumbs { display: flex; flex-wrap: wrap; gap: 7px; padding-block: 18px; color: #999; font-size: 13px; }
.xk-breadcrumbs a { color: #666; }
.xk-profile-page { padding-bottom: 60px; }
.xk-profile-hero { display: grid; grid-template-columns: minmax(300px, .8fr) 1.2fr; min-height: 430px; border: 1px solid var(--xk-line); background: var(--xk-white); }
.xk-profile-photo { display: grid; place-items: center; min-height: 430px; overflow: hidden; background: #fff7c7; }
.xk-profile-photo img { width: 100%; height: 100%; object-fit: cover; }
.xk-profile-photo > span { font-size: 150px; }
.xk-profile-summary { padding: 42px 46px; }
.xk-profile-summary__eyebrow { color: #9a8300; font-size: 13px; font-style: italic; }
.xk-profile-summary h1 { margin: 5px 0 24px; font-size: clamp(34px, 5vw, 48px); }
.xk-profile-summary dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; border-top: 1px solid var(--xk-line); }
.xk-profile-summary dl > div { display: grid; grid-template-columns: 80px 1fr; gap: 8px; padding: 10px 0; border-bottom: 1px solid var(--xk-line); }
.xk-profile-summary dt { color: #999; }
.xk-profile-summary dd { margin: 0; font-weight: 700; }
.xk-rating-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; margin-top: 20px; background: var(--xk-line); border: 1px solid var(--xk-line); }
.xk-rating-grid > div { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 14px 18px; background: var(--xk-white); font-size: 14px; }
.xk-stars { position: relative; display: inline-block; color: #d8d8d8; letter-spacing: 2px; line-height: 1; }
.xk-stars b { position: absolute; top: 0; left: 0; z-index: 1; width: calc(var(--rating) / 5 * 100%); overflow: hidden; color: var(--xk-yellow); font-weight: 400; }
.xk-stars i { color: #ddd; font-style: normal; }
.xk-profile-tabs { margin-top: 30px; border: 1px solid var(--xk-line); }
.xk-tab-list { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); background: var(--xk-ink); }
.xk-tab-list button { min-height: 52px; padding: 9px; border: 0; border-right: 1px solid #505050; background: transparent; color: #ddd; font-weight: 700; cursor: pointer; }
.xk-tab-list button[aria-selected="true"] { background: var(--xk-yellow); color: var(--xk-ink); }
.xk-tab-panel { min-height: 230px; padding: 30px 36px; color: #555; line-height: 1.9; }
.xk-tab-panel[hidden] { display: none; }
.xk-profile-related { padding-top: 48px; }
.xk-profile-grid--similar { grid-template-columns: repeat(5, minmax(0, 1fr)); }

/* Article and archives */
.xk-article-page,
.xk-list-page { padding-bottom: 60px; }
.xk-article-layout { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 30px; align-items: start; }
.xk-article { padding: 36px 46px 48px; border: 1px solid var(--xk-line); background: var(--xk-white); }
.xk-article header { padding-bottom: 20px; border-bottom: 1px solid var(--xk-line); text-align: center; }
.xk-article h1 { margin: 0 0 16px; font-size: clamp(30px, 4vw, 40px); line-height: 1.35; }
.xk-article-meta { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 20px; color: #aaa; font-size: 12px; }
.xk-article-summary { margin: 24px 0; padding: 17px 20px; border-left: 4px solid var(--xk-yellow); background: #f7f7f7; color: #666; }
.xk-article-featured { margin: 24px 0; }
.xk-article-content { color: #444; font-size: 17px; line-height: 2; }
.xk-article-content h2 { margin-top: 38px; padding-left: 12px; border-left: 4px solid var(--xk-yellow); font-size: 25px; }
.xk-article-content h3 { margin-top: 28px; }
.xk-article-content a { border-bottom: 1px solid var(--xk-yellow); }
.xk-article-content img { margin-inline: auto; }
.xk-post-nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; margin-top: 42px; padding-top: 20px; border-top: 1px solid var(--xk-line); }
.xk-post-nav a { padding: 12px 14px; background: var(--xk-canvas); font-size: 13px; }
.xk-post-nav a:last-child { text-align: right; }
.xk-post-nav small { display: block; color: #aaa; }
.xk-article-sidebar { display: grid; gap: 24px; }
.xk-article-sidebar section { padding: 22px; border: 1px solid var(--xk-line); background: var(--xk-white); }
.xk-article-sidebar h2 { margin: 0 0 12px; padding-bottom: 10px; border-bottom: 2px solid var(--xk-yellow); font-size: 19px; }
.xk-article-sidebar li { padding: 10px 0; border-bottom: 1px dashed #ddd; font-size: 14px; }
.xk-ad-placeholder { display: grid; place-items: center; min-height: 250px; padding: 20px; border: 1px dashed #c6c6c6; background: #f7f7f7; color: #aaa; text-align: center; }
.xk-ad-placeholder span { align-self: end; font-size: 11px; letter-spacing: .12em; text-transform: uppercase; }
.xk-ad-placeholder strong { color: #777; }
.xk-ad-placeholder small { align-self: start; }
.xk-list-header { margin-bottom: 24px; padding-top: 36px; }
.xk-list-header h1 { margin: 0; font-size: clamp(30px, 4vw, 40px); }
.xk-list-header > div { max-width: 760px; color: var(--xk-copy); }
.xk-list-main { display: grid; gap: 14px; }
.xk-list-item { display: grid; grid-template-columns: 220px minmax(0, 1fr); min-height: 165px; border: 1px solid var(--xk-line); background: var(--xk-white); }
.xk-list-item__media { display: grid; place-items: center; overflow: hidden; background: #fff7cc; }
.xk-list-item__media img { width: 100%; height: 100%; object-fit: cover; }
.xk-list-item__media span { font-size: 56px; }
.xk-list-item > div { padding: 20px 24px; }
.xk-list-item h2 { margin: 0 0 7px; font-size: 20px; }
.xk-list-item p { margin: 0 0 12px; color: var(--xk-copy); font-size: 14px; }
.xk-list-item > div > div { display: flex; gap: 18px; color: #aaa; font-size: 12px; }
.xk-empty { padding: 60px 24px; border: 1px dashed #ccc; background: var(--xk-canvas); text-align: center; }
.xk-empty > span { font-size: 54px; }
.xk-empty h2 { margin: 8px 0 4px; }
.xk-empty p { margin: 0; color: var(--xk-copy); }
.xk-pagination { margin-top: 28px; }
.xk-pagination ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin: 0; padding: 0; list-style: none; }
.xk-pagination a,
.xk-pagination .current { display: grid; place-items: center; min-width: 38px; height: 38px; padding: 0 8px; border: 1px solid var(--xk-line); background: var(--xk-white); }
.xk-pagination .current { border-color: var(--xk-yellow); background: var(--xk-yellow); }

/* Footer and generic pages */
.xk-footer {
	padding-top: 42px;
	background: #242424;
	color: #cfcfcf;
}

.xk-footer a { color: #ddd; }
.xk-footer a:hover { color: var(--xk-yellow); }
.xk-footer__grid { display: grid; grid-template-columns: 1.1fr .8fr 1fr 1.4fr; gap: 40px; padding-bottom: 34px; }
.xk-footer__grid img { width: 76px; padding: 5px; background: var(--xk-white); }
.xk-footer__grid h2 { margin: 0 0 12px; color: var(--xk-white); font-size: 16px; }
.xk-footer__grid p { margin: 8px 0 18px; color: #aaa; font-size: 13px; }
.xk-footer__grid nav a { display: block; padding: 3px 0; font-size: 14px; }
.xk-footer .xk-newsletter-form input { border-color: #555; }
.xk-footer .xk-newsletter-form button { background: var(--xk-yellow); color: var(--xk-ink); }
.xk-footer__bottom { display: flex; justify-content: space-between; padding-block: 16px; border-top: 1px solid #3a3a3a; color: #777; font-size: 12px; }
.xk-page-shell,
.xk-error-page { min-height: 50vh; margin-block: 0 !important; padding-block: 50px 70px; }
.xk-page-shell > h1 { padding-bottom: 16px; border-bottom: 2px solid var(--xk-yellow); }
.xk-error-page { display: flex; flex-direction: column; justify-content: center; }

@media (max-width: 1100px) {
	.xk-header__top { grid-template-columns: 110px minmax(280px, 1fr) auto; gap: 18px; }
	.xk-social { display: none; }
	.xk-profile-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.xk-profile-grid .xk-profile-card:nth-child(n + 9) { display: none; }
	.xk-profile-grid--directory { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.xk-profile-grid--directory .xk-profile-card:nth-child(n) { display: block; }
	.xk-primary-nav__inner > a,
	.xk-nav-group > a { min-width: auto; padding-inline: 20px; }
}

@media (max-width: 900px) {
	body.admin-bar .xk-header { top: 46px; }
	.xk-shell { width: min(100% - 28px, 760px); }
	.xk-header__top { grid-template-columns: 90px minmax(0, 1fr) auto; min-height: 92px; }
	.xk-brand { height: 84px; }
	.xk-brand img { width: 76px; }
	.xk-hot-search,
	.xk-subscribe-link { display: none; }
	.xk-menu-toggle { display: block; }
	.xk-primary-nav { display: none; }
	.xk-primary-nav.is-open { display: block; }
	.xk-primary-nav__inner { display: block; width: 100%; }
	.xk-primary-nav__inner > a,
	.xk-nav-group > a { min-height: 48px; padding-inline: 24px; }
	.xk-mega-menu,
	.xk-mega-menu--other { position: static; display: none; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; box-shadow: none; }
	.xk-nav-group:focus-within .xk-mega-menu,
	.xk-nav-group:hover .xk-mega-menu { display: grid; }
	.xk-slide { grid-template-columns: 1fr .45fr; min-height: 350px; padding: 42px 50px; }
	.xk-hero__stage { min-height: 350px; }
	.xk-slide h1,
	.xk-slide h2 { font-size: clamp(32px, 6vw, 46px); }
	.xk-profile-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.xk-profile-grid .xk-profile-card:nth-child(n + 7) { display: none; }
	.xk-profile-grid--directory .xk-profile-card:nth-child(n),
	.xk-profile-grid--similar .xk-profile-card:nth-child(n) { display: block; }
	.xk-guide-card { grid-template-columns: 135px minmax(0, 1fr); }
	.xk-topic-columns,
	.xk-other-grid { grid-template-columns: 1fr; }
	.xk-life-stage-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.xk-newsletter { grid-template-columns: 1fr; gap: 22px; }
	.xk-directory__layout { grid-template-columns: 1fr; }
	.xk-selected-panel { position: static; min-height: 0; order: -1; box-shadow: 8px 8px 0 var(--xk-yellow); }
	.xk-clear-filters { margin-top: 24px; }
	.xk-profile-grid--directory { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.xk-profile-hero { grid-template-columns: .85fr 1.15fr; }
	.xk-profile-summary { padding: 30px; }
	.xk-profile-summary dl { grid-template-columns: 1fr; }
	.xk-rating-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.xk-article-layout { grid-template-columns: 1fr; }
	.xk-article-sidebar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.xk-ad-placeholder { min-height: 220px; }
	.xk-footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px) {
	.xk-shell { width: min(100% - 20px, 580px); }
	.xk-header__top { grid-template-columns: 68px minmax(0, 1fr) auto; gap: 8px; min-height: 78px; }
	.xk-brand { height: 70px; }
	.xk-brand img { width: 62px; }
	.xk-search { height: 38px; }
	.xk-search input { padding-inline: 10px; font-size: 13px; }
	.xk-search button { min-width: 54px; font-size: 0; }
	.xk-search button::after { content: "⌕"; font-size: 22px; }
	.xk-language { display: none; }
	.xk-menu-toggle { width: 38px; height: 38px; padding: 7px; }
	.xk-slide { display: block; min-height: 390px; padding: 38px 36px 100px; text-align: center; }
	.xk-slide p { font-size: 16px; }
	.xk-hero-pets { position: absolute; right: 22px; bottom: 26px; opacity: .72; font-size: 72px; }
	.xk-slider-arrow { width: 34px; height: 48px; }
	.xk-bone-line { display: none; }
	.xk-selector__title { gap: 5px; }
	.xk-selector__title strong { padding-inline: 12px; font-size: 15px; }
	.xk-selector__title button { padding-inline: 7px; }
	.xk-selector__title button span { font-size: 36px; }
	.xk-home-section { padding-block: 40px; }
	.xk-section-heading { align-items: start; }
	.xk-section-heading > a { max-width: 90px; text-align: right; }
	.xk-profile-grid,
	.xk-profile-grid--directory,
	.xk-profile-grid--similar { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
	.xk-profile-grid .xk-profile-card:nth-child(n + 7) { display: none; }
	.xk-profile-grid--directory .xk-profile-card:nth-child(n),
	.xk-profile-grid--similar .xk-profile-card:nth-child(-n + 4) { display: block; }
	.xk-profile-grid--similar .xk-profile-card:nth-child(n + 5) { display: none; }
	.xk-profile-card__media > span { font-size: 50px; }
	.xk-profile-card__quick { display: none; }
	.xk-profile-card h3 { margin-top: 10px; }
	.xk-guide-grid { grid-template-columns: 1fr; }
	.xk-guide-card { grid-template-columns: 115px minmax(0, 1fr); }
	.xk-guide-card p { display: none; }
	.xk-newsletter { width: 100%; margin-bottom: 0; padding: 28px 20px; }
	.xk-directory__header { align-items: start; }
	.xk-species-switch a { min-width: 68px; padding: 7px 9px; font-size: 12px; }
	.xk-species-switch a span { font-size: 26px; }
	.xk-filter-form { margin-inline: -10px; padding: 18px 12px; }
	.xk-directory-search { max-width: none; }
	.xk-filter-row { grid-template-columns: 1fr; }
	.xk-filter-row legend { float: none; width: auto; padding-top: 0; }
	.xk-filter-options { gap: 8px; }
	.xk-filter-chip { min-width: 67px; min-height: 30px; padding-inline: 12px; font-size: 13px; }
	.xk-results-head { display: block; }
	.xk-results-head span { display: block; margin-top: 5px; }
	.xk-profile-hero { grid-template-columns: 1fr; }
	.xk-profile-photo { min-height: 290px; }
	.xk-profile-summary { padding: 26px 20px; }
	.xk-profile-summary dl { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.xk-profile-summary dl > div { display: block; }
	.xk-profile-summary dd { overflow-wrap: anywhere; }
	.xk-rating-grid { grid-template-columns: 1fr; }
	.xk-tab-list { display: flex; overflow-x: auto; }
	.xk-tab-list button { min-width: 110px; }
	.xk-tab-panel { padding: 24px 20px; }
	.xk-article { padding: 28px 20px 36px; }
	.xk-article-meta { display: grid; gap: 2px; }
	.xk-article-content { font-size: 16px; line-height: 1.9; }
	.xk-post-nav { grid-template-columns: 1fr; }
	.xk-post-nav a:last-child { text-align: left; }
	.xk-article-sidebar { grid-template-columns: 1fr; }
	.xk-list-item { grid-template-columns: 105px minmax(0, 1fr); min-height: 125px; }
	.xk-list-item > div { padding: 13px 14px; }
	.xk-list-item h2 { font-size: 16px; }
	.xk-list-item p { display: none; }
	.xk-footer__grid { grid-template-columns: 1fr; gap: 24px; }
	.xk-footer__bottom { display: grid; gap: 5px; }
}

/* Petoniki 0.24: ten-locale language control and long-label safeguards. */
.xk-language-dropdown summary > span.xk-language-code {
	display: inline-block;
	font-size: 14px;
	white-space: nowrap;
}

.xk-language-dropdown summary > span.xk-language-code::after {
	content: none !important;
}

.xk-language-dropdown__menu,
.xk-utility-bar .xk-language-dropdown__menu {
	width: max-content;
	min-width: 210px;
	max-width: min(280px, calc(100vw - 24px));
	max-height: min(520px, calc(100vh - 72px));
	overflow-y: auto;
}

.xk-language-dropdown__menu .xk-flag {
	display: inline-flex;
	flex: 0 0 27px;
	align-items: center;
	justify-content: center;
	width: 27px;
	height: 20px;
	border: 0;
	background: transparent;
	box-shadow: none;
	font-size: 21px;
	line-height: 1;
	overflow: visible;
}

.xk-language-dropdown__menu a > span:last-child {
	min-width: 0;
	white-space: nowrap;
}

/* Account modal and legal documents — Petoniki 0.7. */
body.xk-auth-modal-open {
	overflow: hidden;
}

.xk-auth-modal[hidden] {
	display: none !important;
}

.xk-auth-modal {
	position: fixed;
	inset: 0;
	z-index: 100000;
	display: grid;
	place-items: center;
	padding: 18px;
	opacity: 1;
}

.xk-auth-modal.is-open {
	opacity: 1;
}

.xk-auth-modal__backdrop {
	position: absolute;
	inset: 0;
	background: rgb(23 31 35 / 50%);
	backdrop-filter: blur(7px);
	-webkit-backdrop-filter: blur(7px);
}

.xk-auth-dialog {
	position: relative;
	z-index: 1;
	width: min(560px, 100%);
	max-height: calc(100dvh - 36px);
	overflow: auto;
	border-radius: 30px;
	background: #fff;
	box-shadow: 0 28px 80px rgb(12 27 32 / 28%);
	color: #263246;
	transform: none;
	scrollbar-width: thin;
}

.xk-auth-modal.is-open .xk-auth-dialog {
	transform: translateY(0) scale(1);
}

.xk-auth-dialog:focus {
	outline: none;
}

.xk-auth-dialog__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	min-height: 96px;
	padding: 24px 30px 20px;
	border-bottom: 1px solid #edf0f4;
}

.xk-auth-dialog__header h2 {
	margin: 0;
	color: #222e41;
	font-size: clamp(24px, 3vw, 28px);
	font-weight: 750;
	line-height: 1.2;
}

.xk-auth-dialog__close {
	display: grid;
	place-items: center;
	width: 40px;
	height: 40px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: #91a2bb;
	font-size: 32px;
	font-weight: 300;
	line-height: 1;
	cursor: pointer;
}

.xk-auth-dialog__close:hover,
.xk-auth-dialog__close:focus-visible {
	background: #f5f7fa;
	color: #ff8061;
}

.xk-auth-dialog__content {
	padding: 20px 30px 26px;
}

.xk-auth-tabs {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 22px;
	margin-bottom: 22px;
}

.xk-auth-tabs button {
	min-height: 44px;
	padding: 8px 18px;
	border: 1px solid transparent;
	border-radius: 999px;
	background: transparent;
	color: #64748d;
	font: inherit;
	font-weight: 700;
	cursor: pointer;
}

.xk-auth-tabs button[aria-selected="true"] {
	border-color: #ff8769;
	background: #ff8769;
	color: #fff;
	box-shadow: 0 6px 15px rgb(255 105 75 / 16%);
}

.xk-auth-tabs button:focus-visible,
.xk-auth-submit:focus-visible,
.xk-social-login-button:focus-visible,
.xk-password-toggle:focus-visible {
	outline: 3px solid rgb(255 216 0 / 65%);
	outline-offset: 2px;
}

.xk-auth-panel[hidden] {
	display: none !important;
}

.xk-auth-modal-form {
	display: grid;
	gap: 9px;
}

.xk-auth-modal-form > label,
.xk-auth-label-row label {
	color: #53627a;
	font-size: 14px;
	font-weight: 700;
}

.xk-auth-label-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-top: 5px;
}

.xk-auth-label-row a {
	color: #ff7858;
	font-size: 14px;
	font-weight: 700;
}

.xk-auth-field {
	display: flex;
	align-items: center;
	min-height: 52px;
	margin-bottom: 6px;
	border: 1px solid #d9e2ee;
	border-radius: 15px;
	background: #fff;
	transition: border-color 160ms ease, box-shadow 160ms ease;
}

.xk-auth-field:focus-within {
	border-color: #ff9b82;
	box-shadow: 0 0 0 3px rgb(255 135 105 / 12%);
}

.xk-auth-field > .dashicons {
	flex: 0 0 50px;
	width: 50px;
	height: 20px;
	border-right: 1px solid #eef1f5;
	color: #91a5c1;
	font-size: 19px;
	line-height: 20px;
	text-align: center;
}

.xk-auth-field input {
	min-width: 0;
	width: 100%;
	height: 50px;
	padding: 0 14px;
	border: 0;
	border-radius: 0;
	outline: 0;
	background: transparent;
	color: #263246;
	font: inherit;
}

.xk-auth-field input::placeholder {
	color: #9aa7ba;
}

.xk-password-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	flex: 0 0 auto;
	min-width: 88px;
	height: 38px;
	margin-right: 7px;
	padding: 0 13px;
	border: 0;
	border-radius: 999px;
	background: #fff3eb;
	color: #ff7858;
	font: inherit;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
}

.xk-password-toggle .dashicons {
	width: 18px;
	height: 18px;
	font-size: 18px;
	line-height: 18px;
}

.xk-auth-submit {
	min-height: 56px;
	margin-top: 4px;
	padding: 10px 24px;
	border: 0;
	border-radius: 999px;
	background: #ff8769;
	color: #fff;
	font: inherit;
	font-size: 17px;
	font-weight: 750;
	box-shadow: 0 8px 18px rgb(255 105 75 / 18%);
	cursor: pointer;
}

.xk-auth-submit:hover {
	background: #f97859;
}

.xk-auth-divider {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	gap: 14px;
	margin: 24px 0;
	color: #91a2bb;
	font-size: 14px;
}

.xk-auth-divider::before,
.xk-auth-divider::after {
	content: "";
	height: 1px;
	background: #dde4ed;
}

.xk-social-login-list {
	display: grid;
	gap: 10px;
}

.xk-social-login-button {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 13px;
	min-height: 58px;
	padding: 10px 20px;
	border: 1px solid #d9e2ee;
	border-radius: 999px;
	background: #fff;
	color: #334158;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
}

.xk-social-login-button:hover {
	border-color: #bfcbd9;
	background: #fafbfc;
	color: #263246;
}

.xk-social-login-mark {
	display: grid;
	place-items: center;
	min-width: 25px;
	height: 25px;
	border-radius: 7px;
	background: #263246;
	color: #fff;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: 800;
	line-height: 1;
}

.xk-social-login-button--google .xk-social-login-mark { background: conic-gradient(from -45deg, #4285f4 0 25%, #34a853 0 45%, #fbbc05 0 68%, #ea4335 0); }
.xk-social-login-button--facebook .xk-social-login-mark { border-radius: 50%; background: #1877f2; font-size: 19px; }
.xk-social-login-button--x .xk-social-login-mark { border-radius: 50%; background: #000; }
.xk-social-login-button--github .xk-social-login-mark { border-radius: 50%; background: #24292f; }
.xk-social-login-button--linkedin .xk-social-login-mark { background: #0a66c2; }
.xk-social-login-button--discord .xk-social-login-mark { background: #5865f2; }
.xk-social-login-button--microsoft .xk-social-login-mark { border-radius: 2px; background: linear-gradient(90deg,#f25022 0 48%,transparent 48% 52%,#7fba00 52%),linear-gradient(#00a4ef 0 48%,transparent 48% 52%,#ffb900 52%); font-size: 0; }
.xk-social-login-button--line .xk-social-login-mark { width: 34px; background: #06c755; font-size: 8px; }
.xk-social-login-button--kakao .xk-social-login-mark { background: #fee500; color: #191919; }
.xk-social-login-button--naver .xk-social-login-mark { background: #03c75a; }
.xk-social-login-button--slack .xk-social-login-mark { background: #4a154b; }
.xk-social-login-button--twitch .xk-social-login-mark { background: #9146ff; }

.xk-auth-legal {
	margin: 24px 0 0;
	color: #8fa0b8;
	font-size: 13px;
	line-height: 1.6;
	text-align: center;
}

.xk-auth-legal a {
	color: #667890;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.xk-auth-verification {
	margin-top: 16px;
	border-top: 1px solid #edf0f4;
	color: #667890;
	font-size: 13px;
}

.xk-auth-verification summary {
	padding: 14px 0 6px;
	cursor: pointer;
}

.xk-auth-compact-form {
	display: flex;
	gap: 8px;
	margin: 10px 0;
}

.xk-auth-compact-form input {
	min-width: 0;
	min-height: 40px;
	padding: 8px 10px;
	border: 1px solid #d9e2ee;
	border-radius: 10px;
}

.xk-auth-compact-form button {
	flex: 0 0 auto;
	padding: 8px 13px;
	border: 0;
	border-radius: 10px;
	background: #ff8769;
	color: #fff;
	font-weight: 700;
}

.xk-auth-modal .xk-auth-notice {
	margin: 0 0 16px;
	border: 1px solid #f1d98a;
	background: #fff9dc;
	color: #65531c;
	font-size: 14px;
}

.xk-auth-page-prompt {
	display: grid;
	justify-items: center;
	max-width: 640px;
	margin: 30px auto;
	padding: clamp(28px, 6vw, 56px);
	border: 1px solid #e1e7ee;
	border-radius: 24px;
	background: #fff;
	box-shadow: 0 14px 36px rgb(22 45 48 / 8%);
	text-align: center;
}

.xk-auth-page-prompt > .dashicons {
	display: grid;
	place-items: center;
	width: 54px;
	height: 54px;
	border-radius: 50%;
	background: #fff1eb;
	color: #ff8061;
	font-size: 25px;
}

.xk-auth-page-prompt h2 { margin-bottom: 4px; }
.xk-auth-page-prompt p { max-width: 480px; color: #68788e; }
.xk-auth-page-prompt__button {
	min-height: 48px;
	padding: 10px 24px;
	border: 0;
	border-radius: 999px;
	background: #ff8769;
	color: #fff;
	font-weight: 750;
	cursor: pointer;
}

.xk-legal-document {
	max-width: 920px;
	margin: 0 auto 50px;
	border: 1px solid #e1e7ea;
	border-radius: 22px;
	background: #fff;
	box-shadow: 0 12px 36px rgb(21 45 48 / 7%);
	overflow: hidden;
}

.xk-legal-document__meta {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 8px 20px;
	padding: 16px clamp(22px, 5vw, 48px);
	border-bottom: 1px solid #e9eef0;
	background: #f8fbfb;
	color: #718084;
	font-size: 13px;
}

.xk-legal-document__body {
	padding: clamp(24px, 5vw, 50px);
	color: #46575c;
	font-size: 16px;
	line-height: 1.82;
}

.xk-legal-document__body .xk-legal-lead {
	margin-top: 0;
	padding: 18px 20px;
	border-left: 4px solid #ff8769;
	border-radius: 0 12px 12px 0;
	background: #fff6f1;
	color: #34464c;
	font-size: 17px;
}

.xk-legal-document__body h2 {
	margin: 38px 0 12px;
	padding-top: 4px;
	color: #20383e;
	font-size: clamp(20px, 2.5vw, 24px);
	line-height: 1.35;
}

.xk-legal-document__body p,
.xk-legal-document__body ul {
	margin: 0 0 16px;
}

.xk-legal-document__body li {
	margin: 8px 0;
}

.xk-legal-document__body a {
	color: #bd4d34;
	text-decoration: underline;
	text-underline-offset: 2px;
}

@media (max-width: 640px) {
	.xk-auth-modal { padding: 10px; }
	.xk-auth-dialog { max-height: calc(100dvh - 20px); border-radius: 24px; }
	.xk-auth-dialog__header { min-height: 78px; padding: 18px 20px 14px; }
	.xk-auth-dialog__header h2 { font-size: 23px; }
	.xk-auth-dialog__content { padding: 16px 20px 22px; }
	.xk-auth-tabs { gap: 8px; margin-bottom: 18px; }
	.xk-auth-tabs button { min-height: 42px; padding-inline: 9px; font-size: 13px; }
	.xk-auth-field > .dashicons { flex-basis: 42px; width: 42px; }
	.xk-auth-field input { padding-inline: 10px; font-size: 15px; }
	.xk-password-toggle { min-width: 72px; padding-inline: 9px; }
	.xk-password-toggle .dashicons { display: none; }
	.xk-auth-submit { min-height: 52px; }
	.xk-auth-compact-form { flex-wrap: wrap; }
	.xk-auth-compact-form input { flex: 1 1 150px; }
	.xk-legal-document { border-radius: 16px; }
	.xk-legal-document__meta { display: grid; }
	.xk-legal-document__body { font-size: 15px; }
}

@media (prefers-reduced-motion: reduce) {
	.xk-auth-modal,
	.xk-auth-dialog {
		transition: none;
	}
}

/* Configurable navigation, account, advertising, and rounded control layer. */
.xk-hot-search {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	min-width: 0;
	overflow: hidden;
	white-space: nowrap;
}

.xk-hot-search > * { flex: 0 0 auto; }

.xk-header-tools { width: 390px; }

.xk-social a,
.xk-account-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	padding: 0;
	border: 1px solid #e0c200;
	border-radius: 50%;
	background: var(--xk-yellow);
	color: var(--xk-ink);
}

.xk-social .dashicons,
.xk-account-link .dashicons {
	width: 20px;
	height: 20px;
	font-size: 20px;
	line-height: 20px;
}

.xk-subscribe-link { border-radius: 999px; }

.xk-language-dropdown {
	position: relative;
	z-index: 40;
}

.xk-language-dropdown summary {
	display: flex;
	align-items: center;
	gap: 6px;
	min-width: 116px;
	height: 38px;
	padding: 0 10px;
	border: 1px solid #ddd;
	border-radius: 10px;
	background: #fff;
	cursor: pointer;
	font-size: 13px;
	list-style: none;
}

.xk-language-dropdown summary::-webkit-details-marker { display: none; }
.xk-language-dropdown summary b { margin-left: auto; font-weight: 400; }

.xk-language-dropdown__menu {
	position: absolute;
	top: calc(100% + 8px);
	right: 0;
	display: grid;
	min-width: 160px;
	padding: 8px;
	border: 1px solid var(--xk-line);
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 12px 28px rgb(0 0 0 / 14%);
}

.xk-language-dropdown__menu a {
	display: flex;
	align-items: center;
	gap: 9px;
	padding: 8px 10px;
	border-radius: 8px;
	white-space: nowrap;
}

.xk-language-dropdown__menu a:hover,
.xk-language-dropdown__menu a:focus-visible,
.xk-language-dropdown__menu a[aria-current="true"] { background: var(--xk-soft-yellow); }

.xk-primary-nav__inner {
	display: block;
	height: 64px;
}

.xk-primary-menu {
	display: flex;
	align-items: stretch;
	gap: 4px;
	height: 64px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.xk-primary-menu > li {
	position: relative;
	display: flex;
	align-items: center;
	margin: 0;
}

.xk-primary-menu > li > a {
	display: flex;
	align-items: center;
	gap: 6px;
	min-height: 42px;
	padding: 0 20px;
	border-radius: 10px;
	font-size: 16px;
}

.xk-primary-menu > li:hover > a,
.xk-primary-menu > li:focus-within > a,
.xk-primary-menu > .current-menu-item > a,
.xk-primary-menu > .current-menu-ancestor > a {
	background: #222;
	color: #fff;
}

.xk-primary-menu .sub-menu {
	position: absolute;
	top: calc(100% - 4px);
	left: 0;
	z-index: 45;
	display: grid;
	grid-template-columns: repeat(2, minmax(150px, 1fr));
	gap: 4px;
	width: 300px;
	min-width: 340px;
	margin: 0;
	padding: 12px;
	border: 1px solid var(--xk-line);
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 14px 34px rgb(0 0 0 / 16%);
	list-style: none;
	opacity: 0;
	visibility: hidden;
	transform: translateY(8px);
	transition: opacity .16s ease, transform .16s ease, visibility .16s ease;
}

.xk-primary-menu li:hover > .sub-menu,
.xk-primary-menu li:focus-within > .sub-menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.xk-primary-menu .sub-menu li { margin: 0; }
.xk-primary-menu .sub-menu a { display: block; padding: 9px 12px; border-radius: 8px; white-space: nowrap; }
.xk-primary-menu .sub-menu a:hover,
.xk-primary-menu .sub-menu a:focus-visible { background: var(--xk-soft-yellow); }

input:not([type="checkbox"]):not([type="radio"]),
textarea,
select,
.xk-filter-chip,
.xk-species-switch a,
.xk-selected-panel,
.xk-selected-panel__items a,
.xk-tab-list button,
.xk-pagination a,
.xk-pagination span,
.xk-button,
button {
	border-radius: 9px;
}

.xk-filter-chip {
	clip-path: none;
	border-radius: 8px;
}

.xk-ad-slot {
	position: relative;
	width: min(100%, 970px);
	margin: 28px auto;
	border: 1px dashed #bcbcbc;
	border-radius: 14px;
	background: #fafafa;
	overflow: hidden;
	text-align: center;
}

.xk-ad-slot--article_inline,
.xk-ad-slot--profile_inline { max-width: 728px; }

.xk-ad-slot--article_sidebar,
.xk-ad-slot--archive_sidebar { width: min(100%, 300px); min-height: 250px; margin-top: 0; }

.xk-ad-slot__label {
	position: absolute;
	top: 6px;
	right: 8px;
	z-index: 2;
	padding: 2px 7px;
	border-radius: 999px;
	background: rgb(255 255 255 / 90%);
	color: #777;
	font-size: 10px;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.xk-ad-slot__placeholder {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 4px;
	min-height: 90px;
	padding: 24px 18px 16px;
	color: #777;
}

.xk-ad-slot--article_sidebar .xk-ad-slot__placeholder,
.xk-ad-slot--archive_sidebar .xk-ad-slot__placeholder { min-height: 248px; }
.xk-ad-slot__placeholder strong { color: #444; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; }
.xk-ad-slot img,
.xk-ad-slot video { display: block; width: 100%; height: auto; object-fit: cover; }
.xk-footer-ad { padding: 1px 0; }

.xk-auth-card {
	max-width: 720px;
	margin: 28px auto;
	padding: clamp(22px, 4vw, 38px);
	border: 1px solid var(--xk-line);
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 10px 28px rgb(0 0 0 / 7%);
}

.xk-account { display: grid; gap: 20px; }
.xk-auth-form { display: grid; gap: 15px; }
.xk-auth-form label { display: grid; gap: 6px; font-weight: 700; }
.xk-auth-form input { min-height: 44px; padding: 8px 12px; border: 1px solid #ccc; }
.xk-auth-form button { min-height: 44px; padding: 8px 18px; border: 0; background: var(--xk-yellow); font-weight: 700; cursor: pointer; }
.xk-auth-form--inline { grid-template-columns: minmax(160px, 1fr) minmax(110px, .5fr) auto; align-items: end; }
.xk-honeypot { position: absolute !important; left: -9999px !important; }
.xk-auth-notice { margin-bottom: 16px; padding: 12px 14px; border-radius: 10px; background: var(--xk-soft-yellow); }
.xk-favorite-list { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.xk-favorite-list li { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 10px 0; border-bottom: 1px solid var(--xk-line); }
.xk-favorite-form { display: inline-flex; margin: 10px 0; }
.xk-favorite-button { display: inline-flex; align-items: center; gap: 6px; padding: 8px 12px; border: 1px solid #d9b900; border-radius: 999px; background: #fff; color: var(--xk-ink); cursor: pointer; }
.xk-favorite-button.is-saved { background: var(--xk-yellow); }

@media (max-width: 960px) {
	.xk-header-tools { width: auto; }
	.xk-primary-nav { height: auto; }
	.xk-primary-nav__inner { height: auto; padding-block: 8px; }
	.xk-primary-menu { display: grid; height: auto; }
	.xk-primary-menu > li { display: block; }
	.xk-primary-menu > li > a { min-height: 42px; }
	.xk-primary-menu .sub-menu {
		position: static;
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		width: auto;
		min-width: 0;
		margin: 4px 10px 10px;
		box-shadow: none;
		opacity: 1;
		visibility: visible;
		transform: none;
	}
}

@media (max-width: 640px) {
	.xk-language-dropdown summary { min-width: 48px; width: 48px; justify-content: center; }
	.xk-language-dropdown summary > span:last-of-type,
	.xk-language-dropdown summary b { display: none; }
	.xk-account-link { width: 34px; height: 34px; }
	.xk-auth-form--inline { grid-template-columns: 1fr; }
	.xk-ad-slot:not(.xk-ad-slot--article_sidebar):not(.xk-ad-slot--archive_sidebar) { width: min(100%, 320px); }
	.xk-ad-slot__placeholder { min-height: 100px; }
}

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*,
	*::before,
	*::after {
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .01ms !important;
	}
}

/* --------------------------------------------------------------------------
 * Petoniki editorial portal layout
 * --------------------------------------------------------------------------
 * The public layout uses a calm 1200px editorial rhythm,
 * square modules, yellow navigation, ribbon tabs, and dense information layout.
 * Responsive rules below preserve that identity without retaining the old fixed-
 * width and overflow defects.
 */

:root {
	--xk-yellow: #ffd800;
	--xk-orange: #ff5a00;
	--xk-ink: #222;
	--xk-copy: #666;
	--xk-line: #ededed;
	--xk-paper: #fff;
	--xk-page: #f5f5f5;
}

body {
	background: #fff;
	color: #222;
	font-family: "Microsoft YaHei", "PingFang SC", "Noto Sans SC", "Noto Sans TC", Arial, sans-serif;
	font-size: 14px;
	line-height: 1.6;
}

.xk-shell {
	width: min(1200px, calc(100% - 32px));
}

.wp-site-blocks > p,
.wp-block-template-part > br:first-child,
.xk-main > p,
.xk-nav-group > p {
	display: none;
}

.xk-header {
	position: relative;
	background: #fff;
	border: 0;
}

.xk-header__top {
	position: relative;
	display: block;
	height: 140px;
	min-height: 140px;
}

.xk-brand {
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	width: 170px;
	height: 140px;
	overflow: visible;
}

.xk-brand img {
	width: 149px;
	height: 136px;
	object-fit: contain;
}

.xk-search-cluster {
	position: absolute;
	left: 450px;
	top: 45px;
	width: 362px;
	max-width: none;
}

.xk-search {
	height: 46px;
	border: 3px solid var(--xk-yellow);
	border-radius: 28px;
	background: #fff;
}

.xk-search input {
	padding: 0 20px;
	font-size: 16px;
}

.xk-search button {
	min-width: 76px;
	margin: 3px;
	border-radius: 22px;
	background: var(--xk-yellow);
	color: #664d00;
	font-size: 16px;
	font-weight: 400;
}

.xk-hot-search {
	gap: 0 20px;
	margin-top: 6px;
	padding-left: 20px;
	color: #888;
	font-size: 14px;
	white-space: nowrap;
}

.xk-hot-search strong {
	color: #888;
	font-weight: 400;
}

.xk-header-tools {
	position: absolute;
	right: 0;
	top: 42px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 9px;
	width: 330px;
}

.xk-social {
	display: flex;
	gap: 8px;
}

.xk-social a {
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: var(--xk-yellow);
	color: #222;
	font-size: 11px;
}

.xk-subscribe-link {
	height: 34px;
	padding: 5px 12px;
	border: 1px solid #ddd;
	border-radius: 0;
	background: #fff;
}

.xk-language {
	padding-left: 6px;
	border-left-color: #ddd;
}

.xk-language a {
	min-width: 28px;
	padding: 5px 6px;
	text-align: center;
}

.xk-language a[aria-current="true"] {
	background: var(--xk-yellow);
}

.xk-primary-nav {
	height: 64px;
	background-color: var(--xk-yellow);
	background-image: radial-gradient(circle at 22px 20px, rgb(255 255 255 / 15%) 0 4px, transparent 5px);
	background-size: 72px 64px;
	border: 0;
}

.xk-primary-nav__inner {
	display: grid;
	grid-template-columns: 155px 400px 400px 245px;
	align-items: stretch;
	height: 64px;
	padding: 0;
}

.xk-primary-nav__inner > .xk-nav-home {
	align-self: center;
	display: grid;
	place-items: center;
	width: 78px;
	min-width: 0;
	height: 42px;
	min-height: 0;
	padding: 0;
	background: #222;
	color: #fff;
	font-size: 18px;
	clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 10px 100%, 0 50%);
}

.xk-nav-group {
	display: grid;
	grid-template-columns: 86px 1fr;
	align-items: center;
	min-width: 0;
	height: 64px;
}

.xk-nav-group > a {
	grid-column: 1;
	grid-row: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-width: 0;
	min-height: 42px;
	padding: 0 8px;
	font-size: 18px;
	font-weight: 400;
}

.xk-nav-group:hover > a,
.xk-nav-group:focus-within > a {
	background: #222;
	color: #fff;
	clip-path: polygon(9px 0, calc(100% - 9px) 0, 100% 50%, calc(100% - 9px) 100%, 9px 100%, 0 50%);
}

.xk-mega-menu,
.xk-mega-menu--other {
	grid-column: 2;
	grid-row: 1;
	position: static;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	align-content: center;
	width: auto;
	min-width: 0;
	padding: 0;
	background: transparent;
	box-shadow: none;
	opacity: 1;
	visibility: visible;
	transform: none;
}

.xk-mega-menu a,
.xk-mega-menu--other a {
	padding: 1px 4px;
	color: #222;
	font-size: 13px;
	line-height: 20px;
	white-space: nowrap;
}

.xk-mega-menu > br,
.xk-mega-menu--other > br {
	display: none;
}

.xk-nav-group--other {
	grid-template-columns: 110px 135px;
}

.xk-nav-group--other .xk-mega-menu {
	grid-template-columns: 1fr;
}

/* Home: original portal sequence. */
.xk-legacy-home {
	background: #fff;
}

.xk-legacy-slider {
	position: relative;
	height: 340px;
	overflow: hidden;
	background: #b7b7b7;
}

.xk-legacy-slider__stage {
	position: relative;
	width: min(1200px, 100%);
	height: 340px;
	margin: 0 auto;
	background: #fff7cf;
}

.xk-legacy-slide {
	display: grid;
	grid-template-columns: 1.15fr .85fr;
	align-items: center;
	height: 340px;
	padding: 44px 80px;
	background:
		radial-gradient(circle at 88% 18%, rgb(255 216 0 / 36%) 0 65px, transparent 66px),
		linear-gradient(105deg, #fff 0 46%, #fff1a4 100%);
}

.xk-legacy-slide--care {
	background: linear-gradient(105deg, #fff 0 48%, #f2f2f2 100%);
}

.xk-legacy-slide--other {
	background: linear-gradient(105deg, #fff 0 48%, #dff5ed 100%);
}

.xk-legacy-slide[hidden] {
	display: none;
}

.xk-legacy-slide__copy {
	max-width: 610px;
}

.xk-legacy-slide__copy small {
	display: inline-block;
	padding: 5px 10px;
	background: #222;
	color: var(--xk-yellow);
	font-size: 13px;
}

.xk-legacy-slide__copy h1,
.xk-legacy-slide__copy h2 {
	margin: 13px 0 9px;
	font-size: 38px;
	font-weight: 700;
	line-height: 1.25;
}

.xk-legacy-slide__copy p {
	margin: 0 0 18px;
	color: #666;
	font-size: 16px;
}

.xk-legacy-slide__copy > a {
	display: inline-block;
	padding: 9px 18px;
	background: var(--xk-yellow);
	font-size: 15px;
	font-weight: 700;
}

.xk-legacy-slide__art {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 18px;
	font-size: 98px;
	filter: saturate(.85);
}

.xk-legacy-slide__art b {
	color: #222;
	font-size: 34px;
}

.xk-legacy-slider__arrow {
	position: absolute;
	top: 0;
	z-index: 2;
	display: grid;
	place-items: center;
	width: max(calc((100vw - 1200px) / 2), 42px);
	height: 340px;
	border: 0;
	background: rgb(0 0 0 / 25%);
	color: rgb(255 255 255 / 66%);
	font-size: 50px;
	cursor: pointer;
}

.xk-legacy-slider__arrow:hover {
	background: rgb(0 0 0 / 18%);
}

.xk-legacy-slider__arrow--prev { right: 100%; }
.xk-legacy-slider__arrow--next { left: 100%; }

.xk-legacy-slider__dots {
	position: absolute;
	left: 50%;
	bottom: 15px;
	display: flex;
	gap: 7px;
	transform: translateX(-50%);
}

.xk-legacy-slider__dots button {
	width: 8px;
	height: 8px;
	padding: 0;
	border: 1px solid #777;
	border-radius: 50%;
	background: #fff;
}

.xk-legacy-slider__dots button.is-active {
	background: var(--xk-yellow);
	border-color: var(--xk-yellow);
}

.xk-legacy-home__body {
	padding-top: 28px;
}

.xk-legacy-selector {
	position: relative;
	padding: 0 0 22px;
	text-align: center;
}

.xk-legacy-selector__line {
	position: absolute;
	left: 0;
	right: 0;
	top: 32px;
	height: 24px;
	background-image: radial-gradient(ellipse at center, #e5e5e5 0 5px, transparent 6px);
	background-size: 52px 24px;
}

.xk-legacy-selector .xk-selector__title {
	position: relative;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	gap: 12px;
	height: 68px;
	padding: 0 20px;
	background: #fff;
}

.xk-selector__title button {
	display: grid;
	place-items: center;
	min-width: 58px;
	padding: 0;
	border: 0;
	background: transparent;
	color: #222;
	cursor: pointer;
}

.xk-selector__title button span {
	display: grid;
	place-items: center;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	font-size: 39px;
	filter: grayscale(1);
}

.xk-selector__title button em {
	display: none;
}

.xk-selector__title button.is-active span {
	background: var(--xk-yellow);
	filter: none;
}

.xk-selector__title button.is-active::after {
	content: "";
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-top-color: var(--xk-yellow);
}

.xk-selector__title strong {
	display: grid;
	place-items: center;
	min-width: 130px;
	height: 44px;
	padding: 2px 18px;
	background: var(--xk-yellow);
	font-size: 18px;
	clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 10px 100%, 0 50%);
}

.xk-selector__title strong small {
	display: block;
	font-size: 9px;
	font-weight: 400;
	letter-spacing: 3px;
	line-height: 1;
}

.xk-legacy-selector .xk-selector__quick {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
	min-height: 30px;
	margin-top: 4px;
}

.xk-legacy-selector .xk-selector__quick[hidden] {
	display: none;
}

.xk-selector__quick a {
	min-width: 60px;
	height: 27px;
	padding: 3px 13px;
	background: #e9e9e9;
	clip-path: polygon(7px 0, calc(100% - 7px) 0, 100% 50%, calc(100% - 7px) 100%, 7px 100%, 0 50%);
	font-size: 13px;
	line-height: 21px;
}

.xk-selector__quick a:hover {
	background: var(--xk-yellow);
	color: #222;
}

.xk-legacy-home-grid {
	display: grid;
	grid-template-columns: 784px 366px;
	gap: 50px;
	align-items: stretch;
	padding-top: 2px;
}

.xk-legacy-species-panel[hidden] {
	display: none;
}

.xk-legacy-breeds,
.xk-profile-grid--home {
	height: 100%;
}

.xk-profile-grid--home {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
	align-content: start;
}

.xk-profile-card {
	position: relative;
	overflow: hidden;
	background: #fff;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

.xk-profile-card__media {
	position: relative;
	display: grid;
	place-items: center;
	width: 100%;
	aspect-ratio: auto;
	height: 160px;
	overflow: hidden;
	background: linear-gradient(145deg, #f8f8f8, #ececec);
}

.xk-profile-card__media > span {
	font-size: 70px;
	filter: saturate(.8);
}

.xk-profile-card__quick {
	position: absolute;
	left: 0;
	right: 0;
	top: 112px;
	display: flex;
	justify-content: center;
	gap: 7px;
	padding: 8px;
	background: rgb(0 0 0 / 64%);
	opacity: 0;
	transform: translateY(48px);
	transition: .18s ease;
}

.xk-profile-card:hover .xk-profile-card__quick,
.xk-profile-card:focus-within .xk-profile-card__quick {
	opacity: 1;
	transform: translateY(0);
}

.xk-profile-card__quick a {
	padding: 2px 6px;
	color: #fff;
	font-size: 11px;
}

.xk-profile-card h3 {
	margin: 8px 0 0;
	height: 27px;
	text-align: center;
	font-size: 16px;
	font-weight: 400;
	line-height: 27px;
}

.xk-profile-card h3 a::before,
.xk-profile-card h3 a::after {
	content: "〈";
	margin: 0 7px;
	font-weight: 700;
}

.xk-profile-card h3 a::after {
	content: "〉";
}

.xk-legacy-baike {
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow: hidden;
	background: #f7f7f7;
	border-radius: 16px;
}

.xk-legacy-baike header {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 120px;
	padding: 14px 20px;
	background: var(--xk-yellow);
}

.xk-legacy-baike__title {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
}

.xk-legacy-baike__title > b {
	font-size: 58px;
	line-height: 1;
}

.xk-legacy-baike header h2 {
	margin: 0;
	font-size: 30px;
	line-height: 1.15;
}

.xk-legacy-baike header .xk-legacy-baike__all {
	position: absolute;
	right: 14px;
	bottom: 12px;
	display: inline-flex;
	min-width: 48px;
	height: 28px;
	padding: 0 12px;
	border: 1px solid rgb(34 34 34 / 32%);
	border-radius: 999px;
	align-items: center;
	justify-content: center;
	background: #fff;
	color: #222;
	font-size: 12px;
	font-weight: 700;
	transition: background-color .18s ease, border-color .18s ease, color .18s ease;
}

.xk-legacy-baike header .xk-legacy-baike__all:hover,
.xk-legacy-baike header .xk-legacy-baike__all:focus-visible {
	border-color: #222;
	background: #222;
	color: #fff;
}

.xk-legacy-baike header > p {
	margin: 0;
}

.xk-legacy-baike ul {
	display: grid;
	flex: 1;
	grid-auto-rows: minmax(0, 1fr);
	margin: 0;
	padding: 14px 28px 18px;
	list-style: none;
}

.xk-legacy-baike li {
	display: flex;
	align-items: center;
	padding: 12px 0;
	border-bottom: 1px solid #e5e5e5;
}

.xk-legacy-baike li > a {
	width: 100%;
}

.xk-legacy-baike li:last-child {
	border-bottom: 0;
}

.xk-legacy-baike h3 {
	margin: 0 0 6px;
	font-size: 16px;
	line-height: 1.4;
}

.xk-legacy-baike li p {
	display: -webkit-box;
	margin: 0;
	overflow: hidden;
	color: #777;
	font-size: 13px;
	line-height: 1.55;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.xk-legacy-baike__empty {
	margin: 0;
	padding: 32px;
	color: #777;
	font-size: 14px;
}

.xk-legacy-knowledge {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 50px;
	margin-top: 42px;
}

.xk-legacy-knowledge article {
	background: #f7f7f7;
}

.xk-legacy-knowledge header {
	display: flex;
	align-items: center;
	height: 94px;
	padding: 16px 24px;
	background: #fff;
}

.xk-legacy-knowledge header > b {
	display: grid;
	place-items: center;
	width: 88px;
	color: var(--xk-yellow);
	font-size: 58px;
}

.xk-legacy-knowledge header small {
	color: #999;
	font-size: 12px;
	letter-spacing: 3px;
}

.xk-legacy-knowledge header h2 {
	display: inline-block;
	margin: 0 8px 0 0;
	font-size: 30px;
	line-height: 1;
}

.xk-legacy-knowledge header p {
	display: inline;
	color: #777;
	font-size: 12px;
}

.xk-legacy-knowledge ul {
	margin: 0;
	padding: 22px 28px 26px;
	list-style: none;
}

.xk-legacy-knowledge li {
	overflow: hidden;
	border-bottom: 1px dotted #d6d6d6;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 34px;
}

.xk-legacy-life {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0;
	margin-top: 48px;
	background: #f3f3f3;
}

.xk-legacy-life article {
	display: flex;
	align-items: center;
	gap: 15px;
	height: 122px;
	padding: 18px 34px;
	border-right: 1px solid #ddd;
}

.xk-legacy-life article > b {
	font-size: 58px;
}

.xk-legacy-life h2 {
	margin: 0;
	font-size: 22px;
}

.xk-legacy-life small {
	color: #777;
}

.xk-legacy-life ul {
	grid-column: 1 / -1;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1px;
	margin: 0;
	padding: 1px;
	background: #e3e3e3;
	list-style: none;
}

.xk-legacy-life li {
	padding: 14px 18px;
	background: #fff;
	text-align: center;
}

.xk-feeding-module {
	margin-top: 42px;
}

.xk-feeding-heading {
	position: relative;
	display: grid;
	place-items: center;
	min-height: 72px;
	margin-bottom: 20px;
}

.xk-feeding-heading::before {
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	height: 12px;
	background: radial-gradient(circle, #d9d9d9 0 3px, transparent 3.5px) 0 50% / 42px 12px repeat-x;
	content: "";
	transform: translateY(-50%);
}

.xk-feeding-heading > span {
	position: relative;
	z-index: 1;
	display: flex;
	min-width: 190px;
	padding: 7px 24px;
	flex-direction: column;
	align-items: center;
	background: #fff;
}

.xk-feeding-heading strong {
	display: block;
	padding: 6px 18px 5px;
	border-radius: 9px;
	background: var(--xk-yellow);
	box-shadow: 0 3px 0 #d8b900;
	font-size: 18px;
	line-height: 1;
}

.xk-feeding-heading small {
	margin-top: 7px;
	color: #777;
	font-size: 10px;
	letter-spacing: .08em;
	line-height: 1.2;
	text-transform: uppercase;
}

.xk-feeding-topics {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 36px;
}

.xk-feeding-card {
	--xk-feeding-accent: #ff765f;
	--xk-feeding-soft: #fff0ec;
	--xk-feeding-chip: #ffd7cf;
	display: flex;
	overflow: hidden;
	flex-direction: column;
	border: 1px solid color-mix(in srgb, var(--xk-feeding-accent) 30%, white);
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 8px 22px rgb(40 36 30 / 5%);
}

.xk-feeding-card--care {
	--xk-feeding-accent: #f39845;
	--xk-feeding-soft: #fff4e8;
	--xk-feeding-chip: #ffe0bd;
}

.xk-feeding-card--health {
	--xk-feeding-accent: #89ad18;
	--xk-feeding-soft: #f5f9e3;
	--xk-feeding-chip: #e1edb8;
}

.xk-feeding-card > header {
	display: flex;
	min-height: 108px;
	padding: 18px 22px 12px;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 7px;
	background: var(--xk-feeding-soft);
	text-align: center;
}

.xk-feeding-module p:empty {
	display: none;
}

.xk-feeding-card__identity {
	display: flex;
	min-height: 34px;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.xk-feeding-card__identity > b {
	display: grid;
	width: 34px;
	height: 34px;
	border: 2px solid var(--xk-feeding-accent);
	border-radius: 50%;
	place-items: center;
	color: var(--xk-feeding-accent);
	font-size: 22px;
	line-height: 1;
}

.xk-feeding-card > header h2 {
	margin: 0;
	color: var(--xk-feeding-accent);
	font-size: 28px;
	line-height: 34px;
}

.xk-feeding-card__description {
	color: color-mix(in srgb, var(--xk-feeding-accent) 78%, #333);
	font-size: 12px;
	line-height: 1.35;
}

.xk-feeding-card__tags {
	display: flex;
	min-height: 42px;
	padding: 0 18px 14px;
	flex-wrap: wrap;
	gap: 6px;
	justify-content: center;
	background: var(--xk-feeding-soft);
}

.xk-feeding-card__tags a {
	display: inline-flex;
	height: 24px;
	padding: 0 10px;
	border-radius: 7px;
	align-items: center;
	background: var(--xk-feeding-chip);
	color: color-mix(in srgb, var(--xk-feeding-accent) 84%, #222);
	font-size: 11px;
	line-height: 24px;
}

.xk-feeding-card__tags a:hover,
.xk-feeding-card__tags a:focus-visible {
	background: var(--xk-feeding-accent);
	color: #fff;
}

.xk-feeding-card__stories {
	display: block;
	flex: 1;
	min-height: 276px;
	margin: 0;
	padding: 18px 22px 22px;
	list-style: none;
}

.xk-feeding-card__stories li {
	border-bottom: 1px dotted #ddd;
}

.xk-feeding-card__stories li:last-child {
	border-bottom: 0;
}

.xk-feeding-card__stories a {
	display: grid;
	min-height: 38px;
	grid-template-columns: minmax(0, 1fr);
	align-items: center;
}

.xk-feeding-story__media {
	display: none;
	overflow: hidden;
	height: 80px;
	border-radius: 9px;
	background: #eee;
}

.xk-feeding-story__media img,
.xk-life-card__media img,
.xk-family-story__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.xk-feeding-media__fallback {
	display: grid;
	width: 100%;
	height: 100%;
	place-items: center;
	background: var(--xk-feeding-soft, #f3f3f3);
	font-size: 36px;
}

.xk-feeding-story__copy {
	display: block;
	min-width: 0;
}

.xk-feeding-story__copy strong {
	display: block;
	overflow: hidden;
	font-size: 13px;
	font-weight: 500;
	line-height: 38px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.xk-feeding-story__copy strong::before {
	display: inline-block;
	width: 6px;
	height: 6px;
	margin-right: 9px;
	border-radius: 2px;
	background: var(--xk-feeding-accent);
	content: "";
	vertical-align: 1px;
}

.xk-feeding-story__copy small {
	display: none;
}

.xk-feeding-card__stories li.is-active > a {
	min-height: 108px;
	padding: 12px 0;
	grid-template-columns: 100px minmax(0, 1fr);
	gap: 14px;
}

.xk-feeding-card__stories li.is-active .xk-feeding-story__media {
	display: block;
}

.xk-feeding-card__stories li.is-active .xk-feeding-story__copy strong {
	display: -webkit-box;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.4;
	white-space: normal;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.xk-feeding-card__stories li.is-active .xk-feeding-story__copy strong::before {
	display: none;
}

.xk-feeding-card__stories li.is-active .xk-feeding-story__copy small {
	display: -webkit-box;
	margin-top: 6px;
	overflow: hidden;
	color: #777;
	font-size: 11px;
	line-height: 1.45;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.xk-feeding-life {
	display: grid;
	margin-top: 40px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 36px;
}

.xk-life-card {
	--xk-life-accent: #ef7c68;
	--xk-life-soft: #fff0ed;
	--xk-life-chip: #ffd9d2;
	display: flex;
	overflow: hidden;
	flex-direction: column;
	border: 1px solid color-mix(in srgb, var(--xk-life-accent) 34%, #e8e8e8);
	border-radius: 12px;
	background: #f7f7f7;
}

.xk-life-card:nth-child(2) {
	--xk-life-accent: #e9933d;
	--xk-life-soft: #fff4e8;
	--xk-life-chip: #ffe2bd;
}

.xk-life-card:nth-child(3) {
	--xk-life-accent: #83a91e;
	--xk-life-soft: #f4f8e3;
	--xk-life-chip: #e2edb9;
}

.xk-life-card > header {
	display: flex;
	height: 92px;
	padding: 12px 24px;
	align-items: center;
	justify-content: center;
	gap: 12px;
	background: var(--xk-life-soft);
	text-align: center;
}

.xk-life-card > header > b {
	display: grid;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	place-items: center;
	background: var(--xk-life-chip);
	box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--xk-life-accent) 48%, transparent);
	font-size: 30px;
	line-height: 1;
}

.xk-life-card > header > div {
	display: grid;
	align-content: center;
	justify-items: center;
	gap: 2px;
}

.xk-life-card > header > div > p {
	margin: 0;
}

.xk-life-card h2 {
	margin: 0;
	font-size: 23px;
	line-height: 1.1;
}

.xk-life-card header small {
	display: block;
	color: color-mix(in srgb, var(--xk-life-accent) 58%, #555);
	font-size: 12px;
	line-height: 1.15;
}

.xk-life-card__body {
	position: relative;
	min-height: 190px;
	padding: 24px 18px 24px 144px;
}

.xk-life-card__media {
	position: absolute;
	top: 24px;
	left: 18px;
	width: 110px;
	height: 130px;
}

.xk-life-card__media a {
	position: absolute;
	inset: 0;
	display: none;
	overflow: hidden;
	border-radius: 10px;
	background: #e8e8e8;
}

.xk-life-card__media a.is-active {
	display: block;
}

.xk-life-card ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.xk-life-card li {
	overflow: hidden;
	border-bottom: 1px dotted #ddd;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.xk-life-card li:last-child {
	border-bottom: 0;
}

.xk-life-card li a {
	display: block;
	overflow: hidden;
	font-size: 13px;
	line-height: 34px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.xk-life-card li a.is-active,
.xk-life-card li a:hover,
.xk-life-card li a:focus-visible {
	color: var(--xk-coral);
}

.xk-family-care {
	margin-top: 52px;
}

.xk-family-care__tabs {
	display: flex;
	min-height: 46px;
	padding: 0 0 10px;
	justify-content: center;
	gap: 8px;
	border-bottom: 2px solid #ededed;
}

.xk-family-care__tabs button {
	min-width: 92px;
	height: 34px;
	padding: 0 16px;
	border: 0;
	border-radius: 9px;
	background: transparent;
	color: #222;
	cursor: pointer;
	font: inherit;
	font-size: 14px;
}

.xk-family-care__tabs button[aria-selected="true"] {
	background: var(--xk-yellow);
	box-shadow: 0 3px 0 #d6b900;
	font-size: 16px;
	font-weight: 700;
}

.xk-family-care__tabs button:focus-visible {
	outline: 3px solid rgb(255 216 0 / 35%);
	outline-offset: 2px;
}

.xk-family-care__panel {
	display: grid;
	margin-top: 14px;
	padding: 24px;
	border: 1px solid #e7e7e7;
	border-radius: 14px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px 28px;
	background: #fff;
	box-shadow: 0 8px 22px rgb(40 36 30 / 4%);
}

.xk-family-care__panel[hidden] {
	display: none;
}

.xk-card-more {
	display: flex;
	margin-top: auto;
	padding: 0 18px 18px;
	justify-content: center;
}

.xk-card-more > a {
	display: inline-flex;
	min-width: 96px;
	height: 30px;
	padding: 0 16px;
	border: 1px solid #d7b800;
	border-radius: 999px;
	align-items: center;
	justify-content: center;
	background: var(--xk-yellow);
	box-shadow: 0 3px 0 #d8b900;
	color: #222;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
}

.xk-card-more > a:hover,
.xk-card-more > a:focus-visible {
	background: #222;
	border-color: #222;
	box-shadow: 0 3px 0 #000;
	color: #fff;
}

.xk-family-care__more {
	grid-column: 1 / -1;
	padding: 4px 0 0;
}

.xk-family-story {
	display: block;
	min-width: 0;
	min-height: 95px;
	padding: 10px;
	border-radius: 11px;
	transition: background-color .18s ease, transform .18s ease;
}

.xk-family-story__link {
	display: grid;
	min-width: 0;
	grid-template-columns: 100px minmax(0, 1fr);
	gap: 16px;
}

.xk-family-story:hover,
.xk-family-story:focus-within {
	background: #f6f6f6;
	transform: translateY(-2px);
}

.xk-family-story__media {
	display: block;
	overflow: hidden;
	height: 75px;
	border-radius: 9px;
	background: #eee;
}

.xk-family-story__copy {
	min-width: 0;
}

.xk-family-story strong {
	display: block;
	overflow: hidden;
	font-size: 14px;
	line-height: 1.45;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.xk-family-story small {
	display: -webkit-box;
	margin-top: 7px;
	overflow: hidden;
	color: #888;
	font-size: 11px;
	line-height: 1.45;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.xk-legacy-other {
	margin-top: 48px;
}

.xk-legacy-other p:empty {
	display: none;
}

.xk-other-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 36px;
}

.xk-other-card {
	--xk-feeding-accent: #d98227;
	--xk-feeding-soft: #fff4e8;
	display: flex;
	min-width: 0;
	overflow: hidden;
	border: 1px solid color-mix(in srgb, var(--xk-feeding-accent) 30%, white);
	border-radius: 12px;
	flex-direction: column;
	background: #fff;
	box-shadow: 0 8px 22px rgb(40 36 30 / 5%);
}

.xk-other-grid > .xk-other-card {
	padding: 0;
	border: 1px solid color-mix(in srgb, var(--xk-feeding-accent) 30%, white);
}

.xk-other-card--reptile {
	--xk-feeding-accent: #66a04a;
	--xk-feeding-soft: #eef8e9;
}

.xk-other-card--exotic {
	--xk-feeding-accent: #8a64bd;
	--xk-feeding-soft: #f3edfb;
}

.xk-other-card > header {
	display: grid;
	min-height: 88px;
	padding: 16px 20px;
	place-items: center;
	background: var(--xk-feeding-soft);
	text-align: center;
}

.xk-other-card__identity {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.xk-other-card__identity > b {
	display: grid;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	place-items: center;
	background: #fff;
	box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--xk-feeding-accent) 44%, transparent);
	font-size: 26px;
	line-height: 1;
}

.xk-other-card h2 {
	margin: 0;
	color: var(--xk-feeding-accent);
	font-size: 24px;
	line-height: 38px;
	text-align: center;
}

.xk-other-card__stories {
	min-height: 218px;
	padding-bottom: 14px;
}

.xk-other-grid .xk-other-card__stories li {
	padding: 0;
	border-top: 0;
}

.xk-other-card .xk-card-more {
	padding-bottom: 20px;
}

.xk-newsletter {
	display: grid;
	grid-template-columns: 1fr 430px;
	gap: 50px;
	align-items: center;
	margin: 48px 0 0;
	padding: 24px 30px;
	background: #222;
	color: #fff;
	border-radius: 0;
}

.xk-newsletter h2 {
	margin: 1px 0 0;
	font-size: 21px;
}

.xk-newsletter p {
	margin: 2px 0 0;
	color: #bbb;
}

.xk-newsletter-form {
	display: grid;
	grid-template-columns: 1fr auto;
}

.xk-newsletter-form input,
.xk-newsletter-form button {
	height: 42px;
	border-radius: 0;
}

.xk-newsletter-form input {
	padding: 0 14px;
	border: 1px solid #ddd;
	background: #fff;
}

.xk-newsletter-form button {
	padding: 0 18px;
	border: 0;
	background: var(--xk-yellow);
}

.xk-form-message {
	grid-column: 1 / -1;
	margin: 5px 0 0;
	font-size: 12px;
}

/* Directory: old filter geometry plus the requested removable selection box. */
.xk-directory-page {
	background: #fff;
}

.xk-directory {
	padding: 28px 0 50px;
}

.xk-directory__header {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 34px;
	width: 920px;
	height: 80px;
	padding: 0 0 16px;
	margin: 0;
	border-bottom: 2px solid var(--xk-line);
}

.xk-directory__header > div:first-child {
	width: 82px;
}

.xk-directory__header > div:first-child span {
	display: block;
	color: #222;
	font-weight: 700;
}

.xk-directory__header h1 {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
}

.xk-species-switch {
	display: flex;
	align-items: center;
	gap: 18px;
}

.xk-species-switch a {
	position: relative;
	display: grid;
	place-items: center;
	min-width: 58px;
	padding: 0;
	border: 0;
	border-radius: 0;
	font-size: 0;
}

.xk-species-switch a span {
	display: grid;
	place-items: center;
	width: 57px;
	height: 57px;
	border-radius: 50%;
	font-size: 39px;
	filter: grayscale(1);
}

.xk-species-switch a.is-active span {
	background: var(--xk-yellow);
	filter: none;
}

.xk-species-switch a.is-active::after {
	content: "";
	position: absolute;
	bottom: -6px;
	border: 5px solid transparent;
	border-top-color: var(--xk-yellow);
}

.xk-directory__layout {
	display: grid;
	grid-template-columns: 920px 230px;
	gap: 50px;
	align-items: start;
}

.xk-directory__main {
	position: relative;
}

.xk-filter-form {
	margin: 0;
	padding: 6px 0 10px;
	background: #fff;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

.xk-directory-search {
	position: absolute;
	right: 0;
	top: -64px;
	display: flex;
	width: 606px;
	height: 38px;
	border: 2px solid #ededed;
	border-radius: 22px;
	background: #fff;
}

.xk-directory-search input {
	min-width: 0;
	flex: 1;
	padding: 0 16px;
	border: 0;
	background: transparent;
}

.xk-directory-search button {
	width: 58px;
	margin: 3px;
	border: 0;
	border-radius: 18px;
	background: #e5e5e5;
	font-size: 13px;
}

.xk-filter-row {
	display: flex;
	align-items: flex-start;
	min-width: 0;
	margin: 0;
	padding: 0;
	border: 0;
}

.xk-filter-row legend {
	float: none;
	width: 116px;
	min-width: 116px;
	padding: 11px 0 0;
	color: #222;
	font-size: 14px;
	font-weight: 700;
}

.xk-filter-options {
	display: grid;
	flex: 1;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 8px 20px;
	align-content: start;
	min-height: 42px;
	padding: 7px 0;
}

.xk-filter-chip {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	min-width: 0;
	height: 29px;
	padding: 2px 12px;
	background: #e6e6e6;
	color: #222;
	font-size: 14px;
	font-weight: 400;
	line-height: 25px;
	clip-path: polygon(0 0, 100% 0, calc(100% - 8px) 50%, 100% 100%, 0 100%, 8px 50%);
	cursor: pointer;
}

.xk-filter-chip:hover,
.xk-filter-chip.is-selected {
	background: var(--xk-yellow);
	color: #222;
}

.xk-filter-chip b {
	font-size: 22px;
	font-weight: 400;
	line-height: 1;
}

.xk-selected-panel {
	position: sticky;
	top: 18px;
	min-height: 320px;
	margin-top: -62px;
	padding: 26px 18px 18px;
	background: #fff;
	border: 3px solid #222;
	border-radius: 0;
	box-shadow: 13px 13px 0 var(--xk-yellow);
}

.xk-selected-panel h2 {
	margin: 0;
	padding: 9px 12px;
	background: #222;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 10px 100%, 0 50%);
}

.xk-selected-panel__items {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	padding-top: 20px;
}

.xk-selected-panel__items a {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 3px 8px;
	background: var(--xk-yellow);
	clip-path: polygon(0 0, 100% 0, calc(100% - 7px) 50%, 100% 100%, 0 100%, 7px 50%);
}

.xk-selected-panel__items p {
	color: #999;
	font-size: 12px;
}

.xk-clear-filters {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 20px;
	color: #ff3600;
	text-align: center;
}

.xk-results-head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	margin: 14px 0 20px;
	padding-top: 16px;
	border-top: 1px solid #eee;
}

.xk-results-head span {
	color: #999;
	font-size: 12px;
}

.xk-profile-grid--directory {
	display: grid;
	grid-template-columns: repeat(4, 216px);
	gap: 28px 18px;
}

.xk-profile-grid--directory .xk-profile-card:nth-child(n) {
	display: block;
}

.xk-pagination {
	margin: 40px 0 10px;
}

.xk-pagination ul {
	display: flex;
	justify-content: center;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.xk-pagination a,
.xk-pagination .current {
	display: grid;
	place-items: center;
	min-width: 34px;
	height: 34px;
	border: 1px solid #ddd;
}

.xk-pagination .current {
	background: var(--xk-yellow);
	border-color: var(--xk-yellow);
}

/* Breed profile: one white information block, dense ratings, ribbon tabs. */
.xk-profile-page,
.xk-article-page,
.xk-list-page {
	background: var(--xk-page);
}

.xk-breadcrumbs {
	display: flex;
	align-items: center;
	gap: 8px;
	height: 50px;
	margin: 0;
	padding: 0;
	color: #aaa;
	font-size: 14px;
}

.xk-profile-hero {
	display: grid;
	grid-template-columns: 270px 1fr;
	gap: 34px;
	height: 260px;
	min-height: 260px;
	padding: 40px 60px 22px;
	background: #fff;
	border-radius: 0;
	box-shadow: none;
}

.xk-profile-photo {
	display: grid;
	place-items: center;
	width: 270px;
	height: 220px;
	min-height: 0;
	border: 10px solid #e6e6e6;
	background: #fff;
	font-size: 82px;
	transform: translateY(-30px);
}

.xk-profile-photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.xk-profile-photo > span {
	font-size: 96px;
}

.xk-profile-summary {
	padding: 0;
	transform: translateY(-13px);
}

.xk-profile-summary__eyebrow {
	display: none;
}

.xk-profile-summary h1 {
	margin: 1px 0 15px;
	font-size: 40px;
	font-weight: 400;
	line-height: 1.25;
}

.xk-profile-summary dl {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 19px 25px;
	margin: 0;
}

.xk-profile-summary dl > div {
	display: grid;
	grid-template-columns: 72px 1fr;
	align-items: center;
	min-width: 0;
	min-height: 30px;
	padding: 0;
	border: 0;
}

.xk-profile-summary dt {
	padding: 4px 8px;
	border-radius: 18px;
	background: #e6e6e6;
	text-align: center;
}

.xk-profile-summary dd {
	margin: 0;
	padding-left: 10px;
}

.xk-rating-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 18px 68px;
	min-height: 211px;
	margin: 0;
	padding: 25px 60px 40px;
	background: #fff;
	border: 0;
	box-shadow: none;
}

.xk-rating-grid > div {
	display: grid;
	grid-template-columns: 88px 1fr;
	align-items: center;
	min-width: 0;
	padding: 0;
}

.xk-rating-grid > div > span:first-child {
	color: #999;
	font-size: 15px;
	font-weight: 700;
}

.xk-stars {
	position: relative;
	display: inline-block;
	width: 126px;
	height: 24px;
	font-size: 23px;
	line-height: 24px;
	letter-spacing: 2px;
}

.xk-stars i,
.xk-stars b {
	position: absolute;
	left: 0;
	top: 0;
	white-space: nowrap;
}

.xk-stars i { color: #d7d7d7; }
.xk-stars b {
	z-index: 1;
	width: calc(var(--rating) / 5 * 100%);
	overflow: hidden;
	color: var(--xk-yellow);
}

.xk-profile-tabs {
	margin-top: 20px;
	background: #fff;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

.xk-tab-list {
	display: flex;
	align-items: center;
	gap: 12px;
	height: 82px;
	padding: 20px 60px;
	background: #fff;
	border-bottom: 2px solid #ededed;
}

.xk-tab-list button {
	min-width: 100px;
	height: 34px;
	padding: 0 15px;
	border: 0;
	background: #fff;
	color: #222;
	font-size: 16px;
	cursor: pointer;
}

.xk-tab-list button[aria-selected="true"] {
	background: var(--xk-yellow);
	clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 8px 100%, 0 50%);
}

.xk-tab-panel {
	padding: 24px 60px 42px;
	font-size: 14px;
	line-height: 2.05;
}

.xk-tab-panel[hidden] {
	display: none;
}

.xk-tab-panel h2,
.xk-tab-panel h3 {
	margin: 0 0 6px;
	font-size: 15px;
}

.xk-profile-related {
	margin-top: 30px;
}

.xk-profile-related .xk-section-heading,
.xk-profile-page .xk-home-section .xk-section-heading {
	margin: 0;
	padding: 18px 30px;
	background: #fff;
	border-bottom: 3px solid var(--xk-yellow);
}

.xk-profile-related .xk-section-heading span,
.xk-profile-page .xk-home-section .xk-section-heading span {
	display: none;
}

.xk-profile-related .xk-section-heading h2,
.xk-profile-page .xk-home-section .xk-section-heading h2 {
	margin: 0;
	font-size: 20px;
}

.xk-profile-related .xk-topic-columns {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 50px;
	padding-top: 18px;
}

.xk-profile-related .xk-topic-column {
	padding: 24px 28px;
	background: #fff;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

.xk-profile-page .xk-home-section {
	padding: 0 0 50px;
}

.xk-profile-grid--similar {
	display: grid;
	grid-template-columns: repeat(5, 165px);
	gap: 30px;
	padding: 20px 60px 36px;
	background: #fff;
}

.xk-profile-grid--similar .xk-profile-card:nth-child(n) { display: block; }
.xk-profile-grid--similar .xk-profile-card__media { height: 124px; }
.xk-profile-grid--similar .xk-profile-card__quick { display: none; }

/* Article detail: 783/366 split copied from the established reading template. */
.xk-article-layout {
	display: grid;
	grid-template-columns: 783px 366px;
	gap: 51px;
	align-items: start;
}

.xk-article {
	padding: 24px 58px 44px;
	background: #fff;
	border-radius: 0;
	box-shadow: none;
}

.xk-article header {
	text-align: center;
}

.xk-article header h1 {
	margin: 0 0 4px;
	font-size: 24px;
	line-height: 1.5;
}

.xk-article-meta {
	display: flex;
	justify-content: center;
	gap: 38px;
	color: #aaa;
	font-size: 13px;
}

.xk-article-summary {
	margin: 18px 0 22px;
	padding: 14px 38px;
	background: #f7f7f7;
	border: 0;
	border-radius: 5px;
	color: #555;
	font-size: 14px;
	line-height: 2;
}

.xk-article-featured {
	margin: 15px 0;
}

.xk-article-content {
	color: #333;
	font-size: 14px;
	line-height: 2.15;
}

.xk-article-content h2,
.xk-article-content h3 {
	margin: 18px 0 5px;
	font-size: 16px;
}

.xk-article-content p {
	margin: 8px 0;
}

.xk-post-nav {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
	margin-top: 22px;
	padding-top: 16px;
	border-top: 1px solid #eee;
}

.xk-post-nav a:last-child {
	text-align: right;
}

.xk-article-sidebar {
	display: block;
}

.xk-ad-placeholder {
	display: grid;
	align-content: center;
	min-height: 128px;
	padding: 18px;
	background: var(--xk-yellow);
	border: 0;
	border-radius: 0;
	box-shadow: none;
	text-align: center;
}

.xk-ad-placeholder span {
	font-size: 11px;
	letter-spacing: 2px;
}

.xk-ad-placeholder strong {
	display: block;
	font-size: 20px;
}

.xk-article-sidebar section {
	margin-top: 0;
	padding: 26px 34px;
	background: #fff;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

.xk-article-sidebar section h2 {
	margin: 0 0 12px;
	font-size: 18px;
}

.xk-article-sidebar ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

.xk-article-sidebar li {
	padding: 12px 0;
	border-top: 1px solid #eee;
}

.xk-article-page .xk-home-section {
	grid-column: 1 / -1;
	margin: 30px 0 0;
	padding: 0 0 50px;
	background: #fff;
}

.xk-article-page .xk-home-section .xk-section-heading {
	margin: 0;
	padding: 18px 30px;
	border-bottom: 3px solid var(--xk-yellow);
}

.xk-article-page .xk-home-section .xk-section-heading span { display: none; }
.xk-article-page .xk-home-section .xk-section-heading h2 { margin: 0; font-size: 20px; }

/* Archive/list and footer share the same square portal modules. */
.xk-list-page .xk-shell {
	padding-bottom: 50px;
}

.xk-list-header {
	padding: 24px 0;
}

.xk-list-item {
	border-radius: 0;
	box-shadow: none;
}

.xk-footer {
	margin-top: 0;
	padding-top: 34px;
	background-color: #ececec;
	background-image: radial-gradient(circle at 10px 10px, rgb(0 0 0 / 4%) 0 3px, transparent 4px);
	background-size: 36px 36px;
	color: #555;
}

.xk-footer a { color: #333; }
.xk-footer a:hover { color: var(--xk-orange); }

.xk-footer__grid {
	display: grid;
	grid-template-columns: 190px 190px 260px 1fr;
	gap: 42px;
	padding-bottom: 30px;
}

.xk-footer__grid img {
	width: 120px;
	padding: 0;
	background: transparent;
}

.xk-footer__grid h2 {
	margin: 0 0 8px;
	color: #222;
	font-size: 15px;
}

.xk-footer__grid p {
	margin: 5px 0 15px;
	color: #666;
}

.xk-footer__grid nav a {
	display: block;
	padding: 2px 0;
}

.xk-footer__bottom {
	display: flex;
	justify-content: space-between;
	padding: 13px 0;
	border-top: 1px solid #d6d6d6;
	color: #777;
	font-size: 12px;
}

@media (max-width: 1220px) {
	.xk-shell { width: calc(100% - 32px); }
	.xk-search-cluster { left: 30%; }
	.xk-header-tools { width: 300px; }
	.xk-primary-nav__inner { grid-template-columns: 90px 1fr 1fr 230px; }
	.xk-nav-group { grid-template-columns: 80px 1fr; }
	.xk-nav-group--other { grid-template-columns: 104px 1fr; }
	.xk-legacy-home-grid { grid-template-columns: minmax(0, 2.2fr) minmax(300px, 1fr); gap: 30px; }
	.xk-profile-grid--home { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
	.xk-directory__header { width: calc(100% - 280px); }
	.xk-directory__layout { grid-template-columns: minmax(0, 1fr) 230px; gap: 40px; }
	.xk-profile-grid--directory { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.xk-article-layout { grid-template-columns: minmax(0, 2.15fr) minmax(300px, 1fr); gap: 36px; }
	.xk-profile-grid--similar { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}

@media (max-width: 960px) {
	.xk-header__top {
		display: grid;
		grid-template-columns: 94px minmax(0, 1fr) auto;
		gap: 14px;
		height: 96px;
		min-height: 96px;
	}
	.xk-brand,
	.xk-search-cluster,
	.xk-header-tools {
		position: static;
		width: auto;
	}
	.xk-brand { height: 92px; }
	.xk-brand img { width: 88px; height: 88px; }
	.xk-search-cluster { max-width: none; }
	.xk-search { height: 42px; }
	.xk-hot-search { display: none; }
	.xk-header-tools { justify-self: end; }
	.xk-social,
	.xk-subscribe-link { display: none; }
	.xk-menu-toggle { display: block; }
	.xk-menu-toggle span:not(.screen-reader-text) { display: block; height: 2px; margin: 5px 0; background: #222; }
	.xk-primary-nav { display: none; height: auto; }
	.xk-primary-nav.is-open { display: block; }
	.xk-primary-nav__inner { display: block; width: 100%; height: auto; }
	.xk-primary-nav__inner > .xk-nav-home { width: 100%; clip-path: none; }
	.xk-nav-group,
	.xk-nav-group--other { display: block; height: auto; }
	.xk-nav-group > a { justify-content: flex-start; padding: 0 20px; }
	.xk-mega-menu,
	.xk-mega-menu--other { display: grid; grid-template-columns: repeat(2, 1fr); padding: 5px 20px 12px; }
	.xk-legacy-slider,
	.xk-legacy-slider__stage,
	.xk-legacy-slide { height: 300px; }
	.xk-legacy-slide { padding: 34px 48px; }
	.xk-legacy-slide__copy h1,
	.xk-legacy-slide__copy h2 { font-size: 30px; }
	.xk-legacy-slide__art { font-size: 74px; }
	.xk-legacy-slider__arrow { width: 42px; height: 300px; }
	.xk-legacy-slider__arrow--prev { left: 0; right: auto; }
	.xk-legacy-slider__arrow--next { right: 0; left: auto; }
	.xk-legacy-home-grid { grid-template-columns: 1fr; }
	.xk-legacy-baike { display: none; }
	.xk-profile-grid--home { grid-template-columns: repeat(3, 1fr); }
	.xk-legacy-knowledge { grid-template-columns: 1fr; gap: 18px; }
	.xk-legacy-other > div:last-child { grid-template-columns: 1fr; gap: 18px; }
	.xk-newsletter { grid-template-columns: 1fr; gap: 16px; }
	.xk-directory__header { width: 100%; }
	.xk-directory__layout { grid-template-columns: 1fr; }
	.xk-selected-panel { position: relative; top: auto; order: -1; min-height: 0; margin: 18px 13px 20px 0; }
	.xk-clear-filters { position: static; display: block; margin-top: 18px; }
	.xk-directory-search { width: min(55vw, 480px); }
	.xk-profile-grid--directory { grid-template-columns: repeat(3, 1fr); }
	.xk-profile-hero { grid-template-columns: 230px 1fr; padding: 30px; }
	.xk-profile-photo { width: 230px; height: 200px; }
	.xk-profile-summary dl { grid-template-columns: repeat(2, 1fr); }
	.xk-rating-grid { gap: 15px 30px; padding: 0 30px 30px; }
	.xk-rating-grid > div { grid-template-columns: 80px 1fr; }
	.xk-profile-related .xk-topic-columns { grid-template-columns: 1fr; gap: 15px; }
	.xk-article-layout { grid-template-columns: 1fr; }
	.xk-article-sidebar { display: grid; grid-template-columns: 1fr 1fr; }
	.xk-profile-grid--similar { padding-inline: 30px; }
	.xk-footer__grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 640px) {
	.xk-shell { width: calc(100% - 20px); }
	.xk-header__top { grid-template-columns: 62px minmax(0, 1fr) auto; gap: 7px; height: 76px; min-height: 76px; }
	.xk-brand { height: 74px; }
	.xk-brand img { width: 60px; height: 70px; }
	.xk-search { height: 38px; border-width: 2px; }
	.xk-search input { font-size: 12px; }
	.xk-search button { min-width: 48px; font-size: 12px; }
	.xk-language { display: none; }
	.xk-legacy-slider,
	.xk-legacy-slider__stage,
	.xk-legacy-slide { height: 270px; }
	.xk-legacy-slide { display: block; padding: 34px 38px; text-align: center; }
	.xk-legacy-slide[hidden] { display: none; }
	.xk-legacy-slide__copy h1,
	.xk-legacy-slide__copy h2 { font-size: 25px; }
	.xk-legacy-slide__copy p { font-size: 14px; }
	.xk-legacy-slide__art { display: none; }
	.xk-legacy-slider__arrow { width: 30px; height: 270px; font-size: 34px; }
	.xk-legacy-home__body { padding-top: 16px; }
	.xk-legacy-selector__line { display: none; }
	.xk-legacy-selector .xk-selector__title { height: 60px; padding: 0; }
	.xk-selector__title strong { min-width: 108px; font-size: 15px; }
	.xk-selector__title button span { width: 48px; height: 48px; font-size: 33px; }
	.xk-legacy-selector .xk-selector__quick { gap: 6px; }
	.xk-selector__quick a { min-width: 54px; padding-inline: 9px; font-size: 12px; }
	.xk-profile-grid--home { grid-template-columns: repeat(2, 1fr); gap: 18px 10px; }
	.xk-profile-grid--home .xk-profile-card:nth-child(n + 7) { display: none; }
	.xk-profile-card__media { height: 120px; }
	.xk-profile-card__quick { display: none; }
	.xk-profile-card h3 { font-size: 14px; }
	.xk-legacy-knowledge header { padding-inline: 15px; }
	.xk-legacy-life { grid-template-columns: 1fr; }
	.xk-legacy-life article { height: 88px; border-right: 0; border-bottom: 1px solid #ddd; }
	.xk-legacy-life article > b { font-size: 44px; }
	.xk-legacy-life ul { grid-template-columns: 1fr 1fr; }
	.xk-newsletter { margin-top: 30px; padding: 20px; }
	.xk-newsletter-form { grid-template-columns: 1fr; }
	.xk-directory { padding-top: 12px; }
	.xk-directory__header { gap: 12px; height: 66px; }
	.xk-directory__header > div:first-child { width: 70px; }
	.xk-species-switch a span { width: 48px; height: 48px; font-size: 33px; }
	.xk-directory-search { position: static; width: 100%; margin-bottom: 15px; }
	.xk-filter-form { padding-top: 14px; }
	.xk-filter-row { grid-template-columns: 1fr; padding: 8px 0; border-top: 1px solid #eee; }
	.xk-filter-row { display: block; }
	.xk-filter-row legend { width: auto; min-width: 0; padding: 0 0 7px; }
	.xk-filter-options { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; }
	.xk-profile-grid--directory { grid-template-columns: repeat(2, 1fr); gap: 18px 10px; }
	.xk-results-head { display: block; }
	.xk-profile-hero { grid-template-columns: 1fr; gap: 20px; height: auto; min-height: 0; padding: 22px 18px; }
	.xk-profile-photo { width: 100%; height: 240px; transform: none; }
	.xk-profile-summary { transform: none; }
	.xk-profile-summary h1 { font-size: 30px; }
	.xk-profile-summary dl { grid-template-columns: 1fr; gap: 10px; }
	.xk-rating-grid { grid-template-columns: 1fr; padding: 0 18px 24px; }
	.xk-rating-grid > div { grid-template-columns: 100px 1fr; }
	.xk-tab-list { gap: 4px; height: 62px; padding: 14px 12px; overflow-x: auto; }
	.xk-tab-list button { min-width: 92px; font-size: 14px; }
	.xk-tab-panel { padding: 22px 18px 32px; }
	.xk-profile-grid--similar { grid-template-columns: repeat(2, 1fr); gap: 15px 10px; padding: 18px; }
	.xk-profile-grid--similar .xk-profile-card:nth-child(n + 5) { display: none; }
	.xk-article { padding: 22px 18px 34px; }
	.xk-article header h1 { font-size: 22px; }
	.xk-article-meta { display: grid; gap: 2px; }
	.xk-article-summary { padding: 12px 16px; }
	.xk-article-sidebar { grid-template-columns: 1fr; }
	.xk-footer__grid { grid-template-columns: 1fr; gap: 22px; }
	.xk-footer__bottom { display: grid; gap: 4px; }
}

/* Final configurable-UI overrides: these deliberately follow continuity CSS. */
.xk-hot-search {
	display: flex;
	flex-wrap: nowrap;
	min-width: 0;
	overflow: hidden;
	white-space: nowrap;
}

.xk-hot-search > * { flex: 0 0 auto; }
.xk-header-tools { width: 390px; }
.xk-subscribe-link { border-radius: 999px; }

.xk-primary-nav__inner {
	display: block;
	height: 64px;
}

.xk-primary-menu {
	display: flex;
	align-items: stretch;
	gap: 5px;
	height: 64px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.xk-primary-menu > li,
.xk-primary-menu > .xk-nav-group,
.xk-primary-menu > .xk-nav-group--other {
	position: relative;
	display: flex;
	align-items: center;
	height: 64px;
}

.xk-primary-menu > li > a {
	display: flex;
	align-items: center;
	gap: 6px;
	min-height: 42px;
	padding: 0 20px;
	border-radius: 10px;
	font-size: 16px;
}

.xk-primary-menu > li:hover > a,
.xk-primary-menu > li:focus-within > a,
.xk-primary-menu > .current-menu-item > a,
.xk-primary-menu > .current-menu-ancestor > a {
	background: #222;
	color: #fff;
	clip-path: none;
}

.xk-primary-menu .sub-menu {
	position: absolute;
	top: calc(100% - 4px);
	left: 0;
	z-index: 45;
	display: grid;
	grid-template-columns: repeat(2, minmax(150px, 1fr));
	gap: 4px;
	width: max-content;
	min-width: 340px;
	margin: 0;
	padding: 12px;
	border: 1px solid var(--xk-line);
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 14px 34px rgb(0 0 0 / 16%);
	list-style: none;
	opacity: 0;
	visibility: hidden;
	transform: translateY(8px);
	transition: opacity .16s ease, transform .16s ease, visibility .16s ease;
}

.xk-primary-menu li:hover > .sub-menu,
.xk-primary-menu li:focus-within > .sub-menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.xk-primary-menu .sub-menu li { margin: 0; }
.xk-primary-menu .sub-menu a { display: block; padding: 9px 12px; border-radius: 8px; white-space: nowrap; }
.xk-primary-menu .sub-menu a:hover,
.xk-primary-menu .sub-menu a:focus-visible { background: var(--xk-soft-yellow); }

input:not([type="checkbox"]):not([type="radio"]),
textarea,
select,
.xk-filter-chip,
.xk-species-switch a,
.xk-selected-panel,
.xk-selected-panel__items a,
.xk-tab-list button,
.xk-pagination a,
.xk-pagination span,
.xk-button,
button { border-radius: 9px; }

.xk-filter-chip {
	clip-path: none;
	border-radius: 8px;
}

.xk-selected-panel { border-radius: 14px; }

@media (max-width: 960px) {
	.xk-header-tools { width: auto; }
	.xk-primary-nav__inner { height: auto; padding-block: 8px; }
	.xk-primary-menu { display: grid; height: auto; }
	.xk-primary-menu > li,
	.xk-primary-menu > .xk-nav-group,
	.xk-primary-menu > .xk-nav-group--other { display: block; height: auto; }
	.xk-primary-menu .sub-menu {
		position: static;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		width: auto;
		min-width: 0;
		margin: 4px 10px 10px;
		box-shadow: none;
		opacity: 1;
		visibility: visible;
		transform: none;
	}
}

@media (max-width: 640px) {
	.xk-language { display: block; padding-left: 0; border-left: 0; }
	.xk-language-dropdown summary { min-width: 48px; width: 48px; justify-content: center; }
	.xk-language-dropdown summary > span:last-of-type,
	.xk-language-dropdown summary b { display: none; }
}

.xk-legacy-slide[style*="--xk-hero-image"] {
	background-color: #fff7cf;
	background-image:
		linear-gradient(90deg, #fff 0 36%, rgb(255 255 255 / 94%) 45%, rgb(255 255 255 / 36%) 68%, transparent 82%),
		var(--xk-hero-image);
	background-repeat: no-repeat;
	background-position: center, right center;
	background-size: cover, cover;
}

.xk-legacy-slide[style*="--xk-hero-image"] .xk-legacy-slide__copy {
	position: relative;
	z-index: 1;
	max-width: 570px;
}

/* The directory ad now sits between its header and filters; keep search below it. */
.xk-directory-search {
	position: static;
	width: min(100%, 606px);
	margin: 0 0 18px auto;
}

@media (max-width: 640px) {
	.xk-legacy-slide[style*="--xk-hero-image"] {
		background-image:
		linear-gradient(90deg, rgb(255 255 255 / 96%), rgb(255 255 255 / 78%)),
		var(--xk-hero-image);
		background-position: center;
	}
}

.xk-flag {
	position: relative;
	display: inline-block;
	flex: 0 0 24px;
	width: 24px;
	height: 16px;
	border: 1px solid rgb(0 0 0 / 14%);
	border-radius: 3px;
	overflow: hidden;
	box-shadow: 0 1px 2px rgb(0 0 0 / 12%);
}

.xk-flag--en {
	background: repeating-linear-gradient(to bottom, #b22234 0 2px, #fff 2px 4px);
}

.xk-flag--en::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 10px;
	height: 8px;
	background: #3c3b6e;
}

.xk-flag--zh-cn { background: #de2910; }
.xk-flag--zh-cn::before {
	content: "★";
	position: absolute;
	top: -4px;
	left: 2px;
	color: #ffde00;
	font-size: 11px;
}

.xk-flag--zh-tw { background: #fe0000; }
.xk-flag--zh-tw::before {
	content: "✺";
	position: absolute;
	top: 0;
	left: 0;
	display: grid;
	place-items: center;
	width: 12px;
	height: 9px;
	background: #000095;
	color: #fff;
	font-size: 8px;
	line-height: 1;
}

/* Petoniki 0.5: homepage geometry with editable content data. */
.xk-brand {
	align-items: center;
	gap: 12px;
	width: 360px;
	height: 140px;
}

.xk-brand img {
	flex: 0 0 auto;
	width: 104px;
	height: 104px;
	border-radius: 18px;
}

.xk-brand > span {
	display: grid;
	gap: 4px;
	min-width: 0;
}

.xk-brand > span strong {
	color: #222;
	font-size: 29px;
	font-weight: 800;
	letter-spacing: -.5px;
}

.xk-brand > span small {
	max-width: 210px;
	color: #777;
	font-size: 12px;
	line-height: 1.35;
}

.xk-search-cluster {
	left: 410px;
	width: 370px;
}

.xk-header-tools {
	width: 370px;
}

.xk-hot-search {
	gap: 10px;
	padding-left: 4px;
}

.xk-hot-search strong {
	margin-right: 0;
}

.xk-language-dropdown[open] summary {
	border-color: #d1b200;
	box-shadow: 0 0 0 2px rgb(255 216 0 / 18%);
}

@media (min-width: 961px) {
	.xk-primary-nav__inner {
		display: block;
		height: 64px;
	}

	.xk-primary-menu {
		display: grid;
		grid-template-columns: 90px minmax(390px, 1.08fr) minmax(370px, 1fr) minmax(220px, .62fr);
		align-items: stretch;
		gap: 0;
		height: 64px;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.xk-primary-menu > li {
		position: relative;
		display: grid;
		grid-template-columns: 92px minmax(0, 1fr);
		align-items: center;
		height: 64px;
		min-width: 0;
	}

	.xk-primary-menu > li:first-child {
		display: flex;
		align-items: center;
	}

	.xk-primary-menu > li:last-child {
		grid-template-columns: 104px minmax(0, 1fr);
	}

	.xk-primary-menu > li > a {
		position: relative;
		z-index: 2;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 7px;
		min-height: 42px;
		padding: 0 10px;
		border-radius: 11px;
		font-size: 17px;
		white-space: nowrap;
	}

	.xk-primary-menu > li:first-child > a {
		width: 78px;
		background: #222;
		color: #fff;
	}

	.xk-primary-menu > .menu-item-has-children > a::after {
		content: "⌄";
		font-size: 14px;
	}

	.xk-primary-menu > li:hover > a,
	.xk-primary-menu > li:focus-within > a,
	.xk-primary-menu > .current-menu-item > a,
	.xk-primary-menu > .current-menu-ancestor > a {
		background: #222;
		color: #fff;
	}

	.xk-primary-menu .sub-menu {
		position: static;
		z-index: auto;
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		align-content: center;
		gap: 0 3px;
		width: auto;
		min-width: 0;
		height: 64px;
		margin: 0;
		padding: 5px 3px;
		border: 0;
		border-radius: 0;
		background: transparent;
		box-shadow: none;
		list-style: none;
		opacity: 1;
		visibility: visible;
		transform: none;
	}

	.xk-primary-menu > li:last-child .sub-menu {
		grid-template-columns: 1fr;
	}

	.xk-primary-menu .sub-menu a {
		display: block;
		padding: 1px 3px;
		border-radius: 7px;
		color: #222;
		font-size: 12px;
		line-height: 20px;
		text-align: left;
		white-space: nowrap;
	}

	.xk-primary-menu .sub-menu a:hover,
	.xk-primary-menu .sub-menu a:focus-visible {
		background: rgb(255 255 255 / 52%);
	}
}

/* Petoniki 0.17: responsive pet-care hierarchy. */
@media (max-width: 1220px) {
	.xk-feeding-topics {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 24px;
	}

	.xk-feeding-card:last-child {
		grid-column: 1 / -1;
	}

	.xk-feeding-life {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 24px;
	}

	.xk-life-card:last-child {
		grid-column: 1 / -1;
	}

	.xk-family-care__panel {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 20px 24px;
	}

	.xk-other-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 24px;
	}

	.xk-other-card:last-child {
		grid-column: 1 / -1;
	}
}

@media (max-width: 760px) {
	.xk-feeding-module {
		margin-top: 30px;
	}

	.xk-feeding-topics,
	.xk-feeding-life,
	.xk-other-grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 18px;
	}

	.xk-feeding-card:last-child,
	.xk-life-card:last-child,
	.xk-other-card:last-child {
		grid-column: auto;
	}

	.xk-feeding-card > header {
		min-height: 96px;
		padding: 15px 17px 10px;
		gap: 6px;
	}

	.xk-feeding-card__identity > b {
		width: 30px;
		height: 30px;
		font-size: 18px;
	}

	.xk-feeding-card > header h2 {
		font-size: 24px;
		line-height: 30px;
	}

	.xk-feeding-card__tags {
		padding-inline: 16px;
	}

	.xk-feeding-card__stories {
		min-height: 0;
		padding: 14px 17px 18px;
	}

	.xk-feeding-card__stories li.is-active > a {
		grid-template-columns: 90px minmax(0, 1fr);
		gap: 12px;
	}

	.xk-life-card__body {
		padding-right: 14px;
		padding-left: 130px;
	}

	.xk-life-card__media {
		left: 15px;
		width: 98px;
	}

	.xk-family-care {
		margin-top: 38px;
	}

	.xk-family-care__tabs {
		flex-wrap: wrap;
	}

	.xk-family-care__tabs button {
		min-width: 76px;
		padding-inline: 12px;
	}

	.xk-family-care__panel {
		grid-template-columns: minmax(0, 1fr);
		gap: 12px;
		margin-top: 12px;
		padding: 18px;
	}
}

@media (max-width: 420px) {
	.xk-feeding-heading > span {
		min-width: 166px;
		padding-inline: 14px;
	}

	.xk-feeding-card__stories li.is-active > a {
		grid-template-columns: 76px minmax(0, 1fr);
	}

	.xk-life-card > header {
		padding-inline: 16px;
	}

	.xk-life-card > header > b {
		width: 42px;
		height: 42px;
		font-size: 30px;
	}

	.xk-life-card__body {
		min-height: 170px;
		padding: 18px 13px 18px 112px;
	}

	.xk-life-card__media {
		top: 18px;
		left: 13px;
		width: 86px;
		height: 120px;
	}

	.xk-life-card li a {
		font-size: 12px;
		line-height: 32px;
	}

	.xk-family-story__link {
		grid-template-columns: 82px minmax(0, 1fr);
		gap: 12px;
	}
}

.xk-legacy-slider,
.xk-legacy-slider__stage {
	width: 100%;
	max-width: none;
	background: #f2f2f2;
}

.xk-legacy-slider__stage {
	margin: 0;
}

.xk-legacy-slide {
	grid-template-columns: 1fr;
	width: 100%;
	padding-right: max(68px, calc((100vw - 1200px) / 2 + 68px));
	padding-left: max(68px, calc((100vw - 1200px) / 2 + 68px));
}

.xk-legacy-slide[style*="--xk-hero-image"] {
	background-position: center, center;
	background-size: cover, cover;
}

.xk-legacy-slide__button {
	display: inline-flex !important;
	align-items: center;
	gap: 12px;
	min-height: 42px;
	padding: 10px 18px !important;
	border: 1px solid #d9b900;
	border-radius: 10px;
	background: var(--xk-yellow) !important;
	box-shadow: 0 6px 16px rgb(81 65 0 / 14%);
	font-weight: 750;
}

.xk-legacy-slide__button:hover,
.xk-legacy-slide__button:focus-visible {
	transform: translateY(-1px);
	box-shadow: 0 9px 20px rgb(81 65 0 / 19%);
}

.xk-legacy-slider__arrow {
	top: 50%;
	width: 48px;
	height: 76px;
	border-radius: 12px;
	background: rgb(0 0 0 / 28%);
	font-size: 40px;
	transform: translateY(-50%);
}

.xk-legacy-slider__arrow--prev { left: 16px; right: auto; }
.xk-legacy-slider__arrow--next { right: 16px; left: auto; }

.xk-profile-card__media,
.xk-guide-card__media,
.xk-list-item__media,
.xk-profile-photo,
.xk-article-featured,
.xk-article-featured img,
.xk-legacy-baike,
.xk-legacy-other article {
	border-radius: 12px;
}

.xk-profile-card__media,
.xk-guide-card__media,
.xk-list-item__media,
.xk-article-featured {
	overflow: hidden;
}

.xk-favorite-form {
	display: inline-flex;
	align-items: center;
	margin: 12px 0 0;
}

.xk-favorite-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	min-height: 38px;
	margin: 0;
	padding: 8px 14px;
	border: 1px solid #d7b800;
	border-radius: 999px;
	background: #fff;
	color: #333;
	font-size: 14px;
	font-weight: 650;
	line-height: 1;
	white-space: nowrap;
}

.xk-favorite-button .dashicons {
	width: 18px;
	height: 18px;
	font-size: 18px;
	line-height: 18px;
}

.xk-article > header .xk-favorite-form,
.xk-article > header > .xk-favorite-button {
	margin-top: 14px;
}

.xk-footer-brand strong {
	display: block;
	font-size: 28px;
	line-height: 1.2;
}

.xk-footer-brand img {
	width: 74px;
	height: 74px;
	margin-bottom: 10px;
	border-radius: 14px;
	object-fit: contain;
}

@media (max-width: 1220px) and (min-width: 961px) {
	.xk-brand > span small { display: none; }
	.xk-brand { width: 300px; }
	.xk-search-cluster { left: 31%; width: 34%; }
	.xk-header-tools { width: 32%; }
	.xk-primary-menu { grid-template-columns: 80px minmax(350px, 1.05fr) minmax(330px, 1fr) minmax(190px, .62fr); }
	.xk-primary-menu > li { grid-template-columns: 78px minmax(0, 1fr); }
	.xk-primary-menu > li:last-child { grid-template-columns: 90px minmax(0, 1fr); }
	.xk-primary-menu > li > a { padding-inline: 6px; font-size: 15px; }
	.xk-primary-menu .sub-menu a { font-size: 11px; }
}

@media (max-width: 960px) {
	.xk-brand { gap: 8px; height: 92px; }
	.xk-brand > span small { display: none; }
	.xk-brand > span strong { font-size: 21px; }
	.xk-brand img { width: 76px; height: 76px; border-radius: 13px; }
	.xk-primary-menu { display: grid; height: auto; }
	.xk-primary-menu > li { display: block; height: auto; }
	.xk-primary-menu > li > a { justify-content: flex-start; }
	.xk-primary-menu .sub-menu { position: static; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); width: auto; min-width: 0; height: auto; margin: 4px 10px 10px; padding: 8px; opacity: 1; visibility: visible; transform: none; }
	.xk-legacy-slide { padding-right: 58px; padding-left: 58px; }
	.xk-legacy-slider__arrow { width: 38px; height: 62px; }
	.xk-legacy-slider__arrow--prev { left: 8px; }
	.xk-legacy-slider__arrow--next { right: 8px; }
}

@media (max-width: 640px) {
	.xk-brand > span { display: none; }
	.xk-brand img { width: 58px; height: 58px; }
	.xk-legacy-slide { padding: 30px 42px; }
	.xk-legacy-slide__copy h1,
	.xk-legacy-slide__copy h2 { font-size: 23px; }
	.xk-legacy-slider__arrow { width: 30px; height: 52px; border-radius: 9px; }
	.xk-legacy-slider__arrow--prev { left: 5px; }
	.xk-legacy-slider__arrow--next { right: 5px; }
}

.xk-article-sidebar:empty,
.xk-footer-ad:empty {
	display: none;
}

.xk-article-layout:has(> .xk-article-sidebar:empty) {
	grid-template-columns: minmax(0, 1fr);
}

/* Petoniki 0.6: compact brand target and balanced header tools. */
.xk-header__top.xk-shell {
	display: grid;
	grid-template-columns: minmax(290px, 330px) minmax(430px, 500px) minmax(420px, 1fr);
	align-items: center;
	gap: 32px;
	width: min(1480px, calc(100% - 48px));
	height: 140px;
	min-height: 140px;
}

.xk-brand {
	position: static;
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	justify-self: start;
	gap: 14px;
	width: 300px;
	max-width: 100%;
	height: auto;
	min-height: 104px;
	padding: 2px 8px 2px 0;
	overflow: visible;
	border-radius: 18px;
}

.xk-brand:focus-visible {
	outline: 3px solid rgb(255 216 0 / 70%);
	outline-offset: 4px;
}

.xk-brand img {
	flex: 0 0 104px;
	width: 104px;
	height: 104px;
	object-fit: contain;
	border-radius: 18px;
}

.xk-brand > span {
	display: grid;
	gap: 5px;
	min-width: 0;
}

.xk-brand > span strong {
	font-size: 29px;
	line-height: 1.05;
}

.xk-brand > span small {
	max-width: 205px;
	font-size: 13px;
	line-height: 1.45;
}

.xk-search-cluster {
	position: static;
	width: 100%;
	max-width: 500px;
}

.xk-search {
	height: 48px;
	border-width: 2px;
}

.xk-search input {
	min-width: 0;
	padding: 0 18px;
	font-size: 16px;
	text-overflow: ellipsis;
}

.xk-search button {
	min-width: 92px;
	margin: 3px;
	font-size: 16px;
	font-weight: 600;
}

.xk-hot-search {
	gap: 7px;
	margin-top: 7px;
	padding-left: 5px;
	font-size: 14px;
}

.xk-hot-search strong {
	margin: 0 1px 0 0;
}

.xk-hot-search > br {
	display: none;
}

.xk-header-tools {
	position: static;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	justify-self: stretch;
	gap: 10px;
	width: auto;
	min-width: 0;
}

.xk-header-tools > p {
	display: contents;
}

.xk-social {
	order: 1;
	align-items: center;
	gap: 7px;
}

.xk-social a,
.xk-social-link {
	display: inline-grid;
	place-items: center;
	width: 40px;
	height: 40px;
	padding: 0;
	border: 1px solid rgb(25 39 43 / 10%);
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 3px 10px rgb(23 45 47 / 8%);
	transition: transform .18s ease, box-shadow .18s ease;
}

.xk-social a:hover,
.xk-social a:focus-visible {
	transform: translateY(-2px);
	box-shadow: 0 6px 14px rgb(23 45 47 / 14%);
}

.xk-social-mark {
	position: relative;
	display: grid;
	place-items: center;
	width: 25px;
	height: 25px;
	border-radius: 7px;
	color: #fff;
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: 800;
	line-height: 1;
}

.xk-social-link--youtube .xk-social-mark {
	width: 27px;
	height: 19px;
	border-radius: 6px;
	background: #ff0033;
}

.xk-social-link--youtube .xk-social-mark::before {
	content: "";
	margin-left: 2px;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 8px solid #fff;
}

.xk-social-link--instagram .xk-social-mark {
	background: radial-gradient(circle at 32% 100%, #ffd600 0 20%, #ff7a00 34%, #ff0169 58%, #d300c5 78%, #7638fa 100%);
}

.xk-social-link--instagram .xk-social-mark::before {
	content: "";
	width: 13px;
	height: 13px;
	border: 2px solid #fff;
	border-radius: 5px;
}

.xk-social-link--instagram .xk-social-mark::after {
	content: "";
	position: absolute;
	top: 6px;
	right: 6px;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: #fff;
	box-shadow: -5px 5px 0 1px transparent;
}

.xk-social-link--facebook .xk-social-mark { background: #1877f2; }
.xk-social-link--facebook .xk-social-mark::before { content: "f"; font-size: 21px; font-family: Arial, sans-serif; }
.xk-social-link--x .xk-social-mark { background: #000; }
.xk-social-link--x .xk-social-mark::before { content: "X"; font-size: 14px; }
.xk-social-link--tiktok .xk-social-mark,
.xk-social-link--douyin .xk-social-mark { background: #050505; text-shadow: -2px 0 #25f4ee, 2px 0 #fe2c55; }
.xk-social-link--tiktok .xk-social-mark::before,
.xk-social-link--douyin .xk-social-mark::before { content: "♪"; font-size: 20px; }
.xk-social-link--pinterest .xk-social-mark { background: #e60023; border-radius: 50%; }
.xk-social-link--pinterest .xk-social-mark::before { content: "P"; font-family: Georgia, serif; font-size: 18px; }
.xk-social-link--linkedin .xk-social-mark { background: #0a66c2; }
.xk-social-link--linkedin .xk-social-mark::before { content: "in"; font-size: 12px; }
.xk-social-link--wechat .xk-social-mark { background: #07c160; border-radius: 50%; }
.xk-social-link--wechat .xk-social-mark::before { content: "••"; font-size: 17px; letter-spacing: 1px; }
.xk-social-link--weibo .xk-social-mark { background: #e6162d; border-radius: 50%; }
.xk-social-link--weibo .xk-social-mark::before { content: "◎"; font-size: 18px; }
.xk-social-link--bilibili .xk-social-mark { background: #00aeec; }
.xk-social-link--bilibili .xk-social-mark::before { content: "b"; font-size: 17px; }
.xk-social-link--xiaohongshu .xk-social-mark { background: #ff2442; }
.xk-social-link--xiaohongshu .xk-social-mark::before { content: "R"; font-size: 15px; }
.xk-social-link--telegram .xk-social-mark { background: #229ed9; border-radius: 50%; }
.xk-social-link--telegram .xk-social-mark::before { content: "➤"; font-size: 15px; transform: rotate(-22deg); }
.xk-social-link--whatsapp .xk-social-mark { background: #25d366; border-radius: 50%; }
.xk-social-link--whatsapp .xk-social-mark::before { content: "☎"; font-size: 15px; }

.xk-language-dropdown {
	order: 2;
}

.xk-language-dropdown summary {
	min-width: 76px;
	height: 44px;
	padding: 0 13px;
	border: 0;
	background: transparent;
	color: #43505d;
	font-weight: 600;
	box-shadow: none;
}

.xk-language-dropdown summary::before {
	content: "";
	display: inline-block;
	flex: 0 0 15px;
	width: 15px;
	height: 15px;
	margin-right: 7px;
	border: 1.5px solid currentColor;
	border-radius: 50%;
	background:
		linear-gradient(90deg, transparent 44%, currentColor 44% 56%, transparent 56%),
		linear-gradient(transparent 44%, currentColor 44% 56%, transparent 56%);
	color: #405260;
}

.xk-language-dropdown summary .xk-flag {
	display: none;
}

.xk-language-dropdown summary > span:last-of-type {
	font-size: 0;
}

.xk-language-dropdown summary > span:last-of-type::after {
	content: "EN";
	font-size: 14px;
}

html[lang="zh-Hans"] .xk-language-dropdown summary > span:last-of-type::after { content: "简中"; }
html[lang="zh-Hant"] .xk-language-dropdown summary > span:last-of-type::after { content: "繁中"; }

.xk-flag--zh-cn::before {
	content: "";
	top: 3px;
	left: 3px;
	width: 7px;
	height: 7px;
	background: #ffde00;
	clip-path: polygon(50% 0, 61% 34%, 98% 36%, 69% 57%, 79% 94%, 50% 73%, 21% 94%, 31% 57%, 2% 36%, 39% 34%);
}

.xk-flag--zh-tw::before {
	content: "";
	top: 0;
	left: 0;
	width: 12px;
	height: 9px;
	background: #000095;
}

.xk-flag--zh-tw::after {
	content: "";
	position: absolute;
	top: 2px;
	left: 4px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #fff;
}

.xk-language-dropdown summary b {
	display: none;
}

.xk-language-dropdown__menu {
	top: calc(100% + 8px);
	right: 0;
	min-width: 174px;
	padding: 7px;
	border-radius: 14px;
	box-shadow: 0 12px 30px rgb(22 45 48 / 17%);
}

.xk-language-dropdown__menu a {
	border-radius: 9px;
}

.xk-account-link {
	order: 3;
	width: auto;
	height: 46px;
	padding: 0 22px;
	border: 0;
	border-radius: 999px;
	background: #ff896c;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	box-shadow: 0 7px 14px rgb(255 108 75 / 24%);
}

.xk-account-link .dashicons {
	display: none;
}

.xk-account-link::after { content: "Sign in"; }
.xk-account-link[href*="/account/"]::after { content: "Account"; }
html[lang="zh-Hans"] .xk-account-link::after { content: "登录"; }
html[lang="zh-Hans"] .xk-account-link[href*="/account/"]::after { content: "账户"; }
html[lang="zh-Hant"] .xk-account-link::after { content: "登入"; }
html[lang="zh-Hant"] .xk-account-link[href*="/account/"]::after { content: "帳戶"; }

.xk-account-link:hover,
.xk-account-link:focus-visible {
	background: #f77759;
	color: #fff;
	transform: translateY(-1px);
}

.xk-subscribe-link {
	order: 4;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	height: 44px;
	padding: 0 17px;
	border: 0;
	border-radius: 999px;
	background: var(--xk-yellow);
	color: #3b3300;
	font-size: 14px;
	font-weight: 700;
	box-shadow: 0 5px 13px rgb(141 113 0 / 15%);
}

.xk-subscribe-link::before {
	content: "✉";
	font-size: 14px;
}

.xk-subscribe-link:hover,
.xk-subscribe-link:focus-visible {
	background: #f4c900;
	color: #2b2500;
}

@media (max-width: 1320px) and (min-width: 961px) {
	.xk-header__top.xk-shell {
		grid-template-columns: minmax(220px, 260px) minmax(370px, 1fr) auto;
		gap: 18px;
		width: min(1260px, calc(100% - 36px));
	}

	.xk-brand img { flex-basis: 88px; width: 88px; height: 88px; }
	.xk-brand > span small { display: none; }
	.xk-brand > span strong { font-size: 25px; }
	.xk-search-cluster { max-width: none; }
	.xk-header-tools { gap: 7px; }
	.xk-social a { width: 36px; height: 36px; }
	.xk-account-link { padding-inline: 17px; }
	.xk-subscribe-link { padding-inline: 14px; }
}

@media (max-width: 1080px) and (min-width: 961px) {
	.xk-header__top.xk-shell {
		grid-template-columns: 205px minmax(350px, 1fr) auto;
		gap: 14px;
	}

	.xk-brand img { flex-basis: 76px; width: 76px; height: 76px; }
	.xk-brand > span strong { font-size: 22px; }
	.xk-social { display: none; }
	.xk-subscribe-link { height: 42px; padding-inline: 13px; }
}

@media (max-width: 960px) {
	.xk-header__top.xk-shell {
		display: grid;
		grid-template-columns: auto minmax(0, 1fr) auto;
		gap: 12px;
		width: min(100% - 28px, 920px);
		height: 92px;
		min-height: 92px;
	}

	.xk-brand {
		position: static;
		width: auto;
		height: auto;
		min-height: 0;
	}

	.xk-brand img { flex-basis: 68px; width: 68px; height: 68px; }
	.xk-brand > span small { display: none; }
	.xk-search-cluster { position: static; width: 100%; max-width: none; }
	.xk-hot-search { display: none; }
	.xk-header-tools { position: static; width: auto; }
	.xk-social,
	.xk-subscribe-link { display: none; }
	.xk-account-link { height: 42px; padding-inline: 16px; }
	.xk-language-dropdown summary { width: auto; min-width: 68px; }
}

@media (max-width: 640px) {
	.xk-header__top.xk-shell {
		grid-template-columns: auto 1fr;
		align-content: center;
		gap: 8px 12px;
		width: calc(100% - 24px);
		height: 132px;
		min-height: 132px;
		padding-block: 8px;
	}

	.xk-brand { grid-column: 1; grid-row: 1; }
	.xk-brand img { flex-basis: 54px; width: 54px; height: 54px; border-radius: 12px; }
	.xk-brand > span { display: none; }
	.xk-header-tools { grid-column: 2; grid-row: 1; justify-self: end; gap: 4px; }
	.xk-search-cluster { grid-column: 1 / -1; grid-row: 2; }
	.xk-search { height: 40px; }
	.xk-search input { padding-inline: 13px; font-size: 14px; }
	.xk-search button { min-width: 68px; font-size: 14px; }
	.xk-language-dropdown summary { width: auto; min-width: 70px; height: 40px; padding-inline: 8px; }
	.xk-language-dropdown summary > span:last-of-type { display: inline-block; }
	.xk-language-dropdown summary::before { margin-right: 5px; font-size: 14px; }
	.xk-account-link { height: 40px; padding-inline: 14px; font-size: 13px; }
	.xk-legacy-knowledge { grid-template-columns: minmax(0, 1fr); }
	.xk-legacy-knowledge article { min-width: 0; width: 100%; }
	.xk-profile-card h3,
	.xk-profile-card h3 a {
		display: block;
		min-width: 0;
		max-width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.xk-legacy-other > div:last-child { grid-template-columns: minmax(0, 1fr); }
	.xk-legacy-other article { min-width: 0; width: 100%; }
}

/* Petoniki 0.8: centered search and compact account controls. */
.xk-brand > span small {
	display: -webkit-box;
	max-height: 2.9em;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

@media (min-width: 1321px) {
	.xk-header__top.xk-shell {
		grid-template-columns: minmax(0, 1fr) 500px minmax(0, 1fr);
	}

	.xk-brand { grid-column: 1; }
	.xk-search-cluster { grid-column: 2; justify-self: center; }
	.xk-header-tools { grid-column: 3; }
}

@media (min-width: 1081px) and (max-width: 1320px) {
	.xk-header__top.xk-shell {
		grid-template-columns: minmax(0, 1fr) minmax(380px, 480px) minmax(0, 1fr);
	}

	.xk-brand { grid-column: 1; }
	.xk-search-cluster { grid-column: 2; justify-self: center; }
	.xk-header-tools { grid-column: 3; }
	.xk-header-tools > .xk-social { display: none; }
}

.xk-header-tools > .xk-social {
	gap: 9px;
}

.xk-header-tools > .xk-social .xk-social-link {
	width: 40px;
	height: 40px;
	border: 0;
	background: #334155;
	box-shadow: none;
}

.xk-header-tools > .xk-social .xk-social-mark {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: transparent !important;
}

.xk-header-tools > .xk-social .xk-social-link--youtube { background: #ff0033; }
.xk-header-tools > .xk-social .xk-social-link--instagram { background: radial-gradient(circle at 32% 100%, #ffd600 0 20%, #ff7a00 34%, #ff0169 58%, #d300c5 78%, #7638fa 100%); }
.xk-header-tools > .xk-social .xk-social-link--facebook { background: #1877f2; }
.xk-header-tools > .xk-social .xk-social-link--x { background: #000; }
.xk-header-tools > .xk-social .xk-social-link--tiktok,
.xk-header-tools > .xk-social .xk-social-link--douyin { background: #050505; }
.xk-header-tools > .xk-social .xk-social-link--pinterest { background: #e60023; }
.xk-header-tools > .xk-social .xk-social-link--linkedin { background: #0a66c2; }
.xk-header-tools > .xk-social .xk-social-link--wechat { background: #07c160; }
.xk-header-tools > .xk-social .xk-social-link--weibo { background: #e6162d; }
.xk-header-tools > .xk-social .xk-social-link--bilibili { background: #00aeec; }
.xk-header-tools > .xk-social .xk-social-link--xiaohongshu { background: #ff2442; }
.xk-header-tools > .xk-social .xk-social-link--telegram { background: #229ed9; }
.xk-header-tools > .xk-social .xk-social-link--whatsapp { background: #25d366; }

.xk-header-tools > .xk-social .xk-social-link:hover,
.xk-header-tools > .xk-social .xk-social-link:focus-visible {
	box-shadow: 0 5px 12px rgb(22 45 48 / 16%);
}

.xk-language-dropdown summary {
	width: 60px;
	min-width: 60px;
	height: 32px;
	padding: 0 8px;
	border-radius: 999px;
	font-size: 13px;
}

.xk-language-dropdown summary:hover,
.xk-language-dropdown summary:focus-visible,
.xk-language-dropdown[open] summary {
	background: #f3f5f7;
}

.xk-language-dropdown summary::before {
	flex-basis: 14px;
	width: 14px;
	height: 14px;
	margin-right: 5px;
}

.xk-language-dropdown__menu {
	top: calc(100% + 10px);
	min-width: 174px;
	padding: 6px;
	border: 1px solid #eef0f3;
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 10px 24px rgb(22 45 48 / 14%);
}

.xk-language-dropdown__menu a {
	min-height: 40px;
	padding: 8px 10px;
	border-radius: 9px;
}

.xk-account-menu {
	position: relative;
	order: 3;
	flex: 0 0 auto;
}

.xk-account-menu summary {
	display: grid;
	place-items: center;
	width: 40px;
	height: 40px;
	padding: 2px;
	border: 0;
	border-radius: 50%;
	background: #fff5f1;
	box-shadow: 0 3px 10px rgb(23 45 47 / 9%);
	cursor: pointer;
	list-style: none;
}

.xk-account-menu summary::-webkit-details-marker { display: none; }
.xk-account-menu summary::marker { content: ""; }
.xk-account-menu summary:hover,
.xk-account-menu summary:focus-visible,
.xk-account-menu[open] summary { box-shadow: 0 0 0 3px rgb(255 137 108 / 18%); }

.xk-user-avatar,
.xk-account-avatar {
	display: block;
	border-radius: 50%;
	object-fit: cover;
}

.xk-user-avatar {
	width: 36px;
	height: 36px;
}

.xk-account-menu__panel {
	position: absolute;
	top: calc(100% + 10px);
	right: 0;
	z-index: 1200;
	width: 224px;
	padding: 10px;
	border: 1px solid #edf0f3;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 12px 28px rgb(22 45 48 / 16%);
}

.xk-account-menu__identity {
	display: grid;
	gap: 2px;
	padding: 7px 9px 10px;
	border-bottom: 1px solid #eef0f3;
}

.xk-account-menu__identity strong,
.xk-account-menu__identity span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.xk-account-menu__identity strong { color: #253042; font-size: 14px; }
.xk-account-menu__identity span { color: #8290a3; font-size: 12px; }
.xk-account-menu nav {
	display: grid;
	padding-top: 5px;
	font-size: 0;
	line-height: 0;
}
.xk-account-menu nav a {
	display: flex;
	align-items: center;
	gap: 9px;
	min-height: 38px;
	padding: 7px 9px;
	border-radius: 10px;
	color: #4b596d;
	font-size: 13px;
	font-weight: 650;
	line-height: 1.35;
}

.xk-account-menu nav a:hover,
.xk-account-menu nav a:focus-visible,
.xk-account-menu nav a[aria-current="location"] { background: #f7f8fa; color: #253042; }
.xk-account-menu nav .dashicons { width: 17px; height: 17px; font-size: 17px; line-height: 17px; color: #8a98aa; }
.xk-account-menu nav .xk-account-menu__logout { margin-top: 4px; border-top: 1px solid #eef0f3; border-radius: 0 0 10px 10px; color: #e4644b; }

.xk-auth-dialog {
	width: min(448px, 100%);
	border-radius: 24px;
}

.xk-auth-dialog__header {
	min-height: 75px;
	padding: 20px 24px 16px;
}

.xk-auth-dialog__header h2 { font-size: 22px; }
.xk-auth-dialog__close { width: 34px; height: 34px; font-size: 27px; }
.xk-auth-dialog__content { padding: 16px 24px 22px; }
.xk-auth-tabs { gap: 14px; margin-bottom: 17px; }
.xk-auth-tabs button { min-height: 36px; padding: 6px 12px; font-size: 13px; }
.xk-auth-modal-form { gap: 7px; }
.xk-auth-modal-form > label,
.xk-auth-label-row label,
.xk-auth-label-row a { font-size: 12px; }
.xk-auth-label-row { margin-top: 3px; }
.xk-auth-field { min-height: 44px; margin-bottom: 4px; border-radius: 13px; }
.xk-auth-field > .dashicons { flex-basis: 40px; width: 40px; font-size: 17px; }
.xk-auth-field input { height: 42px; padding: 0 11px; font-size: 14px; }
.xk-password-toggle { min-width: 72px; height: 32px; margin-right: 5px; padding: 0 9px; font-size: 12px; }
.xk-password-toggle .dashicons { width: 16px; height: 16px; font-size: 16px; line-height: 16px; }
.xk-auth-submit { min-height: 44px; margin-top: 3px; padding: 8px 20px; font-size: 14px; }
.xk-auth-divider { gap: 11px; margin: 17px 0; font-size: 12px; }
.xk-social-login-list { gap: 8px; }
.xk-social-login-button { min-height: 46px; padding: 8px 16px; font-size: 14px; }
.xk-auth-legal { margin-top: 18px; font-size: 11px; line-height: 1.5; }
.xk-auth-verification { margin-top: 12px; font-size: 11px; }
.xk-auth-verification summary { padding-top: 10px; }

.xk-account-layout {
	display: grid;
	grid-template-columns: 260px minmax(0, 1fr);
	align-items: start;
	gap: 28px;
	width: 100%;
}

.xk-account-sidebar {
	position: sticky;
	top: 20px;
	overflow: hidden;
	border: 1px solid #e4e8ed;
	border-radius: 20px;
	background: #fff;
	box-shadow: 0 10px 28px rgb(22 45 48 / 7%);
}

.xk-account-sidebar__identity {
	display: grid;
	justify-items: center;
	gap: 5px;
	padding: 24px 18px 20px;
	border-bottom: 1px solid #edf0f3;
	text-align: center;
}

.xk-account-avatar { width: 72px; height: 72px; margin-bottom: 5px; }
.xk-account-sidebar__identity strong { max-width: 100%; overflow: hidden; color: #263246; text-overflow: ellipsis; white-space: nowrap; }
.xk-account-sidebar__identity span { max-width: 100%; overflow: hidden; color: #7f8da0; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.xk-account-sidebar nav { display: grid; padding: 10px; font-size: 0; line-height: 0; }
.xk-account-sidebar nav a {
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 44px;
	padding: 9px 12px;
	border-radius: 11px;
	color: #4b596c;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.35;
}
.xk-account-sidebar nav a:hover,
.xk-account-sidebar nav a:focus-visible,
.xk-account-sidebar nav a[aria-current="location"] { background: #fff4ef; color: #d85e44; }
.xk-account-sidebar nav .dashicons { color: #91a0b2; }
.xk-account-sidebar nav .xk-account-sidebar__logout { margin-top: 5px; border-top: 1px solid #edf0f3; border-radius: 0 0 11px 11px; color: #df644c; }
.xk-account-content { display: grid; gap: 22px; min-width: 0; }

/* Translated headings and link labels must not force content cards wider than
 * their responsive grid track. */
.xk-legacy-knowledge > * { min-width: 0; }
.xk-account-section { scroll-margin-top: 24px; }
.xk-account-section h2 { margin: 0 0 8px; font-size: 23px; }
.xk-account-section__intro { margin-top: 0; color: #748397; }
.xk-account-details { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 22px 0 0; }
.xk-account-details > div { padding: 15px; border-radius: 13px; background: #f7f9fb; }
.xk-account-details dt { margin-bottom: 5px; color: #7e8c9f; font-size: 12px; font-weight: 700; text-transform: uppercase; }
.xk-account-details dd { margin: 0; overflow-wrap: anywhere; color: #2d394c; font-weight: 700; }
.xk-account-empty { display: grid; justify-items: center; gap: 7px; padding: 28px; border: 1px dashed #dce2e9; border-radius: 15px; color: #8190a3; text-align: center; }
.xk-account-empty .dashicons { width: 34px; height: 34px; color: #ff8a70; font-size: 34px; line-height: 34px; }
.xk-account-empty p { margin: 0; }
.xk-account-password-form { max-width: 560px; }

@media (max-width: 960px) {
	.xk-account-layout { grid-template-columns: 220px minmax(0, 1fr); gap: 18px; }
	.xk-account-sidebar__identity { padding-inline: 12px; }
}

@media (max-width: 720px) {
	.xk-account-layout { grid-template-columns: minmax(0, 1fr); }
	.xk-account-sidebar { position: static; }
	.xk-account-sidebar__identity { grid-template-columns: 54px minmax(0, 1fr); justify-items: start; text-align: left; }
	.xk-account-avatar { grid-row: 1 / 3; width: 54px; height: 54px; margin: 0; }
	.xk-account-sidebar nav { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px; }
	.xk-account-sidebar nav a { justify-content: center; min-width: 0; min-height: 42px; padding-inline: 6px; font-size: 12px; text-align: center; }
	.xk-account-sidebar nav .xk-account-sidebar__logout { grid-column: 1 / -1; justify-self: stretch; border-top: 1px solid #edf0f3; }
	.xk-account-details { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 640px) {
	.xk-auth-dialog { max-height: calc(100dvh - 20px); border-radius: 22px; }
	.xk-auth-dialog__header { min-height: 68px; padding: 17px 19px 13px; }
	.xk-auth-dialog__header h2 { font-size: 20px; }
	.xk-auth-dialog__content { padding: 14px 19px 19px; }
	.xk-auth-field input { font-size: 13px; }
	.xk-account-menu__panel { position: fixed; top: 70px; right: 12px; width: min(238px, calc(100vw - 24px)); }
}

/* Petoniki 0.9: utility bar, complete tagline, and compact two-row navigation. */
.xk-utility-bar {
	position: relative;
	z-index: 140;
	height: 46px;
	background: #087f83;
	color: #fff;
}

.xk-utility-bar__inner.xk-shell {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	width: min(1480px, calc(100% - 48px));
	height: 100%;
}

.xk-utility-bar__follow,
.xk-utility-bar__actions {
	display: flex;
	align-items: center;
	min-width: 0;
}

.xk-utility-bar__inner > p { display: none; }

.xk-utility-bar__follow { gap: 12px; }
.xk-utility-bar__follow > strong {
	font-size: 13px;
	font-weight: 750;
	letter-spacing: .02em;
	white-space: nowrap;
}

.xk-utility-bar__actions { gap: 7px; margin-left: auto; }
.xk-utility-bar__newsletter { display: flex; align-items: center; }
.xk-utility-bar .xk-social {
	order: initial;
	align-items: center;
	gap: 3px;
}

.xk-utility-bar .xk-social-link {
	display: inline-grid;
	place-items: center;
	width: 27px;
	height: 27px;
	padding: 0;
	border: 0;
	border-radius: 7px;
	background: transparent;
	color: #fff;
	box-shadow: none;
}

.xk-utility-bar .xk-social-link:hover,
.xk-utility-bar .xk-social-link:focus-visible {
	background: rgb(255 255 255 / 15%);
	color: #fff;
	transform: none;
	box-shadow: none;
}

.xk-utility-bar .xk-social-mark,
.xk-utility-bar .xk-social-link--instagram .xk-social-mark,
.xk-utility-bar .xk-social-link--facebook .xk-social-mark,
.xk-utility-bar .xk-social-link--x .xk-social-mark,
.xk-utility-bar .xk-social-link--pinterest .xk-social-mark {
	width: 23px;
	height: 23px;
	border-radius: 5px;
	background: transparent;
	color: #fff;
}

.xk-utility-bar .xk-social-link--youtube .xk-social-mark {
	width: 22px;
	height: 16px;
	border: 1.5px solid currentColor;
	border-radius: 5px;
	background: transparent;
}

.xk-utility-bar .xk-language-dropdown { order: initial; }
.xk-utility-bar .xk-language-dropdown summary {
	width: 60px;
	min-width: 60px;
	height: 32px;
	padding: 0 7px;
	background: transparent;
	color: #fff;
}

.xk-utility-bar .xk-language-dropdown summary::before { color: #fff; }
.xk-utility-bar .xk-language-dropdown summary:hover,
.xk-utility-bar .xk-language-dropdown summary:focus-visible,
.xk-utility-bar .xk-language-dropdown[open] summary {
	background: rgb(255 255 255 / 14%);
	color: #fff;
	box-shadow: none;
}

.xk-utility-bar .xk-language-dropdown__menu {
	top: calc(100% + 7px);
	right: 0;
	color: #334155;
}

.xk-utility-bar .xk-subscribe-link {
	order: initial;
	height: 32px;
	padding: 0 10px;
	border: 0;
	border-left: 1px solid rgb(255 255 255 / 34%);
	border-radius: 0;
	background: transparent;
	color: #fff;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .07em;
	box-shadow: none;
}

.xk-utility-bar .xk-subscribe-link::before { content: "✉"; }
.xk-utility-bar .xk-subscribe-link:hover,
.xk-utility-bar .xk-subscribe-link:focus-visible {
	background: rgb(255 255 255 / 12%);
	color: #fff;
}

.xk-header__top.xk-shell {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 500px minmax(0, 1fr);
	align-items: center;
	gap: 0;
	width: min(1480px, calc(100% - 48px));
	height: 128px;
	min-height: 128px;
}

.xk-header__top .xk-brand {
	grid-column: 1;
	justify-self: start;
	gap: 13px;
	width: 360px;
	min-height: 104px;
}

.xk-header__top .xk-brand img {
	flex-basis: 96px;
	width: 96px;
	height: 96px;
}

.xk-header__top .xk-brand > span {
	display: grid;
	width: 226px;
	min-width: 0;
}

.xk-header__top .xk-brand > span strong { font-size: 28px; }
.xk-header__top .xk-brand > span small {
	display: -webkit-box;
	width: 226px;
	max-width: 226px;
	max-height: none;
	overflow: hidden;
	font-size: 13px;
	line-height: 1.4;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.xk-header__top .xk-search-cluster {
	grid-column: 2;
	justify-self: center;
	width: 500px;
	max-width: 100%;
}

.xk-header__top .xk-header-menu {
	grid-column: 3;
	justify-self: end;
}

@media (min-width: 961px) {
	.xk-primary-nav { min-height: 58px; }
	.xk-primary-nav__inner.xk-shell {
		display: flex;
		align-items: stretch;
		gap: 8px;
		width: min(1480px, calc(100% - 48px));
		height: 58px;
		min-height: 58px;
	}

	.xk-primary-menu {
		flex: 1 1 auto;
		grid-template-columns: 78px minmax(315px, 1.08fr) minmax(300px, 1fr) minmax(185px, .62fr);
		height: 58px;
		min-width: 0;
	}

	.xk-primary-menu > li {
		grid-template-columns: 82px minmax(0, 1fr);
		height: 58px;
		min-width: 0;
	}

	.xk-primary-menu > li:last-child { grid-template-columns: 105px minmax(0, 1fr); }
	.xk-primary-menu > li > a {
		min-height: 38px;
		padding-inline: 7px;
		font-size: 15px;
	}

	.xk-primary-menu > li:first-child > a { width: 72px; }
	.xk-primary-menu .sub-menu,
	.xk-primary-menu > li:last-child .sub-menu {
		display: grid;
		grid-template-columns: none;
		grid-template-rows: repeat(2, 18px);
		grid-auto-flow: column;
		grid-auto-columns: minmax(54px, max-content);
		align-content: center;
		justify-content: start;
		gap: 2px 8px;
		height: 58px;
		padding: 4px 2px;
		overflow: hidden;
		font-size: 0;
		line-height: 0;
	}

	.xk-primary-menu .sub-menu a {
		padding: 0 2px;
		font-size: 11px;
		line-height: 18px;
	}

	.xk-primary-nav__account {
		position: relative;
		display: grid;
		flex: 0 0 94px;
		place-items: center;
		min-width: 94px;
		border-left: 1px solid rgb(35 35 35 / 12%);
	}

	.xk-primary-nav__account .xk-account-link {
		height: 38px;
		padding: 0 16px;
		font-size: 13px;
		box-shadow: 0 4px 10px rgb(189 73 46 / 18%);
	}

	.xk-primary-nav__account .xk-account-menu { order: initial; }
	.xk-primary-nav__account .xk-account-menu__panel { top: calc(100% + 9px); }
}

.xk-account-link::after { display: none; content: none; }
.xk-account-link .xk-account-link__label { display: inline; }

@media (min-width: 1081px) and (max-width: 1320px) {
	.xk-header__top.xk-shell {
		grid-template-columns: minmax(0, 1fr) minmax(400px, 470px) minmax(0, 1fr);
	}

	.xk-header__top .xk-brand { width: 350px; }
	.xk-header__top .xk-brand img { flex-basis: 88px; width: 88px; height: 88px; }
	.xk-header__top .xk-brand > span,
	.xk-header__top .xk-brand > span small { width: 220px; max-width: 220px; }
	.xk-header__top .xk-brand > span small { display: -webkit-box; }
	.xk-header__top .xk-search-cluster { width: min(100%, 470px); }
	.xk-primary-menu { grid-template-columns: 72px minmax(280px, 1.05fr) minmax(270px, 1fr) minmax(168px, .62fr); }
	.xk-primary-menu > li { grid-template-columns: 75px minmax(0, 1fr); }
	.xk-primary-menu > li:last-child { grid-template-columns: 92px minmax(0, 1fr); }
	.xk-primary-menu > li > a { font-size: 14px; }
	.xk-primary-menu .sub-menu { gap: 2px 5px; }
	.xk-primary-menu .sub-menu a { font-size: 10px; }
	.xk-primary-nav__account { flex-basis: 82px; min-width: 82px; }
	.xk-primary-nav__account .xk-account-link { padding-inline: 13px; }
}

@media (max-width: 1080px) and (min-width: 961px) {
	.xk-header__top.xk-shell {
		grid-template-columns: minmax(0, 1fr) minmax(370px, 420px) minmax(0, 1fr);
		gap: 0;
		width: min(100% - 32px, 1040px);
		height: 112px;
		min-height: 112px;
	}

	.xk-header__top .xk-brand { width: 270px; }
	.xk-header__top .xk-brand img { flex-basis: 76px; width: 76px; height: 76px; }
	.xk-header__top .xk-brand > span,
	.xk-header__top .xk-brand > span small { width: 180px; max-width: 180px; }
	.xk-header__top .xk-brand > span strong { font-size: 22px; }
	.xk-header__top .xk-brand > span small { display: -webkit-box; font-size: 11px; }
	.xk-header__top .xk-search-cluster { width: min(100%, 420px); }
	.xk-primary-nav__inner.xk-shell { width: min(100% - 32px, 1040px); }
	.xk-primary-menu { grid-template-columns: 68px minmax(250px, 1.05fr) minmax(235px, 1fr) minmax(145px, .62fr); }
	.xk-primary-menu > li { grid-template-columns: 68px minmax(0, 1fr); }
	.xk-primary-menu > li:last-child { grid-template-columns: 82px minmax(0, 1fr); }
	.xk-primary-menu > li > a { padding-inline: 4px; font-size: 12px; }
	.xk-primary-menu > li:first-child > a { width: 64px; }
	.xk-primary-menu .sub-menu { gap: 2px 3px; }
	.xk-primary-menu .sub-menu a { font-size: 9px; }
	.xk-primary-nav__account { flex-basis: 74px; min-width: 74px; }
	.xk-primary-nav__account .xk-account-link { padding-inline: 10px; font-size: 12px; }
}

@media (max-width: 960px) and (min-width: 761px) {
	.xk-header__top.xk-shell {
		grid-template-columns: minmax(250px, 1fr) minmax(330px, 430px) 44px;
		gap: 12px;
		width: min(100% - 32px, 1040px);
		height: 112px;
		min-height: 112px;
	}

	.xk-header__top .xk-brand { width: 300px; }
	.xk-header__top .xk-brand img { flex-basis: 82px; width: 82px; height: 82px; }
	.xk-header__top .xk-brand > span,
	.xk-header__top .xk-brand > span small { width: 198px; max-width: 198px; }
	.xk-header__top .xk-brand > span strong { font-size: 24px; }
	.xk-header__top .xk-brand > span small { display: -webkit-box; font-size: 12px; }
	.xk-header__top .xk-search-cluster { width: 100%; }
	.xk-header__top .xk-header-menu { display: grid; place-items: center; }
	.xk-header__top .xk-menu-toggle { display: block; }
}

@media (max-width: 960px) {
	.xk-primary-nav__inner.xk-shell {
		display: grid;
		width: min(100% - 24px, 920px);
		height: auto;
		padding: 9px 0 12px;
	}

	.xk-primary-menu { display: grid; grid-template-columns: minmax(0, 1fr); height: auto; }
	.xk-primary-menu > li { display: block; height: auto; }
	.xk-primary-menu .sub-menu,
	.xk-primary-menu > li:last-child .sub-menu {
		position: static;
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-template-rows: none;
		grid-auto-flow: row;
		width: auto;
		height: auto;
		margin: 2px 8px 7px;
		padding: 5px;
		box-shadow: none;
		opacity: 1;
		visibility: visible;
		transform: none;
	}

	.xk-primary-menu .sub-menu a { padding: 5px 8px; font-size: 12px; line-height: 1.35; }
	.xk-primary-nav__account {
		position: relative;
		display: flex;
		align-items: center;
		min-height: 50px;
		padding: 7px 10px 0;
		border-top: 1px solid rgb(35 35 35 / 13%);
	}

	.xk-primary-nav__account .xk-account-link { height: 38px; }
	.xk-primary-nav__account .xk-account-menu__panel {
		position: absolute;
		top: calc(100% + 7px);
		right: auto;
		left: 10px;
	}
}

@media (max-width: 760px) {
	.xk-utility-bar { height: 42px; }
	.xk-utility-bar__inner.xk-shell { gap: 8px; width: calc(100% - 20px); }
	.xk-utility-bar__follow { gap: 6px; }
	.xk-utility-bar__follow > strong { font-size: 11px; }
	.xk-utility-bar .xk-social-link:nth-of-type(n + 5) { display: none; }
	.xk-utility-bar .xk-subscribe-link { padding-inline: 8px; font-size: 11px; }

	.xk-header__top.xk-shell {
		grid-template-columns: minmax(0, 1fr) 42px;
		grid-template-rows: auto auto;
		align-content: center;
		gap: 7px 10px;
		width: calc(100% - 24px);
		height: 148px;
		min-height: 148px;
		padding-block: 7px;
	}

	.xk-header__top .xk-brand {
		grid-column: 1;
		grid-row: 1;
		gap: 9px;
		width: min(100%, 330px);
		min-height: 74px;
	}

	.xk-header__top .xk-brand img { flex-basis: 66px; width: 66px; height: 66px; }
	.xk-header__top .xk-brand > span { display: grid; width: min(205px, calc(100vw - 145px)); }
	.xk-header__top .xk-brand > span strong { font-size: 22px; }
	.xk-header__top .xk-brand > span small {
		display: -webkit-box;
		width: min(205px, calc(100vw - 145px));
		max-width: 205px;
		font-size: 11px;
		line-height: 1.35;
	}

	.xk-header__top .xk-header-menu { grid-column: 2; grid-row: 1; display: grid; place-items: center; }
	.xk-header__top .xk-menu-toggle { display: block; }
	.xk-header__top .xk-search-cluster { grid-column: 1 / -1; grid-row: 2; width: 100%; }
	.xk-header__top .xk-search { height: 40px; }
	.xk-header__top .xk-hot-search { display: none; }
}

@media (max-width: 480px) {
	.xk-utility-bar__follow > strong { display: none; }
	.xk-utility-bar .xk-social-link:nth-of-type(n + 3) { display: none; }
	.xk-utility-bar .xk-subscribe-link { gap: 4px; padding-inline: 6px; letter-spacing: .03em; }
	.xk-header__top .xk-brand img { flex-basis: 58px; width: 58px; height: 58px; }
	.xk-header__top .xk-brand > span { width: min(195px, calc(100vw - 132px)); }
	.xk-header__top .xk-brand > span small { width: min(195px, calc(100vw - 132px)); font-size: 10.5px; }
}

/* Petoniki 0.10: magazine-style top bar and one shared, wider page grid. */
.xk-shell,
.xk-header__top.xk-shell,
.xk-utility-bar__inner.xk-shell,
.xk-primary-nav__inner.xk-shell {
	width: min(var(--xk-shell-max), calc(100% - var(--xk-shell-gutter)));
}

.xk-legacy-slider__stage { width: 100%; }

.xk-utility-bar {
	background: var(--xk-utility-bg, #087f83);
	color: var(--xk-utility-text, #fff);
}

.xk-utility-bar__inner.xk-shell {
	gap: 32px;
}

.xk-utility-bar__left,
.xk-utility-bar__right,
.xk-utility-date,
.xk-utility-navigation,
.xk-utility-menu {
	display: flex;
	align-items: center;
	min-width: 0;
}

.xk-utility-bar__left { height: 100%; }
.xk-utility-bar__right {
	justify-content: flex-end;
	gap: 18px;
	margin-left: auto;
}

.xk-utility-date {
	position: relative;
	gap: 8px;
	height: 100%;
	padding-right: 20px;
	font-size: 12px;
	font-weight: 700;
	white-space: nowrap;
}

.xk-utility-date::after,
.xk-utility-navigation::after {
	position: absolute;
	top: 50%;
	right: 0;
	width: 1px;
	height: 22px;
	background: currentColor;
	content: "";
	opacity: .28;
	transform: translateY(-50%);
}

.xk-utility-date__icon {
	display: grid;
	place-items: center;
	width: 20px;
	height: 20px;
	color: var(--xk-utility-accent, #ffd800);
}

.xk-utility-date__icon svg {
	width: 20px;
	height: 20px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.8;
}

.xk-utility-bar__follow {
	gap: 8px;
	height: 100%;
	padding-left: 18px;
}

.xk-utility-bar__follow > strong,
.xk-utility-menu a {
	color: inherit;
	font-size: 12px;
	font-weight: 700;
}

.xk-utility-navigation {
	position: relative;
	height: 100%;
	padding-right: 18px;
}

.xk-utility-menu {
	gap: 22px;
	height: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

.xk-utility-menu li { margin: 0; }
.xk-utility-menu a {
	display: flex;
	align-items: center;
	height: 32px;
	border-radius: 8px;
	white-space: nowrap;
}

.xk-utility-menu a:hover,
.xk-utility-menu a:focus-visible {
	color: var(--xk-utility-accent, #ffd800);
}

.xk-utility-bar__actions { gap: 6px; margin-left: 0; }

.xk-utility-bar .xk-social-link,
.xk-utility-bar .xk-social-mark,
.xk-utility-bar .xk-social-link--instagram .xk-social-mark,
.xk-utility-bar .xk-social-link--facebook .xk-social-mark,
.xk-utility-bar .xk-social-link--x .xk-social-mark,
.xk-utility-bar .xk-social-link--pinterest .xk-social-mark,
.xk-utility-bar .xk-language-dropdown summary,
.xk-utility-bar .xk-language-dropdown summary::before,
.xk-utility-bar .xk-subscribe-link {
	color: var(--xk-utility-text, #fff);
}

.xk-utility-bar .xk-subscribe-link {
	border-left-color: currentColor;
}

.xk-utility-bar .xk-social-link:hover,
.xk-utility-bar .xk-social-link:focus-visible,
.xk-utility-bar .xk-language-dropdown summary:hover,
.xk-utility-bar .xk-language-dropdown summary:focus-visible,
.xk-utility-bar .xk-language-dropdown[open] summary,
.xk-utility-bar .xk-subscribe-link:hover,
.xk-utility-bar .xk-subscribe-link:focus-visible {
	color: var(--xk-utility-accent, #ffd800);
}

@media (max-width: 1180px) and (min-width: 961px) {
	:root { --xk-shell-gutter: 48px; }
	.xk-utility-bar__right { gap: 10px; }
	.xk-utility-menu { gap: 13px; }
	.xk-utility-date { padding-right: 14px; }
	.xk-utility-bar__follow { padding-left: 13px; }
	.xk-utility-navigation { padding-right: 12px; }
}

@media (max-width: 960px) {
	:root { --xk-shell-gutter: 32px; }
	.xk-utility-navigation { display: none; }
	.xk-utility-bar__right { gap: 6px; }
}

@media (max-width: 760px) {
	:root { --xk-shell-gutter: 24px; }
	.xk-shell,
	.xk-header__top.xk-shell,
	.xk-primary-nav__inner.xk-shell { width: calc(100% - var(--xk-shell-gutter)); }
	.xk-utility-bar__inner.xk-shell { width: calc(100% - 20px); }
	.xk-utility-date { display: none; }
	.xk-utility-bar__follow { padding-left: 0; }
}

/* Petoniki 0.11: safer header gutters, compact menu groups, and SVG language control. */
.xk-header__top.xk-shell,
.xk-utility-bar__inner.xk-shell,
.xk-primary-nav__inner.xk-shell {
	width: min(var(--xk-header-max), calc(100% - var(--xk-header-gutter)));
}

.xk-language-dropdown summary {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: center;
	gap: 6px;
	width: auto;
	min-width: 60px;
	padding-inline: 8px;
	white-space: nowrap;
	writing-mode: horizontal-tb;
}

.xk-language-dropdown summary::before {
	display: none;
	content: none;
}

.xk-language-dropdown summary .xk-language-icon {
	display: inline-grid;
	flex: 0 0 14px;
	place-items: center;
	width: 14px;
	height: 14px;
}

.xk-language-dropdown summary .xk-language-icon svg {
	width: 14px;
	height: 14px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2;
}

.xk-utility-bar .xk-language-dropdown summary > span.xk-language-code:last-of-type {
	display: inline-block !important;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	white-space: nowrap;
	writing-mode: horizontal-tb;
}

.xk-utility-bar .xk-language-dropdown summary > span.xk-language-code:last-of-type::after {
	display: none;
	content: none;
}

.xk-utility-bar .xk-language-dropdown summary {
	width: auto;
	min-width: 60px;
	padding-inline: 8px;
	color: var(--xk-utility-text, #fff);
}

@media (min-width: 1321px) {
	.xk-header__top .xk-brand {
		justify-self: end;
		width: 350px;
	}
}

@media (min-width: 1181px) and (max-width: 1320px) {
	.xk-header__top .xk-brand {
		justify-self: end;
		width: 330px;
	}
}

@media (min-width: 1181px) {
	.xk-primary-menu {
		flex: 0 1 1045px;
		grid-template-columns: 72px 360px 345px 268px;
		width: min(1045px, calc(100% - 102px));
	}

	.xk-primary-menu > li { grid-template-columns: 80px minmax(0, 1fr); }
	.xk-primary-menu > li:last-child { grid-template-columns: 104px minmax(0, 1fr); }
	.xk-primary-menu .sub-menu,
	.xk-primary-menu > li:last-child .sub-menu {
		grid-template-rows: repeat(2, 20px);
		grid-auto-columns: minmax(56px, max-content);
		gap: 2px 6px;
	}

	.xk-primary-menu .sub-menu a {
		padding-inline: 2px;
		font-size: 12px;
		line-height: 20px;
	}

	.xk-primary-nav__account { margin-left: auto; }
}

@media (max-width: 1180px) and (min-width: 961px) {
	:root { --xk-header-gutter: 64px; }
	.xk-primary-menu .sub-menu a { font-size: 10.5px; }
}

@media (max-width: 960px) {
	:root { --xk-header-gutter: 32px; }
}

@media (max-width: 760px) {
	.xk-header__top.xk-shell,
	.xk-utility-bar__inner.xk-shell,
	.xk-primary-nav__inner.xk-shell { width: calc(100% - var(--xk-header-gutter)); }
}

/* Petoniki 0.12: consistent utility separators and centered header/navigation groups. */
.xk-header p:empty {
	display: none;
}

.xk-utility-bar__left,
.xk-utility-bar__right,
.xk-utility-bar__actions {
	gap: 16px;
}

.xk-utility-date,
.xk-utility-bar__follow,
.xk-utility-navigation {
	padding-inline: 0;
}

.xk-utility-date::after,
.xk-utility-navigation::after {
	display: none;
	content: none;
}

.xk-utility-separator {
	display: block;
	flex: 0 0 1px;
	width: 1px;
	height: 22px;
	background: currentColor;
	opacity: .3;
}

.xk-utility-bar .xk-subscribe-link {
	padding-inline: 0;
	border-left: 0;
}

@media (min-width: 761px) {
	.xk-header__top .xk-search-cluster {
		display: grid;
		grid-template-rows: 48px 20px;
		align-self: stretch;
		align-content: center;
		row-gap: 7px;
		margin: 0;
	}

	.xk-header__top .xk-hot-search {
		align-items: center;
		height: 20px;
		margin: 0;
		line-height: 20px;
	}
}

@media (max-width: 760px) {
	.xk-directory__header > div.xk-directory__identity {
		width: 100%;
		min-width: 0;
	}

	.xk-profile-summary dl > div {
		grid-template-columns: minmax(126px, 45%) minmax(0, 1fr);
	}

	.xk-profile-summary dt {
		width: auto;
		min-width: 0;
		font-size: 13px;
	}
}

/* Pet profile top-section redesign: editorial intro, visual facts, and segmented ratings. */
.xk-profile-page {
	--xk-profile-green: #2f7654;
	--xk-profile-green-dark: #20543c;
	--xk-profile-green-soft: #edf5ef;
	--xk-profile-orange: #ed6b2d;
	--xk-profile-cream: #fffaf2;
	--xk-profile-line: #eadfce;
	background: #fbfaf7;
}

.xk-profile-page .xk-breadcrumbs {
	height: auto;
	min-height: 48px;
	padding-block: 13px;
	color: #76827a;
	font-size: 13px;
}

.xk-profile-page .xk-breadcrumbs a {
	color: var(--xk-profile-green-dark);
	font-weight: 700;
}

.xk-profile-hero {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, .9fr) minmax(420px, 1.1fr);
	gap: 36px;
	height: auto;
	min-height: 456px;
	padding: 0;
	overflow: hidden;
	border: 1px solid var(--xk-profile-line);
	border-radius: 26px;
	background:
		radial-gradient(circle at 6% 88%, rgb(47 118 84 / 8%), transparent 28%),
		linear-gradient(135deg, #fff 0%, var(--xk-profile-cream) 100%);
	box-shadow: 0 18px 46px rgb(72 56 35 / 8%);
}

.xk-profile-summary {
	display: flex;
	min-width: 0;
	padding: 48px 10px 44px 48px;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	transform: none;
}

.xk-profile-summary__eyebrow {
	display: block;
	margin-bottom: 8px;
	color: var(--xk-profile-orange);
	font-size: 13px;
	font-style: normal;
	font-weight: 800;
	letter-spacing: .03em;
}

.xk-profile-summary h1 {
	max-width: 680px;
	margin: 0;
	color: #17231d;
	font-family: Georgia, "Times New Roman", "Noto Serif SC", serif;
	font-size: clamp(40px, 4.2vw, 62px);
	font-weight: 700;
	letter-spacing: -.035em;
	line-height: 1.08;
}

.xk-profile-summary__intro {
	max-width: 610px;
	margin: 20px 0 0;
	color: #58635d;
	font-size: 15px;
	line-height: 1.75;
}

.xk-profile-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
	margin: 24px 0 0;
	padding: 0;
	list-style: none;
}

.xk-profile-tags li {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	min-height: 36px;
	padding: 7px 14px;
	border: 1px solid #d9e5dc;
	border-radius: 999px;
	background: var(--xk-profile-green-soft);
	color: var(--xk-profile-green-dark);
	font-size: 12px;
	font-weight: 800;
}

.xk-profile-tags .dashicons {
	width: 16px;
	height: 16px;
	font-size: 16px;
	line-height: 16px;
}

.xk-profile-actions {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	min-height: 44px;
	margin-top: 28px;
}

.xk-profile-actions .xk-favorite-form,
.xk-profile-actions .xk-profile-share {
	margin: 0;
}

.xk-profile-actions .xk-favorite-button.xk-favorite-button--icon,
.xk-profile-actions .xk-profile-share a,
.xk-profile-actions .xk-profile-share button {
	display: inline-grid;
	width: 42px;
	height: 42px;
	min-height: 42px;
	padding: 0;
	place-items: center;
	border: 1px solid #d7dfda;
	border-radius: 50%;
	background: #fff;
	color: var(--xk-profile-green-dark);
	box-shadow: 0 7px 18px rgb(36 65 49 / 7%);
}

.xk-profile-actions .xk-favorite-button.xk-favorite-button--icon:hover,
.xk-profile-actions .xk-favorite-button.xk-favorite-button--icon:focus-visible,
.xk-profile-actions .xk-favorite-button.xk-favorite-button--icon.is-saved,
.xk-profile-actions .xk-profile-share a:hover,
.xk-profile-actions .xk-profile-share a:focus-visible,
.xk-profile-actions .xk-profile-share button:hover,
.xk-profile-actions .xk-profile-share button:focus-visible,
.xk-profile-actions .xk-profile-share button.is-complete {
	border-color: var(--xk-profile-green);
	background: var(--xk-profile-green);
	color: #fff;
}

.xk-profile-photo {
	position: relative;
	display: grid;
	align-self: stretch;
	width: auto;
	height: auto;
	min-height: 420px;
	margin: 18px 18px 18px 0;
	overflow: hidden;
	place-items: center;
	border: 0;
	border-radius: 22px;
	background: #e6eee8;
	font-size: 96px;
	transform: none;
}

.xk-profile-photo::after {
	position: absolute;
	inset: auto 0 0;
	height: 32%;
	background: linear-gradient(180deg, transparent, rgb(18 37 27 / 14%));
	content: "";
	pointer-events: none;
}

.xk-profile-photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.xk-profile-facts,
.xk-rating-grid {
	margin: 22px 0 0;
	padding: 26px;
	border: 1px solid var(--xk-profile-line);
	border-radius: 24px;
	background: #fff;
	box-shadow: 0 12px 34px rgb(72 56 35 / 5%);
}

.xk-profile-section-heading {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 18px;
}

.xk-profile-section-heading > .dashicons {
	width: 23px;
	height: 23px;
	color: var(--xk-profile-green);
	font-size: 23px;
	line-height: 23px;
}

.xk-profile-section-heading h2 {
	margin: 0;
	color: #263229;
	font-family: Georgia, "Times New Roman", "Noto Serif SC", serif;
	font-size: 22px;
	line-height: 1.2;
}

.xk-profile-facts dl {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 14px;
	margin: 0;
}

.xk-profile-facts dl > div {
	display: grid;
	min-width: 0;
	min-height: 112px;
	padding: 16px;
	align-content: start;
	border: 1px solid #eee5d9;
	border-radius: 17px;
	background: #fffdfa;
}

.xk-profile-facts dt {
	display: flex;
	align-items: center;
	gap: 9px;
	min-width: 0;
	margin: 0 0 9px;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: #37443c;
	font-size: 13px;
	font-weight: 800;
	text-align: left;
	white-space: normal;
}

.xk-profile-fact__icon {
	display: inline-grid;
	width: 34px;
	height: 34px;
	flex: 0 0 34px;
	place-items: center;
	border-radius: 50%;
	background: var(--xk-profile-green-soft);
	color: var(--xk-profile-green);
	font-size: 18px;
	line-height: 34px;
}

.xk-profile-facts dl > div:nth-child(3n + 2) .xk-profile-fact__icon {
	background: #fff1e8;
	color: var(--xk-profile-orange);
}

.xk-profile-facts dl > div:nth-child(3n) .xk-profile-fact__icon {
	background: #f2f0fb;
	color: #655c92;
}

.xk-profile-facts dd {
	min-width: 0;
	margin: 0;
	color: #677169;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.55;
	overflow-wrap: anywhere;
}

.xk-rating-grid {
	display: block;
	min-height: 0;
	border: 1px solid var(--xk-profile-line);
}

.xk-rating-grid > .xk-rating-grid__items {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px 38px;
}

.xk-rating-grid .xk-rating-item {
	display: grid;
	grid-template-columns: minmax(86px, .75fr) minmax(120px, 1.25fr) 34px;
	align-items: center;
	gap: 12px;
	min-width: 0;
	padding: 2px 0;
	background: transparent;
}

.xk-rating-item__label {
	min-width: 0;
	color: #4a564e;
	font-size: 13px;
	font-weight: 800;
}

.xk-rating-meter {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 5px;
	min-width: 0;
}

.xk-rating-meter i {
	display: block;
	height: 9px;
	border-radius: 999px;
	background: #e6ebe7;
}

.xk-rating-meter i.is-filled {
	background: var(--xk-profile-green);
}

.xk-rating-item__value {
	color: #7b847e;
	font-size: 11px;
	font-weight: 800;
	text-align: right;
}

.xk-profile-page .xk-profile-tabs {
	margin-top: 22px;
}

@media (max-width: 1180px) {
	.xk-profile-hero {
		grid-template-columns: minmax(0, .9fr) minmax(360px, 1.1fr);
		gap: 24px;
	}

	.xk-profile-summary { padding: 38px 4px 38px 34px; }
	.xk-profile-summary h1 { font-size: clamp(38px, 5vw, 52px); }
	.xk-profile-photo { min-height: 390px; }
	.xk-profile-facts dl { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.xk-rating-grid > .xk-rating-grid__items { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
	.xk-profile-page .xk-breadcrumbs {
		overflow: hidden;
		font-size: 12px;
		white-space: nowrap;
	}

	.xk-profile-page .xk-breadcrumbs span:last-child {
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.xk-profile-hero {
		grid-template-columns: 1fr;
		gap: 0;
		min-height: 0;
		padding: 0;
		border-radius: 20px;
	}

	.xk-profile-photo {
		order: -1;
		width: auto;
		height: auto;
		min-height: 0;
		margin: 14px 14px 0;
		aspect-ratio: 4 / 3;
		border-radius: 16px;
	}

	.xk-profile-summary {
		padding: 26px 22px 30px;
	}

	.xk-profile-summary h1 {
		font-size: clamp(34px, 10vw, 44px);
	}

	.xk-profile-summary__intro {
		margin-top: 16px;
		font-size: 14px;
	}

	.xk-profile-tags { margin-top: 20px; }
	.xk-profile-actions { margin-top: 22px; }

	.xk-profile-facts,
	.xk-rating-grid {
		padding: 20px 16px;
		border-radius: 20px;
	}

	.xk-profile-facts dl,
	.xk-rating-grid > .xk-rating-grid__items {
		grid-template-columns: 1fr;
	}

	.xk-profile-facts dl > div { min-height: 0; }

	.xk-rating-grid .xk-rating-item {
		grid-template-columns: minmax(82px, .8fr) minmax(112px, 1.2fr) 32px;
		gap: 9px;
	}
}

/* Petoniki 0.27 authoritative refinements (kept last to outrank legacy compatibility rules). */
.xk-utility-bar .xk-language-dropdown__menu,
.xk-language-dropdown__menu { width: 176px; min-width: 176px; padding: 5px; }
.xk-utility-bar .xk-language-dropdown__menu a,
.xk-language-dropdown__menu a {
	display: grid;
	grid-template-columns: 23px max-content;
	justify-content: center;
	gap: 7px;
	box-sizing: border-box;
	min-height: 34px;
	padding: 5px 7px;
	border-radius: 7px;
}
.xk-utility-bar .xk-language-dropdown__menu a > span:last-child,
.xk-language-dropdown__menu a > span:last-child { width: max-content; max-width: 120px; overflow: hidden; text-align: left; text-overflow: ellipsis; white-space: nowrap; }
.xk-utility-bar .xk-language-dropdown__menu a:hover,
.xk-utility-bar .xk-language-dropdown__menu a:focus-visible,
.xk-language-dropdown__menu a:hover,
.xk-language-dropdown__menu a:focus-visible { background: #fff0bb; color: #075f61; box-shadow: inset 3px 0 #ff7622; transform: translateX(1px); }

.xk-legacy-selector.xk-pet-finder { padding: 18px; }
.xk-pet-finder__header { grid-template-columns: minmax(290px, 320px) minmax(0, 1fr); gap: 18px; padding: 0 2px 13px; }
.xk-pet-finder__viewport { padding: 3px 1px; }
.xk-pet-finder__species-button:hover,
.xk-pet-finder__species-button:focus-visible { border-color: #ff7622; box-shadow: inset 0 0 0 1px #ff7622, 0 4px 12px rgb(255 105 28 / 14%); transform: none; }
.xk-pet-finder__filters { margin: 0; border: 1px solid #f0d7bd; border-radius: 15px; background: rgb(255 255 255 / 82%); overflow: hidden; }
.xk-pet-finder__panel:not([hidden]) { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.xk-pet-finder__filter-row { display: grid; grid-template-columns: 1fr; align-content: start; gap: 9px; min-width: 0; min-height: 91px; padding: 13px 15px; border-right: 1px solid #f4e8dc; border-bottom: 1px solid #f4e8dc; }
.xk-pet-finder__filter-row:nth-child(3n) { border-right: 0; }
.xk-pet-finder__filter-label { gap: 8px; }
.xk-pet-finder__filter-label span.dashicons { display: inline-grid; place-items: center; box-sizing: border-box; width: 28px; height: 28px; border-radius: 9px; background: #edf8f3; color: #1f8174; font-size: 17px; line-height: 28px; }
.xk-pet-finder__options { align-items: center; gap: 6px; }
.xk-pet-finder__options a { min-width: 0; min-height: 30px; padding: 5px 12px; }
.xk-pet-finder__more { grid-column: 1 / -1; justify-content: flex-end; padding: 10px 14px 12px; }

.xk-profile-grid--home .xk-profile-card { position: relative; box-sizing: border-box; border: 1px solid #eadcca; border-radius: 16px; background: #fff; box-shadow: 0 8px 22px rgb(62 43 25 / 8%); overflow: hidden; }
.xk-profile-grid--home .xk-profile-card__media { display: block; height: clamp(190px, 18vw, 250px); border-radius: 0; overflow: hidden; }
.xk-profile-grid--home .xk-profile-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.xk-profile-grid--home .xk-profile-card:hover .xk-profile-card__media img { transform: scale(1.035); }
.xk-profile-grid--home .xk-profile-card__shade { position: absolute; inset: 0 0 auto; z-index: 1; height: clamp(190px, 18vw, 250px); background: linear-gradient(180deg, rgb(17 20 16 / 25%), rgb(17 20 16 / 52%)); pointer-events: none; }
.xk-profile-grid--home .xk-profile-card__favorite { position: absolute; top: 10px; right: 10px; z-index: 4; }
.xk-profile-grid--home .xk-profile-card__favorite .xk-favorite-form { margin: 0; }
.xk-profile-grid--home .xk-profile-card__favorite .xk-favorite-button { display: grid; place-items: center; width: 36px; height: 36px; padding: 0; border: 1px solid rgb(255 255 255 / 80%); border-radius: 50%; background: rgb(16 24 18 / 25%); color: #fff; box-shadow: none; backdrop-filter: blur(3px); }
.xk-profile-grid--home .xk-profile-card__favorite .xk-favorite-button:hover,
.xk-profile-grid--home .xk-profile-card__favorite .xk-favorite-button:focus-visible,
.xk-profile-grid--home .xk-profile-card__favorite .xk-favorite-button.is-saved { background: #ff6b27; }
.xk-profile-grid--home .xk-profile-card__quick { position: absolute; top: clamp(64px, 6.8vw, 92px); right: 10px; bottom: auto; left: 10px; z-index: 3; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; padding: 0; background: transparent; opacity: 1; transform: none; }
.xk-profile-grid--home .xk-profile-card__quick a { display: flex; align-items: center; justify-content: flex-start; gap: 6px; min-width: 0; min-height: 41px; padding: 6px 10px; border: 1px solid rgb(255 255 255 / 86%); border-radius: 15px; background: rgb(28 32 25 / 18%); color: #fff; font-size: 11px; font-weight: 700; line-height: 1.15; text-shadow: 0 1px 3px rgb(0 0 0 / 50%); backdrop-filter: blur(2px); }
.xk-profile-grid--home .xk-profile-card__quick a:hover,
.xk-profile-grid--home .xk-profile-card__quick a:focus-visible { border-color: #fff; background: rgb(255 108 37 / 88%); }
.xk-profile-grid--home .xk-profile-card__quick b { flex: 0 0 20px; width: 20px; height: 20px; font-size: 18px; line-height: 20px; }
.xk-profile-grid--home .xk-profile-card__caption { display: grid; gap: 4px; min-height: 62px; padding: 10px 12px 12px; text-align: center; }
.xk-profile-grid--home .xk-profile-card h3 { margin: 0; }
.xk-profile-grid--home .xk-profile-card h3 a::before,
.xk-profile-grid--home .xk-profile-card h3 a::after { display: none; }
.xk-profile-grid--home .xk-profile-card__traits { margin: 0; overflow: hidden; color: #716b63; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.xk-home-extra__profiles .xk-profile-card__media,
.xk-home-extra__profiles .xk-profile-card__shade { height: 142px; }
.xk-home-extra__profiles .xk-profile-card__quick { top: 46px; gap: 5px; }
.xk-home-extra__profiles .xk-profile-card__quick a { min-height: 34px; padding: 4px 6px; font-size: 9px; }

@media (max-width: 1100px) {
	.xk-pet-finder__header { grid-template-columns: minmax(260px, 300px) minmax(0, 1fr); }
	.xk-pet-finder__panel:not([hidden]) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.xk-pet-finder__filter-row:nth-child(3n) { border-right: 1px solid #f4e8dc; }
	.xk-pet-finder__filter-row:nth-child(2n) { border-right: 0; }
}
@media (max-width: 760px) {
	.xk-utility-bar .xk-language-dropdown__menu { width: min(176px, calc(100vw - 24px)); min-width: 0; }
	.xk-legacy-selector.xk-pet-finder { padding: 15px 13px; }
	.xk-pet-finder__header { grid-template-columns: 1fr; }
	.xk-pet-finder__filters { margin: 0; }
	.xk-pet-finder__panel:not([hidden]) { grid-template-columns: 1fr; }
	.xk-pet-finder__filter-row,
	.xk-pet-finder__filter-row:nth-child(2n),
	.xk-pet-finder__filter-row:nth-child(3n) { border-right: 0; }
	.xk-profile-grid--home .xk-profile-card__media,
	.xk-profile-grid--home .xk-profile-card__shade { height: 215px; }
	.xk-profile-grid--home .xk-profile-card__quick { top: 72px; display: grid; }
}

@media (min-width: 961px) {
	.xk-primary-nav__account {
		border-left: 0;
	}
}

@media (min-width: 1181px) {
	.xk-primary-nav__inner.xk-shell {
		justify-content: center;
		gap: 18px;
	}

	.xk-primary-menu {
		flex: 0 1 1045px;
		grid-template-columns: 72px minmax(315px, 360px) minmax(300px, 345px) minmax(240px, 268px);
		width: min(1045px, calc(100% - 112px));
	}

	.xk-primary-menu > li > a {
		font-size: 16px;
		font-weight: 600;
		line-height: 1;
	}

	.xk-primary-nav__account {
		margin-left: 0;
	}
}

@media (max-width: 760px) {
	.xk-utility-bar__left,
	.xk-utility-bar__right,
	.xk-utility-bar__actions { gap: 9px; }
	.xk-utility-separator { height: 20px; }
}

/* Petoniki 0.13: social labels and a compact, centered language menu. */
.xk-utility-bar .xk-social-link {
	position: relative;
}

.xk-utility-bar .xk-social-link::after {
	position: absolute;
	top: calc(100% + 7px);
	left: 50%;
	z-index: 4;
	max-width: 130px;
	padding: 3px 7px;
	border: 1px solid rgb(15 55 58 / 12%);
	border-radius: 6px;
	background: #fff;
	box-shadow: 0 5px 14px rgb(15 55 58 / 14%);
	color: #334155;
	content: attr(aria-label);
	font-size: 10px;
	font-weight: 650;
	line-height: 16px;
	opacity: 0;
	pointer-events: none;
	transform: translate(-50%, -3px);
	transition: opacity .14s ease, transform .14s ease;
	white-space: nowrap;
}

.xk-utility-bar .xk-social-link:hover::after,
.xk-utility-bar .xk-social-link:focus-visible::after {
	opacity: 1;
	transform: translate(-50%, 0);
}

.xk-utility-bar .xk-language-dropdown__menu {
	right: auto;
	left: 50%;
	width: 156px;
	min-width: 156px;
	padding: 5px;
	border-radius: 12px;
	transform: translateX(-50%);
}

.xk-utility-bar .xk-language-dropdown__menu a {
	display: grid;
	grid-template-columns: 26px 72px;
	justify-content: center;
	align-items: center;
	gap: 7px;
	min-height: 34px;
	padding: 4px 7px;
	border-radius: 8px;
	font-size: 13px;
	line-height: 18px;
}

.xk-utility-bar .xk-language-dropdown__menu a > span:last-child {
	text-align: center;
}

@media (max-width: 760px) {
	.xk-utility-bar .xk-social-link::after {
		display: none;
	}
}

/* Petoniki 0.16: one configurable content axis and a compact full-width species grid. */
@media (min-width: 961px) {
	.xk-main > .xk-shell {
		width: min(var(--xk-header-max), calc(100% - var(--xk-header-gutter)));
		margin-inline: auto;
	}

	.xk-legacy-home-grid {
		grid-template-columns: minmax(0, 1fr) minmax(320px, 366px);
		gap: 36px;
		width: 100%;
		max-width: none;
		margin-inline: auto;
	}

	.xk-profile-grid--home .xk-profile-card__media {
		height: clamp(160px, 12.4vw, 190px);
	}

	.xk-profile-grid--home .xk-profile-card__quick {
		top: auto;
		bottom: 35px;
	}

	.xk-article-layout {
		grid-template-columns: minmax(0, 1fr) minmax(300px, 366px);
		gap: 36px;
		width: 100%;
		max-width: none;
		margin-inline: auto;
	}
}

/* Petoniki 0.20 authoritative cascade. */
body.admin-bar .xk-header { top: 0; }
.xk-primary-nav__inner.xk-shell { justify-content: center; }
.xk-legacy-selector__line { display: grid; align-items: center; overflow: hidden; background: none; color: #d8dcde; }
.xk-profile-grid--home .xk-profile-card__quick { top: 0; bottom: 35px; }
.xk-profile-card h3 a::before,
.xk-profile-card h3 a::after { display: inline-block; width: 8px; height: 8px; margin: 0 9px 1px; border: solid currentColor; content: ""; }
.xk-profile-card h3 a::before { border-width: 0 0 2px 2px; transform: rotate(45deg); }
.xk-profile-card h3 a::after { border-width: 2px 2px 0 0; transform: rotate(45deg); }
.xk-directory__layout { grid-template-columns: minmax(0, 920px) 230px; justify-content: center; }
.xk-directory__layout.has-selection { grid-template-columns: minmax(0, 920px) 230px; }
.xk-directory-search { width: 321px; }
.xk-selected-panel { position: relative; top: auto; margin-top: 6px; }
.xk-profile-hero { grid-template-columns: 270px minmax(0, 1fr); align-items: center; height: auto; min-height: 310px; padding: 28px 60px; }
.xk-profile-photo { align-self: center; transform: none; }
.xk-profile-summary { min-width: 0; transform: none; }
.xk-profile-summary dl { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px 24px; margin-top: 0; padding-top: 16px; border-top: 1px solid #ececec; }
.xk-profile-summary dl > div { grid-template-columns: 96px minmax(0, 1fr); }
.xk-profile-summary dt { box-sizing: border-box; width: 96px; white-space: nowrap; }
.xk-profile-summary dd { min-width: 0; overflow-wrap: anywhere; }
.xk-rating-grid { border-top: 1px solid #ececec; padding-top: 29px; }
.xk-rating-grid > div { grid-template-columns: 100px minmax(0, 1fr); }
.xk-stars { width: 169px; height: 33px; font-family: "Arial Rounded MT Bold", "Trebuchet MS", sans-serif; font-size: 31px; font-weight: 900; line-height: 33px; letter-spacing: 3px; transform: scaleY(1.08); transform-origin: left center; }
.xk-profile-related .xk-profile-feeding-topics { margin: 0; padding: 24px 0 10px; }
.xk-profile-feeding-topics .xk-feeding-card { height: 610px; }
.xk-profile-grid--similar { grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 18px; padding: 22px 30px 36px; }
.xk-profile-grid--similar .xk-profile-card:nth-child(n) { display: block; }
.xk-profile-grid--similar .xk-profile-card__media { height: 116px; }
.xk-article-page .xk-profile-grid--similar { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 24px; }

@media (min-width: 961px) {
	.xk-primary-menu { flex: 0 1 1045px; width: min(1045px, 100%); }
}

@media (max-width: 1180px) and (min-width: 761px) {
	.xk-profile-hero { grid-template-columns: 230px minmax(0, 1fr); padding-inline: 30px; }
	.xk-profile-photo { width: 230px; }
	.xk-profile-summary dl { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.xk-profile-grid--similar { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.xk-article-page .xk-profile-grid--similar { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.xk-directory__layout,
	.xk-directory__layout.has-selection { grid-template-columns: minmax(0, 1fr); }
	.xk-selected-panel { order: -1; margin: 18px 0; }
}

@media (max-width: 760px) {
	.xk-profile-hero { grid-template-columns: 1fr; gap: 18px; min-height: 0; padding: 20px 16px; }
	.xk-profile-photo { width: 100%; height: 240px; transform: none; }
	.xk-profile-summary dl { grid-template-columns: 1fr; }
	.xk-profile-summary dl > div { grid-template-columns: 96px minmax(0, 1fr); }
	.xk-rating-grid > div { grid-template-columns: 86px minmax(0, 1fr); }
	.xk-stars { width: 139px; height: 28px; font-size: 25px; line-height: 28px; letter-spacing: 2px; }
	.xk-profile-feeding-topics .xk-feeding-card { height: auto; min-height: 560px; }
	.xk-profile-grid--similar { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 18px; }
	.xk-article-page .xk-profile-grid--similar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.xk-profile-grid--similar .xk-profile-card:nth-child(n) { display: block; }
	.xk-directory__layout,
	.xk-directory__layout.has-selection { grid-template-columns: minmax(0, 1fr); }
	.xk-directory-search { width: 100%; }
	.xk-selected-panel { order: -1; margin: 15px 0 22px; }
}

/* Petoniki 0.21 final width and directory overrides. */
:root { --xk-page-gutter: clamp(16px, 2.5vw, 40px); }

.xk-shell,
.xk-header__top.xk-shell,
.xk-utility-bar__inner.xk-shell,
.xk-primary-nav__inner.xk-shell,
.xk-main > .xk-shell,
main.xk-page-shell {
	width: min(var(--xk-site-width), calc(100% - (var(--xk-page-gutter) * 2)));
	max-width: none;
	margin-inline: auto;
}

.xk-directory__header {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	min-height: 92px;
	height: auto;
	padding: 0 0 16px;
}

.xk-directory { min-width: 0; }

.xk-directory__header > .xk-directory__identity {
	display: flex;
	align-items: center;
	gap: 24px;
	width: auto;
	min-width: 0;
}

.xk-directory__identity > div:first-child { flex: 0 0 auto; width: auto; }
.xk-directory__identity > div:first-child > span { display: block; white-space: nowrap; }

.xk-directory__header .xk-directory-search {
	position: absolute;
	top: 50%;
	left: 50%;
	right: auto;
	width: min(520px, 42vw);
	height: 42px;
	margin: -8px 0 0;
	transform: translate(-50%, -50%);
}

.xk-directory__layout { grid-template-columns: minmax(0, 1fr); gap: 28px; width: 100%; justify-content: stretch; }
.xk-directory__layout.has-selection { grid-template-columns: minmax(0, 1fr) 260px; }
.xk-directory__main,
.xk-filter-form,
.xk-profile-grid--directory { width: 100%; min-width: 0; }
.xk-profile-grid--directory { grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 28px 18px; }
.xk-selected-panel { position: relative; top: auto; width: 100%; margin-top: 6px; }
.xk-password-rules { margin: -1px 2px 5px; color: #64748b; font-size: 11px; line-height: 1.4; }

@media (max-width: 1080px) {
	.xk-directory__header { display: grid; grid-template-columns: 1fr; gap: 14px; padding-block: 12px 18px; }
	.xk-directory__header > .xk-directory__identity { justify-content: center; }
	.xk-directory__header .xk-directory-search { position: static; width: min(520px, 100%); margin: 0 auto; transform: none; }
	.xk-directory__layout.has-selection { grid-template-columns: minmax(0, 1fr); }
	.xk-selected-panel { order: -1; max-width: 520px; min-height: 0; margin: 18px auto 22px; }
}

@media (max-width: 760px) {
	.xk-shell,
	.xk-header__top.xk-shell,
	.xk-utility-bar__inner.xk-shell,
	.xk-primary-nav__inner.xk-shell,
	.xk-main > .xk-shell { width: calc(100% - 24px); }
	.xk-directory__header > .xk-directory__identity { gap: 14px; }
	.xk-directory__identity > div:first-child > span { font-size: 13px; }
	.xk-filter-form { margin-inline: 0; }
	.xk-profile-grid--directory { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Petoniki 0.22: full-width filtered results, mapped native ads, and compact sharing. */
.xk-shell,
.xk-header__top.xk-shell,
.xk-utility-bar__inner.xk-shell,
.xk-primary-nav__inner.xk-shell,
.xk-main > .xk-shell {
	box-sizing: border-box;
	width: min(var(--xk-site-width), calc(100% - (var(--xk-page-gutter) * 2)));
	max-width: none;
	margin-inline: auto;
}

.xk-directory__layout,
.xk-directory__layout.has-selection {
	display: grid;
	width: 100%;
	grid-template-columns: minmax(0, 1fr);
	gap: 28px;
	justify-content: stretch;
}

.xk-directory__layout.has-selection { grid-template-columns: minmax(0, 1fr) 260px; }
.xk-directory__results { width: 100%; min-width: 0; }
.xk-directory__results .xk-results-head { width: 100%; }
.xk-directory__results .xk-profile-grid--directory {
	display: grid;
	width: 100%;
	grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
	gap: 28px 18px;
}

.xk-header__top.xk-shell {
	grid-template-columns: minmax(0, 1fr) minmax(400px, 500px) minmax(0, 1fr);
	gap: 24px;
}

.xk-header__top .xk-brand { grid-column: 1; justify-self: start; width: min(360px, 100%); }
.xk-header__top .xk-search-cluster { grid-column: 2; }
.xk-header-ad {
	display: flex;
	grid-column: 3;
	align-items: center;
	justify-content: flex-end;
	width: 100%;
	min-width: 0;
}
.xk-header__top .xk-header-menu { display: none; }

.xk-header-ad .xk-ad-slot {
	width: min(100%, 360px);
	margin: 0;
}
.xk-header-ad .xk-ad-slot__placeholder { min-height: 88px; padding: 18px 12px 10px; }
.xk-ad-slot__placeholder > span { display: none; }
.xk-ad-slot > p:empty { display: none; }
.xk-ad-slot--home_leaderboard .xk-ad-slot__placeholder,
.xk-ad-slot--footer_leaderboard .xk-ad-slot__placeholder {
	height: 88px;
	min-height: 0;
	box-sizing: border-box;
}

.xk-ad-slot--feed {
	width: 100%;
	margin: 0 auto;
	border-radius: 8px;
	background: #fffdf2;
}
.xk-ad-slot--home_guide_feed,
.xk-ad-slot--care_topic_feed,
.xk-ad-slot--other_pet_feed { max-width: 300px; }
.xk-ad-slot--family_topic_feed { max-width: 360px; }
.xk-ad-slot--feed .xk-ad-slot__placeholder {
	height: 88px;
	min-height: 0;
	box-sizing: border-box;
	padding: 18px 10px 10px;
	font-size: 11px;
	line-height: 1.25;
}
.xk-ad-slot--home_guide_feed .xk-ad-slot__placeholder { height: 98px; }
.xk-ad-slot--life_stage_feed .xk-ad-slot__placeholder { height: 78px; }
.xk-ad-slot--family_topic_feed .xk-ad-slot__placeholder { height: 93px; }
.xk-ad-slot--feed .xk-ad-slot__placeholder strong { font-size: 10px; }
.xk-ad-slot--feed .xk-ad-slot__placeholder small { font-size: 9px; }
.xk-ad-slot__placeholder small { white-space: nowrap; }
.xk-ad-slot--life_stage_feed { max-width: 220px; margin-inline: auto; }
.xk-feed-ad-item,
.xk-feeding-card__stories .xk-feed-ad-item,
.xk-life-card .xk-feed-ad-item {
	width: 100%;
	box-sizing: border-box;
	padding: 6px 0;
	border: 0;
	border-bottom: 1px dotted #ddd;
	white-space: normal;
}
.xk-life-card .xk-feed-ad-item {
	overflow: visible;
	padding-block: 4px;
	text-overflow: clip;
}
.xk-family-story--ad {
	display: grid;
	width: 100%;
	min-height: 95px;
	box-sizing: border-box;
	padding: 10px;
	align-items: center;
	grid-template-columns: minmax(0, 1fr);
	gap: 0;
}
.xk-family-care__panel {
	grid-auto-flow: row;
}
.xk-family-care__panel > .xk-family-story {
	width: 100%;
	max-width: none;
	box-sizing: border-box;
	grid-column: auto;
	grid-row: auto;
	align-self: stretch;
	justify-self: stretch;
}
.xk-feed-ad-item > .xk-ad-slot--feed,
.xk-legacy-baike__ad > .xk-ad-slot--feed,
.xk-family-story--ad > .xk-ad-slot--feed {
	width: 100%;
	max-width: none;
	margin-inline: 0;
}
.xk-legacy-baike__ad {
	padding-block: 10px;
	border-bottom: 1px solid #e5e5e5 !important;
}
.xk-other-grid .xk-feed-ad-item {
	padding-block: 6px;
	border-top: 0;
	border-bottom: 1px dashed #d9d9d9;
}

.xk-other-grid .xk-other-card__stories {
	width: auto;
	min-height: 276px;
	margin: 0;
	padding: 18px 22px 22px;
}
.xk-other-grid .xk-other-card__stories li { margin: 0; }

@media (max-width: 760px) {
	.xk-other-grid .xk-other-card__stories {
		min-height: 0;
		padding: 14px 17px 18px;
	}
}

.xk-favorite-form { margin: 0; }
.xk-favorite-button.xk-favorite-button--icon {
	display: inline-grid;
	width: 36px;
	height: 36px;
	min-height: 36px;
	padding: 0;
	place-items: center;
	border-radius: 50%;
}
.xk-profile-actions > p,
.xk-article-actions > p { display: none; }
.xk-profile-share a,
.xk-profile-share button {
	width: 36px;
	height: 36px;
}
.xk-favorite-button--icon .dashicons { margin: 0; }
.xk-favorite-button--icon:hover,
.xk-favorite-button--icon:focus-visible,
.xk-favorite-button--icon.is-saved { background: var(--xk-yellow); }
.xk-article-actions {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin-top: 14px;
}
.xk-article-actions .xk-favorite-form,
.xk-article-actions .xk-favorite-button { margin: 0; }

body.xk-poster-is-open { overflow: hidden; }
.xk-poster-modal {
	position: fixed;
	inset: 0;
	z-index: 100000;
	display: grid;
	padding: 24px;
	place-items: center;
	background: rgb(13 28 32 / 74%);
	backdrop-filter: blur(6px);
}
.xk-poster-modal[hidden] { display: none; }
.xk-poster-modal__panel {
	width: min(440px, 100%);
	padding: 14px;
	border-radius: 20px;
	background: #fff;
	box-shadow: 0 24px 70px rgb(0 0 0 / 28%);
}
.xk-poster-modal__heading {
	display: flex;
	min-height: 40px;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 0 2px 10px 8px;
}
.xk-poster-modal__heading strong { font-size: 17px; }
.xk-poster-modal__heading button {
	position: relative;
	width: 34px;
	height: 34px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: #f2f4f5;
	cursor: pointer;
}
.xk-poster-modal__heading button::before,
.xk-poster-modal__heading button::after {
	position: absolute;
	top: 16px;
	left: 9px;
	width: 16px;
	height: 2px;
	background: #24343b;
	content: "";
	transform: rotate(45deg);
}
.xk-poster-modal__heading button::after { transform: rotate(-45deg); }
.xk-poster-modal__preview {
	position: relative;
	overflow: hidden;
	border-radius: 14px;
	background: #f6f6f6;
}
.xk-poster-modal__preview > img:first-child { display: block; width: 100%; height: auto; }
.xk-poster-modal__qr {
	position: absolute;
	right: 7%;
	bottom: 4.5%;
	width: 20%;
	height: auto;
	padding: 5px;
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 4px 14px rgb(0 0 0 / 18%);
}
.xk-poster-modal__panel > p {
	margin: 10px 0 1px;
	color: #64748b;
	font-size: 12px;
	text-align: center;
}

@media (max-width: 1180px) and (min-width: 961px) {
	.xk-header__top.xk-shell { grid-template-columns: minmax(0, 1fr) minmax(360px, 420px) minmax(0, 1fr); gap: 16px; }
	.xk-header__top .xk-brand { width: min(270px, 100%); }
	.xk-header-ad .xk-ad-slot__placeholder span { display: none; }
}

@media (max-width: 960px) {
	.xk-directory__layout.has-selection { grid-template-columns: minmax(0, 1fr); }
	.xk-selected-panel { order: -1; }
	.xk-header__top.xk-shell { grid-template-columns: minmax(250px, 1fr) minmax(330px, 430px) 44px; grid-template-rows: auto; height: 112px; min-height: 112px; }
	.xk-header__top.xk-shell:has(.xk-header-ad) { grid-template-rows: auto auto; height: 222px; min-height: 222px; }
	.xk-header__top .xk-header-menu { display: grid; grid-column: 3; grid-row: 1; place-items: center; }
	.xk-header-ad { grid-column: 1 / -1; grid-row: 2; justify-content: center; }
}

@media (max-width: 760px) {
	.xk-header__top.xk-shell { grid-template-columns: minmax(0, 1fr) 42px; grid-template-rows: auto auto; height: 148px; min-height: 148px; }
	.xk-header__top.xk-shell:has(.xk-header-ad) { grid-template-rows: auto auto auto; height: 258px; min-height: 258px; }
	.xk-header__top .xk-header-menu { grid-column: 2; grid-row: 1; }
	.xk-header__top .xk-search-cluster { grid-column: 1 / -1; grid-row: 2; }
	.xk-header-ad { grid-column: 1 / -1; grid-row: 3; }
	.xk-header-ad .xk-ad-slot__placeholder { min-height: 98px; }
	.xk-ad-slot--home_leaderboard .xk-ad-slot__placeholder,
	.xk-ad-slot--footer_leaderboard .xk-ad-slot__placeholder { height: 98px; }
	.xk-ad-slot--home_guide_feed .xk-ad-slot__placeholder,
	.xk-ad-slot--family_topic_feed .xk-ad-slot__placeholder { height: 88px; }
	.xk-ad-slot--home_guide_feed,
	.xk-ad-slot--care_topic_feed,
	.xk-ad-slot--family_topic_feed,
	.xk-ad-slot--other_pet_feed { max-width: 280px; }
	.xk-directory__results .xk-profile-grid--directory { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.xk-poster-modal { padding: 12px; }
}

/* Petoniki 0.23: card hit targets and full-width species menu panels. */
.xk-profile-grid--home .xk-profile-card__quick {
	pointer-events: none;
}

.xk-profile-grid--home .xk-profile-card__quick a {
	justify-self: center;
	width: min(82px, 100%);
	min-height: 58px;
	pointer-events: none;
}

.xk-profile-grid--home .xk-profile-card:hover .xk-profile-card__quick a,
.xk-profile-grid--home .xk-profile-card:has(:focus-visible) .xk-profile-card__quick a {
	pointer-events: auto;
}

@media (min-width: 961px) {
	.xk-primary-nav {
		position: relative;
		overflow: visible;
	}

	.xk-primary-nav.is-filter-panel-open .xk-primary-menu > li:first-child > a {
		background: transparent;
		color: #222;
	}

	.xk-primary-menu > li[data-xk-nav-species].is-filter-open > a,
	.xk-primary-menu > li[data-xk-nav-species].is-filter-open.current-menu-item > a,
	.xk-primary-menu > li[data-xk-nav-species].is-filter-open.current-menu-ancestor > a {
		background: #222;
		color: #fff;
	}

	.xk-primary-menu > li[data-xk-nav-species] > a::after,
	.xk-primary-menu > li[data-xk-nav-species] > a > span[aria-hidden="true"] {
		transition: transform .24s ease;
	}

	.xk-primary-menu > li[data-xk-nav-species].is-filter-open > a::after,
	.xk-primary-menu > li[data-xk-nav-species].is-filter-open > a > span[aria-hidden="true"] {
		transform: rotate(180deg);
	}

	.xk-nav-filter-panel {
		position: absolute;
		top: 100%;
		left: 0;
		z-index: 80;
		width: 100%;
		background: #222;
		box-shadow: 0 15px 28px rgb(0 0 0 / 18%);
	}

	.xk-nav-filter-panel[hidden],
	.xk-nav-filter-panel__species[hidden] {
		display: none !important;
	}

	.xk-nav-filter-panel__species.xk-shell {
		display: grid;
		gap: 13px;
		width: min(var(--xk-header-max), calc(100% - var(--xk-header-gutter)));
		padding: 28px 0 23px;
	}

	.xk-nav-filter-row {
		display: grid;
		grid-template-columns: 108px minmax(0, 1fr);
		align-items: start;
		min-height: 28px;
	}

	.xk-nav-filter-row > strong {
		padding-top: 4px;
		color: #fff;
		font-size: 14px;
		font-weight: 650;
		line-height: 20px;
	}

	.xk-nav-filter-row > div {
		display: flex;
		flex-wrap: wrap;
		gap: 9px 12px;
	}

	.xk-nav-filter-row a {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-width: 76px;
		height: 28px;
		padding: 0 14px;
		border-radius: 8px;
		background: #3d3d3d;
		color: #c7c7c7;
		font-size: 13px;
		line-height: 28px;
		transition: background-color .15s ease, color .15s ease, transform .15s ease;
	}

	.xk-nav-filter-row a:hover,
	.xk-nav-filter-row a:focus-visible {
		background: var(--xk-yellow);
		color: #222;
		transform: translateY(-1px);
	}

	.xk-nav-filter-panel__footer {
		display: flex;
		flex-wrap: wrap;
		gap: 12px 58px;
		margin-top: 6px;
		padding: 20px 0 0 108px;
		border-top: 1px solid #3d3d3d;
	}

	.xk-nav-filter-panel__footer a {
		color: #fff;
		font-size: 14px;
	}

	.xk-nav-filter-panel__footer a:hover,
	.xk-nav-filter-panel__footer a:focus-visible {
		color: var(--xk-yellow);
	}
}

/* Petoniki 0.23.5: compact directory rhythm and homepage-scale result cards. */
.xk-directory-page {
	padding-block: 0;
}

.xk-directory {
	padding: 12px 0 40px;
}

.xk-directory__header {
	min-height: 72px;
	padding-bottom: 10px;
}

.xk-ad-slot--directory_leaderboard {
	margin-block: 14px;
}

.xk-directory__main > p:empty,
.xk-directory__layout > p:empty {
	display: none;
	margin: 0;
}

.xk-filter-form {
	padding: 4px 0 8px;
}

.xk-filter-row {
	display: flex;
	align-items: flex-start;
}

.xk-filter-row__label {
	flex: 0 0 116px;
	width: 116px;
	min-width: 116px;
	padding: 11px 0 0;
	color: #222;
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
}

.xk-results-head {
	margin: 8px 0 18px;
	padding-top: 12px;
}

.xk-directory__results .xk-profile-grid--directory {
	gap: 28px 24px;
}

@media (min-width: 961px) {
	.xk-directory__results .xk-profile-grid--directory {
		grid-template-columns: repeat(4, minmax(0, calc(33.333333% - 150px)));
		justify-content: center;
	}

	.xk-directory__results .xk-profile-card__media {
		height: clamp(160px, 12.4vw, 190px);
	}
}

@media (max-width: 960px) and (min-width: 761px) {
	.xk-directory__results .xk-profile-grid--directory {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 760px) {
	.xk-directory {
		padding-top: 8px;
	}

	.xk-directory__header {
		min-height: 0;
	}

	.xk-filter-row {
		display: block;
	}

	.xk-filter-row__label {
		display: block;
		width: auto;
		min-width: 0;
		padding: 0 0 7px;
	}

	.xk-directory__results .xk-profile-grid--directory {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 18px 10px;
	}
}

@media (max-width: 960px) {
	.xk-nav-filter-panel { display: none !important; }
}

/* Petoniki 0.23.6: administrator-selected three-card homepage carousels. */
.xk-card-carousel {
	--xk-carousel-columns: 3;
	--xk-carousel-gap: 36px;
	--xk-carousel-gap-total: 72px;
	position: relative;
	min-width: 0;
}

.xk-card-carousel__viewport {
	width: 100%;
	min-width: 0;
	overflow-x: auto;
	overflow-y: hidden;
	border-radius: 12px;
	cursor: grab;
	scroll-behavior: smooth;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	touch-action: pan-y;
}

.xk-card-carousel__viewport::-webkit-scrollbar {
	display: none;
}

.xk-card-carousel__viewport:focus-visible {
	outline: 3px solid rgb(255 216 0 / 48%);
	outline-offset: 4px;
}

.xk-card-carousel__viewport.is-dragging {
	cursor: grabbing;
	scroll-behavior: auto;
	scroll-snap-type: none;
	user-select: none;
}

.xk-card-carousel__viewport.is-dragging a,
.xk-card-carousel__viewport.is-dragging img {
	pointer-events: none;
}

.xk-card-carousel__track.xk-feeding-topics,
.xk-card-carousel__track.xk-other-grid {
	display: grid;
	width: 100%;
	grid-template-columns: none;
	grid-auto-flow: column;
	grid-auto-columns: calc((100% - var(--xk-carousel-gap-total)) / var(--xk-carousel-columns));
	gap: var(--xk-carousel-gap);
	align-items: stretch;
}

.xk-card-carousel__track > article {
	min-width: 0;
	scroll-snap-align: start;
	scroll-snap-stop: always;
}

.xk-card-carousel__arrow {
	position: absolute;
	top: 50%;
	z-index: 4;
	display: grid;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 1px solid #d7b800;
	border-radius: 50%;
	place-items: center;
	background: var(--xk-yellow);
	box-shadow: 0 5px 16px rgb(45 39 13 / 20%);
	color: #202020;
	cursor: pointer;
	font: inherit;
	font-size: 34px;
	line-height: 1;
	transform: translateY(-50%);
	transition: background-color .16s ease, color .16s ease, opacity .16s ease, transform .16s ease;
}

.xk-card-carousel__arrow span {
	display: block;
	margin-top: -3px;
}

.xk-card-carousel__arrow--prev {
	left: -22px;
}

.xk-card-carousel__arrow--next {
	right: -22px;
}

.xk-card-carousel__arrow:hover,
.xk-card-carousel__arrow:focus-visible {
	background: #222;
	color: #fff;
	transform: translateY(-50%) scale(1.06);
}

.xk-card-carousel__arrow:focus-visible {
	outline: 3px solid rgb(255 216 0 / 45%);
	outline-offset: 3px;
}

.xk-card-carousel__arrow:disabled {
	opacity: .38;
	cursor: default;
	transform: translateY(-50%);
}

@media (max-width: 960px) {
	.xk-card-carousel {
		--xk-carousel-columns: 2;
		--xk-carousel-gap: 22px;
		--xk-carousel-gap-total: 22px;
	}

	.xk-card-carousel__arrow--prev { left: 4px; }
	.xk-card-carousel__arrow--next { right: 4px; }
}

@media (max-width: 640px) {
	.xk-card-carousel {
		--xk-carousel-columns: 1;
		--xk-carousel-gap: 16px;
		--xk-carousel-gap-total: 0px;
	}

	.xk-card-carousel__arrow {
		width: 38px;
		height: 38px;
		font-size: 30px;
	}
}

/* Petoniki 0.24: final ten-locale language-control overrides. */
.xk-language-dropdown summary > span.xk-language-code {
	display: inline-block;
	font-size: 14px;
	white-space: nowrap;
}
.xk-language-dropdown summary > span.xk-language-code::after { content: none !important; }
.xk-language-dropdown__menu,
.xk-utility-bar .xk-language-dropdown__menu {
	width: max-content;
	min-width: 210px;
	max-width: min(280px, calc(100vw - 24px));
	max-height: min(520px, calc(100vh - 72px));
	overflow-y: auto;
}
.xk-language-dropdown__menu .xk-flag {
	display: inline-flex;
	flex: 0 0 27px;
	align-items: center;
	justify-content: center;
	width: 27px;
	height: 20px;
	border: 0;
	background: transparent;
	box-shadow: none;
	font-size: 21px;
	line-height: 1;
	overflow: visible;
}
.xk-language-dropdown__menu a,
.xk-utility-bar .xk-language-dropdown__menu a {
	grid-template-columns: 27px minmax(0, 1fr);
	justify-content: stretch;
}
.xk-language-dropdown__menu a > span:last-child {
	min-width: 0;
	overflow: hidden;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.xk-profile-card h3 a { text-overflow: ellipsis; }

/* Petoniki 0.26: configurable Choose Your Pet finder. */
.xk-utility-bar .xk-language-dropdown__menu a,
.xk-language-dropdown__menu a {
	grid-template-columns: 23px minmax(0, 1fr);
	justify-content: stretch;
	gap: 4px;
}

.xk-utility-bar .xk-language-dropdown__menu a > span:last-child,
.xk-language-dropdown__menu a > span:last-child {
	text-align: left;
}

.xk-legacy-selector.xk-pet-finder {
	position: relative;
	margin: 0 0 24px;
	padding: 18px 18px 0;
	border: 1px solid #f0d7bd;
	border-radius: 22px;
	background:
		radial-gradient(circle at 8% 0, rgb(255 132 42 / 7%), transparent 27%),
		linear-gradient(180deg, #fffdf9 0%, #fff 100%);
	box-shadow: 0 9px 26px rgb(72 43 18 / 6%);
	text-align: left;
}

.xk-pet-finder__header {
	display: grid;
	grid-template-columns: minmax(230px, .8fr) minmax(0, 2.4fr);
	align-items: center;
	gap: 22px;
	padding: 0 2px 14px;
}

.xk-pet-finder__heading {
	display: flex;
	align-items: center;
	gap: 11px;
	min-width: 0;
}

.xk-pet-finder__paw {
	flex: 0 0 auto;
	font-size: 34px;
	line-height: 1;
	filter: saturate(1.3);
}

.xk-pet-finder__heading > span:last-child {
	display: grid;
	gap: 2px;
	min-width: 0;
}

.xk-pet-finder__heading strong {
	color: #17272a;
	font-size: clamp(19px, 1.5vw, 26px);
	line-height: 1.1;
}

.xk-pet-finder__heading small {
	color: #7d756d;
	font-size: 12px;
	line-height: 1.35;
}

.xk-pet-finder__species {
	position: relative;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	min-width: 0;
}

.xk-pet-finder__viewport {
	grid-column: 2;
	min-width: 0;
	overflow-x: auto;
	overflow-y: hidden;
	scroll-behavior: smooth;
	scroll-snap-type: x proximity;
	scrollbar-width: none;
}

.xk-pet-finder__viewport::-webkit-scrollbar { display: none; }

.xk-pet-finder__track {
	display: flex;
	gap: 10px;
	min-width: 100%;
}

.xk-pet-finder__species-button {
	display: inline-flex;
	flex: 0 0 var(--xk-species-basis, calc(20% - 8px));
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-width: 102px;
	height: 42px;
	padding: 6px 12px;
	border: 1px solid #eadcca;
	border-radius: 999px;
	background: #fff;
	color: #494743;
	box-shadow: 0 3px 9px rgb(82 53 27 / 4%);
	cursor: pointer;
	scroll-snap-align: start;
	transition: border-color .2s ease, background .2s ease, color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.xk-pet-finder__species-button span {
	font-size: 21px;
	line-height: 1;
}

.xk-pet-finder__species-button em {
	min-width: 0;
	overflow: hidden;
	font-size: 13px;
	font-style: normal;
	font-weight: 700;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.xk-pet-finder__species-button:hover,
.xk-pet-finder__species-button:focus-visible {
	border-color: #ff7b28;
	box-shadow: 0 5px 14px rgb(255 105 28 / 15%);
	transform: translateY(-1px);
}

.xk-pet-finder__species-button.is-active {
	border-color: #ff651b;
	background: linear-gradient(135deg, #ff7c25, #ff5d13);
	color: #fff;
	box-shadow: 0 8px 18px rgb(255 95 19 / 25%);
}

.xk-pet-finder__arrow {
	display: grid;
	place-items: center;
	z-index: 2;
	width: 31px;
	height: 38px;
	padding: 0;
	border: 0;
	background: transparent;
	color: #0d736d;
	font-size: 30px;
	line-height: 1;
	cursor: pointer;
}

.xk-pet-finder__arrow[hidden] { display: none; }
.xk-pet-finder__arrow:disabled { color: #c8c4bc; cursor: default; }
.xk-pet-finder__arrow--prev { grid-column: 1; }
.xk-pet-finder__arrow--next { grid-column: 3; }

.xk-pet-finder__scroll-hint {
	grid-column: 1 / -1;
	margin: 5px 0 -8px;
	color: #82776d;
	font-size: 11px;
	text-align: center;
}

.xk-pet-finder__scroll-hint[hidden] { display: none; }

.xk-pet-finder__filters {
	margin-inline: -18px;
	border-top: 1px solid #f0d7bd;
	border-radius: 18px;
	background: rgb(255 255 255 / 72%);
	overflow: hidden;
}

.xk-pet-finder__panel[hidden],
.xk-pet-finder__filter-row[hidden] { display: none; }

.xk-pet-finder__filter-row {
	display: grid;
	grid-template-columns: minmax(145px, .65fr) minmax(0, 4fr);
	align-items: center;
	gap: 18px;
	min-height: 56px;
	padding: 9px 18px;
	border-bottom: 1px solid #f4e8dc;
}

.xk-pet-finder__filter-label {
	display: flex;
	align-items: center;
	gap: 9px;
	color: #405e59;
}

.xk-pet-finder__filter-label span {
	display: grid;
	place-items: center;
	width: 24px;
	height: 24px;
	color: #278679;
	font-size: 18px;
	line-height: 1;
}

.xk-pet-finder__filter-label strong {
	font-size: 13px;
	line-height: 1.25;
}

.xk-pet-finder__options {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
}

.xk-pet-finder__options a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 80px;
	min-height: 31px;
	padding: 5px 14px;
	border: 1px solid #eee3d7;
	border-radius: 8px;
	background: #fff;
	color: #4d4a46;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.2;
	transition: border-color .18s ease, background .18s ease, color .18s ease;
}

.xk-pet-finder__options a:hover,
.xk-pet-finder__options a:focus-visible {
	border-color: #2e8c7e;
	background: #effaf6;
	color: #12685f;
}

.xk-pet-finder__more {
	display: flex;
	justify-content: flex-end;
	padding: 10px 18px 14px;
}

.xk-pet-finder__more button {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 38px;
	padding: 7px 17px;
	border: 1px solid #62a69a;
	border-radius: 10px;
	background: #fff;
	color: #23776d;
	font-size: 13px;
	font-weight: 700;
	cursor: pointer;
}

.xk-pet-finder__more button:hover,
.xk-pet-finder__more button:focus-visible { background: #effaf6; }

.xk-pet-finder__empty {
	display: grid;
	place-items: center;
	min-height: 240px;
	margin: 0;
	padding: 24px;
	border: 1px dashed #d7d9d6;
	border-radius: 12px;
	color: #6e7775;
	text-align: center;
}

@media (max-width: 960px) {
	.xk-pet-finder__header { grid-template-columns: 1fr; gap: 14px; }
	.xk-pet-finder__species-button { flex-basis: min(160px, 33vw); }
	.xk-pet-finder__filter-row { grid-template-columns: minmax(120px, .75fr) minmax(0, 3fr); }
}

@media (max-width: 600px) {
	.xk-legacy-selector.xk-pet-finder { margin-inline: -6px; padding: 15px 13px 0; border-radius: 17px; }
	.xk-pet-finder__heading { align-items: flex-start; }
	.xk-pet-finder__paw { font-size: 29px; }
	.xk-pet-finder__heading strong { font-size: 20px; }
	.xk-pet-finder__species-button { flex-basis: min(148px, 47vw); min-width: 116px; }
	.xk-pet-finder__filters { margin-inline: -13px; }
	.xk-pet-finder__filter-row { grid-template-columns: 1fr; gap: 8px; padding: 12px 13px; }
	.xk-pet-finder__filter-label { position: sticky; left: 0; }
	.xk-pet-finder__options { flex-wrap: nowrap; padding-bottom: 3px; overflow-x: auto; scrollbar-width: thin; }
	.xk-pet-finder__options a { flex: 0 0 auto; }
	.xk-pet-finder__more { padding-inline: 13px; }
}

/* Petoniki 0.24.1: advertising must preserve the surrounding content rhythm. */
.xk-ad-slot--article_sidebar,
.xk-ad-slot--archive_sidebar {
	width: 100%;
	max-width: none;
	box-sizing: border-box;
	margin-inline: 0;
}

.xk-article-sidebar > .xk-ad-slot--article_sidebar,
.xk-article-sidebar > .xk-ad-slot--archive_sidebar {
	min-height: 250px;
	padding: 0;
	border: 0;
	background: var(--xk-white);
}

.xk-article-sidebar > .xk-ad-slot--article_sidebar .xk-ad-slot__placeholder,
.xk-article-sidebar > .xk-ad-slot--archive_sidebar .xk-ad-slot__placeholder {
	min-height: 250px;
}

@media (min-width: 961px) {
	.xk-legacy-baike header { height: 100px; }
	.xk-legacy-baike ul {
		min-height: 0;
		padding-block: 12px;
	}
	.xk-legacy-baike li {
		min-height: 0;
		padding-block: 7px;
		overflow: hidden;
	}
	.xk-legacy-baike li > a {
		height: 91px;
		overflow: hidden;
	}
	.xk-legacy-baike h3 {
		display: -webkit-box;
		overflow: hidden;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}
	.xk-legacy-baike li.xk-legacy-baike__ad { padding-block: 0; }
}

@media (max-width: 760px) {
	.xk-header__top .xk-brand,
	.xk-header__top .xk-brand > span,
	.xk-header__top .xk-brand > span small {
		max-width: 100%;
	}

	.xk-header__top .xk-brand > span small { width: 100%; }

	.xk-utility-bar .xk-language-dropdown__menu {
		right: -8px;
		left: auto;
		width: min(210px, calc(100vw - 24px));
		min-width: 0;
		transform: none;
	}
}

@media (min-width: 961px) {
	.xk-primary-menu > li,
	.xk-primary-menu > li:last-child {
		grid-template-columns: max-content minmax(0, 1fr);
	}

	.xk-primary-menu > li > a {
		width: auto;
		white-space: nowrap;
	}

	.xk-primary-menu > li:first-child > a {
		width: max-content;
		min-width: 72px;
	}

	.xk-primary-menu .sub-menu a {
		min-width: 0;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
}

@media (min-width: 1181px) {
	.xk-primary-menu {
		flex: 0 1 1200px;
		grid-template-columns: max-content minmax(0, 1.15fr) minmax(0, 1.1fr) minmax(0, 1fr);
		width: min(1200px, 100%);
	}
}

@media (max-width: 760px) {
	.xk-directory__header > div.xk-directory__identity {
		width: 100%;
		min-width: 0;
	}

	.xk-profile-summary dl > div {
		grid-template-columns: minmax(126px, 45%) minmax(0, 1fr);
	}

	.xk-profile-summary dt {
		width: auto;
		min-width: 0;
		font-size: 13px;
	}
}

/* Keep the profile redesign authoritative after legacy compatibility layers. */
.xk-profile-page .xk-profile-hero {
	grid-template-columns: minmax(0, .9fr) minmax(420px, 1.1fr);
	align-items: stretch;
	gap: 36px;
	min-height: 456px;
	padding: 0;
}

.xk-profile-page .xk-profile-photo {
	align-self: stretch;
	width: auto;
	height: auto;
}

.xk-profile-page .xk-rating-grid {
	padding-top: 26px;
	border-top-color: var(--xk-profile-line);
}

@media (max-width: 1180px) {
	.xk-profile-page .xk-profile-hero {
		grid-template-columns: minmax(0, .9fr) minmax(360px, 1.1fr);
		gap: 24px;
		padding: 0;
	}

	.xk-profile-page .xk-profile-photo { width: auto; }
}

@media (max-width: 760px) {
	.xk-profile-page .xk-profile-hero {
		grid-template-columns: 1fr;
		gap: 0;
		min-height: 0;
		padding: 0;
	}

	.xk-profile-page .xk-profile-photo {
		width: auto;
		height: auto;
	}
}

/* Petoniki 0.24.2: compact, settings-driven footer. */
.xk-footer {
	height: auto;
	min-height: 0;
	padding-top: 0;
	border-top: 1px solid #dce4df;
	background: #fbf8f1;
	color: #506477;
}

.xk-footer .xk-footer__grid {
	display: grid;
	grid-template-columns: minmax(190px, 1.15fr) minmax(120px, .7fr) minmax(170px, .9fr) minmax(210px, 1.05fr) minmax(300px, 1.45fr);
	grid-template-rows: max-content;
	grid-auto-rows: max-content;
	gap: clamp(24px, 3vw, 58px);
	align-items: start;
	align-content: start;
	height: auto;
	min-height: 0;
	padding-block: 24px 18px;
}

.xk-footer .xk-footer__grid > * {
	align-self: start;
	min-height: 0;
}

/* WordPress may append an empty paragraph to shortcode output; it must not create an implicit grid row. */
.xk-footer .xk-footer__grid > p:empty { display: none; }

.xk-footer a {
	color: #455b70;
	text-decoration: none;
}

.xk-footer a:hover,
.xk-footer a:focus-visible {
	color: var(--xk-orange);
}

.xk-footer-brand__identity {
	display: inline-flex;
	align-items: center;
	gap: 9px;
}

.xk-footer .xk-footer-brand__identity img,
.xk-footer .xk-footer-brand img {
	width: 42px;
	height: 42px;
	margin: 0;
	padding: 0;
	border-radius: 0;
	background: transparent;
	object-fit: contain;
}

.xk-footer .xk-footer-brand__identity strong {
	display: block;
	color: #0b2f4a;
	font-size: 28px;
	line-height: 1;
}

.xk-footer .xk-footer-brand > p {
	max-width: 230px;
	margin: 10px 0 14px;
	color: #52687a;
	font-size: 13px;
	line-height: 1.5;
}

.xk-footer .xk-footer__grid h2 {
	margin: 2px 0 11px;
	color: #0b2f4a;
	font-size: 14px;
	font-weight: 750;
	line-height: 1.25;
}

.xk-footer-links a {
	display: block;
	width: fit-content;
	padding: 3px 0;
	font-size: 13px;
	line-height: 1.45;
}

.xk-footer .xk-footer-newsletter p {
	margin: 0 0 13px;
	color: #52687a;
	font-size: 13px;
	line-height: 1.5;
}

.xk-footer .xk-newsletter-form {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 8px;
}

.xk-footer .xk-newsletter-form input,
.xk-footer .xk-newsletter-form button {
	height: 40px;
	border-radius: 20px;
}

.xk-footer .xk-newsletter-form input {
	min-width: 0;
	border-color: #ccd7df;
	background: #fff;
}

.xk-footer .xk-newsletter-form button {
	padding-inline: 19px;
	background: var(--xk-orange);
	color: #fff;
}

.xk-footer .xk-newsletter-form .xk-form-message {
	grid-column: 1 / -1;
}

.xk-footer .xk-newsletter-form .xk-form-message:empty { display: none; }

.xk-footer-social {
	width: fit-content;
	max-width: 142px;
}

.xk-footer-social .xk-social {
	display: grid;
	grid-template-columns: repeat(5, 22px);
	gap: 9px 8px;
	align-items: center;
}

.xk-footer-social .xk-social-link {
	display: grid;
	place-items: center;
	width: 22px;
	height: 22px;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.xk-footer-social .xk-social-link:hover,
.xk-footer-social .xk-social-link:focus-visible {
	color: var(--xk-orange);
	box-shadow: none;
	transform: translateY(-1px);
}

.xk-footer-social .xk-social-mark {
	width: 18px;
	height: 18px;
	border-radius: 4px;
	background: #0b2f4a;
	color: #fff;
	box-shadow: none;
}

.xk-footer-social .xk-social-link:hover .xk-social-mark,
.xk-footer-social .xk-social-link:focus-visible .xk-social-mark {
	background: var(--xk-orange);
}

.xk-footer-social .xk-social-link--youtube .xk-social-mark {
	width: 21px;
	height: 15px;
	border-radius: 4px;
	background: #0b2f4a;
}

.xk-footer-social .xk-social-link--instagram .xk-social-mark {
	border: 2px solid #0b2f4a;
	border-radius: 5px;
	background: transparent;
}

.xk-footer-social .xk-social-link--instagram .xk-social-mark::before {
	width: 8px;
	height: 8px;
	border-color: #0b2f4a;
}

.xk-footer-social .xk-social-link--instagram .xk-social-mark::after {
	top: 3px;
	right: 3px;
	width: 3px;
	height: 3px;
	background: #0b2f4a;
}

.xk-footer-social .xk-social-link--instagram:hover .xk-social-mark,
.xk-footer-social .xk-social-link--instagram:focus-visible .xk-social-mark {
	border-color: var(--xk-orange);
	background: transparent;
}

.xk-footer-social .xk-social-link--instagram:hover .xk-social-mark::before,
.xk-footer-social .xk-social-link--instagram:focus-visible .xk-social-mark::before {
	border-color: var(--xk-orange);
}

.xk-footer-social .xk-social-link--instagram:hover .xk-social-mark::after,
.xk-footer-social .xk-social-link--instagram:focus-visible .xk-social-mark::after {
	background: var(--xk-orange);
}

.xk-footer__bottom {
	display: block;
	height: auto;
	min-height: 0;
	padding-block: 12px;
	border-top: 1px solid #dce4df;
	color: #647487;
	font-size: 12px;
	line-height: 1.45;
	text-align: center;
}

@media (max-width: 1180px) {
	.xk-footer .xk-footer__grid {
		grid-template-columns: minmax(190px, 1fr) repeat(3, minmax(150px, .8fr));
	}

	.xk-footer-newsletter { grid-column: 1 / -1; }
	.xk-footer .xk-newsletter-form { max-width: 620px; }
}

@media (max-width: 760px) {
	.xk-footer .xk-footer__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 25px 22px;
		padding-block: 26px 24px;
	}

	.xk-footer-brand,
	.xk-footer-newsletter { grid-column: 1 / -1; }
}

@media (max-width: 480px) {
	.xk-footer .xk-footer__grid { grid-template-columns: 1fr; }
	.xk-footer-brand,
	.xk-footer-newsletter { grid-column: auto; }
	.xk-footer .xk-newsletter-form { grid-template-columns: 1fr; }
	.xk-footer .xk-newsletter-form button { width: 100%; }
}

/* Homepage slider: exact-ratio artwork with no overlay gradient or cropped subject. */
.xk-legacy-slider,
.xk-legacy-slider__stage,
.xk-legacy-slide {
	height: clamp(300px, 28.125vw, 540px);
}

.xk-legacy-slider,
.xk-legacy-slider__stage {
	background: #f7d0ab;
}

.xk-legacy-slider__stage {
	position: absolute;
	inset: 0;
}

.xk-legacy-slide {
	position: absolute;
	inset: 0;
	z-index: 0;
	display: grid;
	grid-template-columns: 1fr;
	align-items: center;
	padding: 0 clamp(70px, 7.25vw, 140px);
	overflow: hidden;
	background: #f7d0ab;
	isolation: isolate;
}

.xk-legacy-slide:nth-child(2) { background: #a3aa8d; }
.xk-legacy-slide:nth-child(3) { background: #bed8ef; }
.xk-legacy-slide:nth-child(4) { background: #cfbdea; }
.xk-legacy-slide[hidden] { display: none; }
.xk-legacy-slide::after { content: none; }

.xk-legacy-slide.is-active { z-index: 1; }

.xk-legacy-slide.is-entering-right,
.xk-legacy-slide.is-entering-left,
.xk-legacy-slide.is-leaving-left,
.xk-legacy-slide.is-leaving-right {
	display: grid;
	will-change: opacity, transform;
}

.xk-legacy-slide.is-entering-right,
.xk-legacy-slide.is-entering-left {
	z-index: 2;
}

.xk-legacy-slide.is-leaving-left,
.xk-legacy-slide.is-leaving-right {
	z-index: 1;
	pointer-events: none;
}

.xk-legacy-slide.is-entering-right { animation: xk-slider-enter-right .52s cubic-bezier(.22, .7, .24, 1) both; }
.xk-legacy-slide.is-entering-left { animation: xk-slider-enter-left .52s cubic-bezier(.22, .7, .24, 1) both; }
.xk-legacy-slide.is-leaving-left { animation: xk-slider-leave-left .52s cubic-bezier(.22, .7, .24, 1) both; }
.xk-legacy-slide.is-leaving-right { animation: xk-slider-leave-right .52s cubic-bezier(.22, .7, .24, 1) both; }

@keyframes xk-slider-enter-right {
	from { opacity: .35; transform: translate3d(8%, 0, 0); }
	to { opacity: 1; transform: translate3d(0, 0, 0); }
}

@keyframes xk-slider-enter-left {
	from { opacity: .35; transform: translate3d(-8%, 0, 0); }
	to { opacity: 1; transform: translate3d(0, 0, 0); }
}

@keyframes xk-slider-leave-left {
	from { opacity: 1; transform: translate3d(0, 0, 0); }
	to { opacity: .15; transform: translate3d(-6%, 0, 0); }
}

@keyframes xk-slider-leave-right {
	from { opacity: 1; transform: translate3d(0, 0, 0); }
	to { opacity: .15; transform: translate3d(6%, 0, 0); }
}

.xk-legacy-slider__arrow,
.xk-legacy-slider__dots {
	z-index: 4;
}

.xk-legacy-slide__copy {
	position: relative;
	z-index: 2;
	width: min(40vw, 620px);
	max-width: 620px;
}

.xk-legacy-slide__visual {
	position: absolute;
	inset: 0;
	z-index: 0;
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	overflow: hidden;
	pointer-events: none;
}

.xk-legacy-slide__visual picture {
	display: block;
	width: 100%;
	height: 100%;
}

.xk-legacy-slide__image {
	display: block;
	width: 100%;
	max-width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

@media (max-width: 960px) and (min-width: 641px) {
	.xk-legacy-slide { padding-inline: 58px; }
	.xk-legacy-slide__copy { width: min(44vw, 430px); }
	.xk-legacy-slide__copy h1,
	.xk-legacy-slide__copy h2 { font-size: clamp(25px, 3.1vw, 30px); }
}

@media (max-width: 640px) {
	.xk-legacy-slider,
	.xk-legacy-slider__stage,
	.xk-legacy-slide {
		height: min(138.667vw, 720px);
	}

	.xk-legacy-slide {
		align-items: start;
		padding: clamp(26px, 8vw, 50px) 42px 28px;
		text-align: center;
	}

	.xk-legacy-slide__copy {
		width: 100%;
		max-width: 500px;
		margin-inline: auto;
	}

	.xk-legacy-slide__copy h1,
	.xk-legacy-slide__copy h2 {
		margin-top: 9px;
		font-size: clamp(23px, 6.4vw, 28px);
	}

	.xk-legacy-slide__copy p {
		margin-bottom: 12px;
		font-size: 13px;
	}

	.xk-legacy-slide__image {
		object-fit: cover;
		object-position: center;
	}
}

@media (prefers-reduced-motion: reduce) {
	.xk-legacy-slide.is-entering-right,
	.xk-legacy-slide.is-entering-left,
	.xk-legacy-slide.is-leaving-left,
	.xk-legacy-slide.is-leaving-right {
		animation: none;
	}
}

/* Dog breed ratings: compact minimal F bones in the Petoniki palette. */
.xk-rating-meter--bones {
	gap: 3px;
	width: 100%;
	max-width: 152px;
}

.xk-rating-meter--bones i,
.xk-rating-meter--bones i.is-filled {
	--xk-bone-fill: #e3e9e5;
	position: relative;
	height: 18px;
	border-radius: 0;
	background: transparent;
}

.xk-rating-meter--bones i.is-filled {
	--xk-bone-fill: #2f7654;
}

.xk-rating-meter--bones i::before {
	position: absolute;
	inset: 1px 0;
	background: var(--xk-bone-fill);
	content: "";
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 50'%3E%3Cpath d='M17 6C11 6 6 11 6 17c0 3 1.4 5.8 3.7 7.8C7.4 26.8 6 29.7 6 33c0 6 5 11 11 11 4.4 0 8.2-2.6 10-6.3h46c1.8 3.7 5.6 6.3 10 6.3 6 0 11-5 11-11 0-3.3-1.4-6.2-3.7-8.2A10.9 10.9 0 0 0 94 17c0-6-5-11-11-11-4.4 0-8.2 2.6-10 6.3H27C25.2 8.6 21.4 6 17 6Z'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 50'%3E%3Cpath d='M17 6C11 6 6 11 6 17c0 3 1.4 5.8 3.7 7.8C7.4 26.8 6 29.7 6 33c0 6 5 11 11 11 4.4 0 8.2-2.6 10-6.3h46c1.8 3.7 5.6 6.3 10 6.3 6 0 11-5 11-11 0-3.3-1.4-6.2-3.7-8.2A10.9 10.9 0 0 0 94 17c0-6-5-11-11-11-4.4 0-8.2 2.6-10 6.3H27C25.2 8.6 21.4 6 17 6Z'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
}

.xk-rating-meter--bones i::after {
	display: none;
}

/* Cat breed ratings: compact four-toe A paw prints in the Petoniki palette. */
.xk-rating-meter--paws {
	gap: 4px;
	width: 100%;
	max-width: 152px;
}

.xk-rating-meter--paws i,
.xk-rating-meter--paws i.is-filled {
	--xk-paw-fill: #e3e9e5;
	position: relative;
	height: 22px;
	border-radius: 0;
	background: transparent;
}

.xk-rating-meter--paws i.is-filled {
	--xk-paw-fill: #2f7654;
}

.xk-rating-meter--paws i::before {
	position: absolute;
	inset: 0;
	background: var(--xk-paw-fill);
	content: "";
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cellipse cx='13' cy='23' rx='6' ry='9' transform='rotate(-22 13 23)'/%3E%3Cellipse cx='26' cy='14' rx='6' ry='9' transform='rotate(-6 26 14)'/%3E%3Cellipse cx='38' cy='14' rx='6' ry='9' transform='rotate(6 38 14)'/%3E%3Cellipse cx='51' cy='23' rx='6' ry='9' transform='rotate(22 51 23)'/%3E%3Cpath d='M14 49c0-9 9-20 18-21 9 1 18 12 18 21 0 7-7 10-18 7-11 3-18 0-18-7Z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cellipse cx='13' cy='23' rx='6' ry='9' transform='rotate(-22 13 23)'/%3E%3Cellipse cx='26' cy='14' rx='6' ry='9' transform='rotate(-6 26 14)'/%3E%3Cellipse cx='38' cy='14' rx='6' ry='9' transform='rotate(6 38 14)'/%3E%3Cellipse cx='51' cy='23' rx='6' ry='9' transform='rotate(22 51 23)'/%3E%3Cpath d='M14 49c0-9 9-20 18-21 9 1 18 12 18 21 0 7-7 10-18 7-11 3-18 0-18-7Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* Keep the shared Similar profiles cards compact across profile and article pages. */
.xk-profile-page .xk-profile-similar {
	padding-bottom: 0;
}

.xk-profile-grid--similar {
	align-items: stretch;
}

.xk-profile-grid--similar > .xk-profile-card {
	align-self: stretch;
	border: 1px solid #eadcca;
	border-radius: 14px;
	background: #fff;
}

.xk-profile-grid--similar .xk-profile-card > p:empty,
.xk-profile-grid--similar .xk-profile-card__shade {
	display: none;
}

.xk-profile-grid--similar .xk-profile-card__media {
	border-radius: 0;
}

.xk-profile-grid--similar .xk-profile-card__favorite {
	position: absolute;
	top: 9px;
	right: 9px;
	z-index: 2;
}

.xk-profile-grid--similar .xk-profile-card__favorite .xk-favorite-form {
	margin: 0;
}

.xk-profile-grid--similar .xk-profile-card__favorite .xk-favorite-button {
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	min-height: 34px;
	padding: 0;
	border: 1px solid rgb(255 255 255 / 86%);
	border-radius: 50%;
	background: rgb(255 255 255 / 88%);
	color: #0b2f4a;
	box-shadow: 0 3px 10px rgb(16 40 32 / 14%);
}

.xk-profile-grid--similar .xk-profile-card__caption {
	display: grid;
	align-content: start;
	gap: 4px;
	min-height: 68px;
	padding: 10px 10px 12px;
	text-align: center;
}

.xk-profile-grid--similar .xk-profile-card__caption h3 {
	height: auto;
	margin: 0;
	font-size: 13px;
	line-height: 1.35;
}

.xk-profile-grid--similar .xk-profile-card__traits {
	margin: 0;
	color: #716b63;
	font-size: 11px;
	line-height: 1.35;
}

.xk-profile-grid--similar > .xk-profile-card--all > a {
	box-sizing: border-box;
	height: 100%;
	min-height: 100%;
}

/* Keep profile modules on one compact 20px vertical rhythm. */
.xk-profile-page {
	padding-bottom: 20px;
}

.xk-profile-page .xk-ad-slot--profile_inline {
	margin-block: 20px;
}

.xk-profile-page .xk-ad-slot--profile_flow {
	box-sizing: border-box;
	width: 100%;
	max-width: none;
	min-height: 92px;
	margin: 20px 0 0;
	border-radius: 18px;
}

.xk-profile-page .xk-ad-slot--profile_flow .xk-ad-slot__placeholder {
	box-sizing: border-box;
	min-height: 90px;
}

@media (max-width: 640px) {
	.xk-profile-page .xk-ad-slot--profile_flow {
		min-height: 102px;
	}

	.xk-profile-page .xk-ad-slot--profile_flow .xk-ad-slot__placeholder {
		min-height: 100px;
	}
}

.xk-profile-page .xk-profile-facts,
.xk-profile-page .xk-rating-grid,
.xk-profile-page .xk-profile-tabs,
.xk-profile-page .xk-profile-related,
.xk-profile-page .xk-profile-similar {
	margin-top: 20px;
}

.xk-profile-page .xk-profile-related {
	padding-top: 0;
}

/* Match the profile content width without extending the footer ad to the viewport edges. */
body:has(.xk-profile-page) .xk-footer-ad .xk-ad-slot--footer_leaderboard {
	width: 100%;
	max-width: none;
	margin-top: 0;
}

/* Let the footer leaderboard sit on the same page canvas as the inline profile ad. */
body:has(.xk-profile-page) .xk-footer-ad {
	background: #fbfaf7;
	box-shadow: 0 0 0 100vmax #fbfaf7;
	clip-path: inset(0 -100vmax);
}

/* Match the lower profile modules to the rounded facts and ratings panels. */
.xk-profile-page .xk-profile-tabs,
.xk-profile-page .xk-profile-related,
.xk-profile-page .xk-profile-similar {
	box-sizing: border-box;
	border: 1px solid var(--xk-profile-line);
	border-radius: 24px;
	background: #fff;
	box-shadow: 0 12px 34px rgb(72 56 35 / 5%);
	overflow: hidden;
}

/* Give the three profile guide cards an even 24px frame and gutter. */
.xk-profile-related .xk-profile-feeding-topics {
	gap: 24px;
	padding: 24px;
}