/* ==========================================================================
   Userank / Moneypedia - Kendi-style blog layer
   All selectors are prefixed .uk- (or live inside a .uk- container), so
   nothing here touches other pages. Brand values are CSS variables below.
   ========================================================================== */

:root {
	/* BRAND - VERIFIED
	   --uk-ink    #26120A  theme-color meta tag on www.userank.com
	   --uk-accent #E66652  "Brand Orange" in the blog's own Elementor global colours
	   --uk-muted  #737682  meta text colour already used in the blog's post cards
	   BRAND - PROVISIONAL (replace when confirmed from www.userank.com): --uk-bg, --uk-line */
	--uk-ink: #26120a;
	--uk-accent: #e66652;
	--uk-muted: #737682;
	--uk-bg: #f6f5f4;
	--uk-surface: #ffffff;
	--uk-line: rgba(38, 18, 10, 0.1);
	--uk-placeholder: #ebe6e2;

	/* FONT - Borna_Rank is the custom font installed in the blog (400/500/600/700). Provisional brand font. */
	--uk-font: "Borna_Rank", "Work Sans", system-ui, -apple-system, "Segoe UI", sans-serif;

	/* LAYOUT - ESTIMATED from the Kendi screenshot (content ~79% of a 1440px viewport; main:sidebar ~2.3:1) */
	--uk-w: 1144px;
	--uk-gap: 48px;
	--uk-radius: 8px;
	--uk-pad: 24px;
}

/* ---- Reset Elementor defaults inside our templates only -------------------- */
:where(.uk-page, .uk-header, .uk-footer, .e-loop-item) .e-con {
	padding: 0;
	gap: 0;
}
.uk-page .elementor-widget:not(:last-child),
.uk-header .elementor-widget:not(:last-child),
.uk-footer .elementor-widget:not(:last-child),
.e-loop-item .elementor-widget:not(:last-child) {
	margin-block-end: 0;
}
.uk-page,
.uk-header,
.uk-footer,
.e-loop-item {
	font-family: var(--uk-font);
	color: var(--uk-ink);
}
.uk-page :is(h1, h2, h3, h4, h5, h6),
.uk-footer :is(h6),
.e-loop-item :is(h3, h4) {
	margin: 0;
	font-family: var(--uk-font);
	color: var(--uk-ink);
}
.uk-page a,
.uk-footer a,
.e-loop-item a {
	text-decoration: none;
}

/* ---- Containers ------------------------------------------------------------ */
.uk-page {
	background: var(--uk-bg);
	padding-bottom: 0;
}
.uk-wrap.uk-wrap {
	width: 100%;
	max-width: calc(var(--uk-w) + (var(--uk-pad) * 2));
	margin-inline: auto;
	padding-inline: var(--uk-pad);
	box-sizing: border-box;
}
.uk-split .uk-wrap.uk-wrap {
	max-width: none;
	padding-inline: 0;
}
.uk-split .uk-page {
	background: transparent;
}
.uk-sidecol {
	min-width: 0;
}
.uk-split.uk-split {
	display: grid;
	grid-template-columns: minmax(0, 2.28fr) minmax(0, 1fr);
	gap: var(--uk-gap);
	align-items: start;
}
.uk-main {
	display: flex;
	flex-direction: column;
	gap: 72px;
	min-width: 0;
}
.uk-side {
	display: flex;
	flex-direction: column;
	gap: 40px;
	min-width: 0;
}
.uk-sec {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.uk-sec-head {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

/* ---- Typography ------------------------------------------------------------ */
.uk-h1 .elementor-heading-title,
.uk-h1.elementor-widget-theme-archive-title .elementor-heading-title,
h1.uk-h1 {
	font-family: var(--uk-font);
	font-size: clamp(40px, 4.6vw, 64px);
	line-height: 1.04;
	font-weight: 700;
	letter-spacing: -0.02em;
	color: var(--uk-ink);
}
.uk-h1--post .elementor-heading-title {
	font-size: clamp(30px, 3.4vw, 44px);
	line-height: 1.12;
}
.uk-h2 .elementor-heading-title {
	font-size: 28px;
	line-height: 1.15;
	font-weight: 700;
	letter-spacing: -0.01em;
}
.uk-label .elementor-heading-title {
	font-size: 12px;
	line-height: 1;
	font-weight: 500;
	color: var(--uk-muted);
	letter-spacing: 0;
}
.uk-eyebrow,
.uk-eyebrow p {
	font-size: 14px;
	color: var(--uk-ink);
	margin: 0 0 8px;
}
.uk-standfirst {
	font-size: 18px;
	line-height: 1.5;
	color: var(--uk-muted);
}

/* ---- Header ----------------------------------------------------------------- */
.uk-header {
	background: var(--uk-surface);
	border-bottom: 1px solid var(--uk-line);
}
.uk-header__in {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	min-height: 68px;
}
.uk-logo img,
.uk-side-logo img {
	height: 28px;
	width: auto;
	display: block;
}
.uk-nav .elementor-nav-menu--main .elementor-item {
	font-family: var(--uk-font);
	font-size: 14px;
	font-weight: 500;
	padding: 8px 14px;
	color: var(--uk-ink);
}
.uk-nav .elementor-nav-menu--main .elementor-item:hover,
.uk-nav .elementor-nav-menu--main .elementor-item.elementor-item-active {
	color: var(--uk-accent);
}
.uk-nav .elementor-nav-menu--dropdown {
	border-radius: var(--uk-radius);
	box-shadow: none;
	border: 1px solid var(--uk-line);
}
.uk-nav .elementor-menu-toggle {
	color: var(--uk-ink);
	background: transparent;
}

/* ---- Buttons ---------------------------------------------------------------- */
.uk-btn .elementor-button,
a.uk-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 11px 18px;
	border-radius: 6px;
	font-family: var(--uk-font);
	font-size: 14px;
	font-weight: 500;
	line-height: 1;
	transition: background-color 0.15s ease, color 0.15s ease;
}
.uk-btn--solid .elementor-button,
a.uk-btn--solid {
	background: var(--uk-ink);
	color: #fff;
}
.uk-btn--solid .elementor-button:hover,
a.uk-btn--solid:hover {
	background: var(--uk-accent);
	color: #fff;
}
.uk-more-wrap {
	display: flex;
	margin-top: 4px;
}
.uk-more {
	font-size: 14px;
	font-weight: 500;
	color: var(--uk-ink);
}
.uk-more:hover {
	color: var(--uk-accent);
}

/* ---- Intro ------------------------------------------------------------------ */
.uk-intro {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	gap: var(--uk-gap);
	padding-block: 40px 28px;
}
.uk-intro__l {
	flex: 1 1 56%;
	min-width: 0;
}
.uk-intro__r {
	flex: 0 1 34%;
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding-top: 12px;
}
.uk-intro__txt,
.uk-intro__txt p {
	font-size: 15px;
	line-height: 1.5;
	color: var(--uk-ink);
	margin: 0;
}

/* ---- Forms (Royal Addons Mailchimp widget) -------------------------------- */
.uk-form form {
	display: flex;
	gap: 0;
	margin: 0;
}
.uk-form input[type="email"],
.uk-form input[type="text"] {
	flex: 1 1 auto;
	min-width: 0;
	border: 1px solid var(--uk-line);
	border-radius: 6px 0 0 6px;
	background: #fff;
	font-family: var(--uk-font);
	font-size: 14px;
	padding: 0 14px;
	height: 44px;
	margin: 0;
}
.uk-form button,
.uk-form input[type="submit"] {
	height: 44px;
	border-radius: 0 6px 6px 0;
	padding: 0 18px;
	font-family: var(--uk-font);
	font-size: 14px;
	font-weight: 500;
	background: var(--uk-ink);
	color: #fff;
	border: 0;
	cursor: pointer;
	transition: background-color 0.15s ease;
}
.uk-form button:hover,
.uk-form input[type="submit"]:hover {
	background: var(--uk-accent);
}
.uk-form--stack form {
	flex-direction: column;
	gap: 10px;
}
.uk-form--stack input[type="email"],
.uk-form--stack input[type="text"],
.uk-form--stack button {
	border-radius: 6px;
	width: 100%;
}

/* ---- Hero ------------------------------------------------------------------- */
.uk-hero {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding-bottom: 56px;
}
.uk-lcard--hero {
	position: relative;
	display: block;
	border-radius: var(--uk-radius);
	overflow: hidden;
	background: var(--uk-ink);
}
.uk-lcard--hero .uk-lcard__media {
	aspect-ratio: 2.4 / 1;
	width: 100%;
	background: var(--uk-ink);
}
.uk-lcard--hero .uk-lcard__tag {
	position: absolute;
	top: 14px;
	left: 14px;
	z-index: 2;
	width: auto;
}
.uk-lcard--hero .uk-lcard__overlay {
	position: absolute;
	inset: auto 0 0 0;
	z-index: 2;
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 56px 22px 20px;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.62), rgba(0, 0, 0, 0));
}
.uk-lcard--hero .uk-lcard__title .elementor-heading-title,
.uk-lcard--hero .uk-lcard__title a {
	color: #fff;
	font-size: 22px;
	line-height: 1.25;
	font-weight: 600;
	max-width: 36ch;
}
.uk-meta-row--inv,
.uk-meta-row--inv a {
	color: rgba(255, 255, 255, 0.85);
}
.uk-lgrid--inspire .uk-lcard--hero .uk-lcard__media {
	aspect-ratio: 1.45 / 1;
}
.uk-lgrid--inspire .uk-lcard--hero .uk-lcard__title .elementor-heading-title {
	font-size: 17px;
}
/* Inspiration: horizontal scroll-snap rail (no JS, no carousel widget) */
.uk-lgrid--inspire .elementor-loop-container {
	display: grid;
	grid-auto-flow: column;
	grid-template-columns: none;
	grid-auto-columns: calc(50% - 8px);
	gap: 16px;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
}
.uk-lgrid--inspire .elementor-loop-container::-webkit-scrollbar {
	display: none;
}
.uk-lgrid--inspire .e-loop-item {
	scroll-snap-align: start;
}

/* ---- Cards ------------------------------------------------------------------ */
.uk-lcard__media {
	position: relative;
	overflow: hidden;
	background: var(--uk-placeholder);
}
.uk-lcard__media .elementor-widget,
.uk-lcard__media .elementor-widget-container,
.uk-lcard__media a,
.uk-lcard__media img {
	display: block;
	width: 100%;
	height: 100%;
}
.uk-lcard__media img {
	object-fit: cover;
}
.uk-lcard__body {
	display: flex;
	flex-direction: column;
	gap: 8px;
	min-width: 0;
}
.uk-lcard__title .elementor-heading-title,
.uk-lcard__title a {
	color: var(--uk-ink);
	font-weight: 600;
	transition: color 0.15s ease;
}
.uk-lcard__title a:hover {
	color: var(--uk-accent);
}
.uk-lcard__excerpt,
.uk-lcard__excerpt p {
	margin: 0;
	font-size: 14px;
	line-height: 1.5;
	color: var(--uk-muted);
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

/* row (compact) + mini */
.uk-lcard--row,
.uk-lcard--mini {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 12px;
	background: var(--uk-surface);
	border-radius: var(--uk-radius);
	padding: 10px;
}
.uk-lcard--row .uk-lcard__media,
.uk-lcard--mini .uk-lcard__media {
	flex: 0 0 64px;
	width: 64px;
	height: 64px;
	border-radius: 6px;
}
.uk-lcard--row .uk-lcard__title .elementor-heading-title,
.uk-lcard--mini .uk-lcard__title .elementor-heading-title {
	font-size: 14px;
	line-height: 1.3;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.uk-lcard--mini {
	background: transparent;
	padding: 0;
}

/* large */
.uk-lcard--large {
	display: flex;
	flex-direction: column;
	background: var(--uk-surface);
	border-radius: var(--uk-radius);
	overflow: hidden;
	height: 100%;
}
.uk-lcard--large .uk-lcard__media {
	aspect-ratio: 1.36 / 1;
	width: 100%;
}
.uk-lcard--large .uk-lcard__tag {
	position: absolute;
	top: 12px;
	left: 12px;
	z-index: 2;
	width: auto;
}
.uk-lcard--large .uk-lcard__body {
	padding: 14px 16px 18px;
}
.uk-lcard--large .uk-lcard__title .elementor-heading-title {
	font-size: 18px;
	line-height: 1.28;
}

/* latest (horizontal) */
.uk-lcard--latest {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	gap: 18px;
	background: var(--uk-surface);
	border-radius: var(--uk-radius);
	padding: 14px;
}
.uk-lcard--latest .uk-lcard__media {
	flex: 0 0 28%;
	aspect-ratio: 1 / 1.05;
	border-radius: 6px;
}
.uk-lcard--latest .uk-lcard__body {
	justify-content: center;
}
.uk-lcard--latest .uk-lcard__title .elementor-heading-title {
	font-size: 18px;
	line-height: 1.3;
}

/* ---- Category tag + meta ----------------------------------------------------- */
.uk-tag .elementor-post-info,
.uk-tag ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
}
.uk-tag a {
	display: inline-block;
	background: #fff;
	color: var(--uk-ink);
	font-size: 12px;
	line-height: 1;
	font-weight: 500;
	padding: 6px 9px;
	border-radius: 4px;
}
.uk-tag--lg a {
	font-size: 13px;
	padding: 7px 11px;
}
/* The blog's "Featured" category is an editorial bucket; the Sections taxonomy replaces it visually. */
.uk-tag a[href*="/category/featured"] {
	display: none;
}
.uk-meta-row .elementor-post-info,
.uk-meta-row ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 2px 8px;
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 1.4;
	color: var(--uk-muted);
}
.uk-meta-row li {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}
.uk-meta-row li + li::before {
	content: "";
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: currentColor;
	opacity: 0.55;
}
.uk-meta-row a {
	color: inherit;
}
.uk-meta-row img {
	width: 22px;
	height: 22px;
	border-radius: 50%;
	object-fit: cover;
}
.uk-meta-row--lg .elementor-post-info {
	font-size: 14px;
}
.uk-meta {
	font-size: 12px;
	color: var(--uk-muted);
}
.uk-dot {
	display: inline-block;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: currentColor;
	opacity: 0.55;
	vertical-align: middle;
	margin: 0 4px;
}

/* ---- Loop grid layouts --------------------------------------------------------- */
.uk-lgrid .elementor-loop-container {
	gap: 16px;
}
.uk-lgrid--stack .elementor-loop-container {
	grid-template-columns: 1fr;
	gap: 10px;
}
.uk-lgrid--strip .elementor-loop-container {
	gap: 10px;
}
.uk-lgrid--cards .elementor-loop-container {
	gap: 24px;
}
.uk-lgrid--pair .elementor-loop-container,
.uk-lgrid--duo .elementor-loop-container {
	gap: 12px;
}
.uk-two {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 12px;
	align-items: start;
}
.uk-stack {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.uk-gridwrap {
	padding-block: 8px 72px;
}
.uk-lgrid .e-load-more-anchor,
.uk-lgrid .elementor-pagination {
	margin-top: 32px;
	display: flex;
	justify-content: center;
	gap: 6px;
	font-size: 14px;
}
.uk-lgrid .page-numbers {
	padding: 8px 13px;
	border-radius: 6px;
	background: var(--uk-surface);
	color: var(--uk-ink);
}
.uk-lgrid .page-numbers.current,
.uk-lgrid .page-numbers:hover {
	background: var(--uk-ink);
	color: #fff;
}

/* ---- Sidebar ----------------------------------------------------------------- */
.uk-card {
	display: flex;
	flex-direction: column;
	gap: 14px;
	background: var(--uk-surface);
	border-radius: var(--uk-radius);
	padding: 20px;
}
.uk-card__title .elementor-heading-title {
	font-size: 22px;
	line-height: 1.2;
	font-weight: 700;
	letter-spacing: -0.01em;
}
.uk-side-txt,
.uk-side-txt p {
	margin: 0;
	font-size: 14px;
	line-height: 1.5;
	color: var(--uk-ink);
}
.uk-follow .elementor-heading-title {
	font-size: 12px;
	font-weight: 400;
	color: var(--uk-ink);
}
.uk-social .elementor-social-icons-wrapper {
	display: flex;
	gap: 8px;
}
.uk-social .elementor-icon {
	width: 24px;
	height: 24px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	color: var(--uk-ink);
}
.uk-social .elementor-icon:hover {
	color: var(--uk-accent);
}
.uk-explore,
.uk-spotlight {
	display: flex;
	flex-direction: column;
	gap: 14px;
}
.uk-topics {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
}
.uk-topic {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 1 / 0.9;
	border-radius: var(--uk-radius);
	background: var(--uk-ink) center / cover no-repeat;
	color: #fff;
	overflow: hidden;
	text-align: center;
	isolation: isolate;
}
.uk-topic::before {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(38, 18, 10, 0.45);
	z-index: -1;
}
.uk-topic span {
	font-size: 14px;
	font-weight: 500;
	padding: 0 8px;
}
.uk-topic:hover::before {
	background: rgba(230, 102, 82, 0.55);
}
.uk-explore .uk-more {
	margin-top: 2px;
}

/* ---- Newsletter band ------------------------------------------------------------ */
.uk-band {
	padding-block: 72px 80px;
}
.uk-band__in {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 16px;
}
.uk-band__title .elementor-heading-title {
	font-size: 32px;
	line-height: 1.15;
	font-weight: 700;
}
.uk-band__txt,
.uk-band__txt p {
	margin: 0;
	font-size: 15px;
	color: var(--uk-ink);
	max-width: 52ch;
}
.uk-band .uk-form {
	width: 100%;
	max-width: 420px;
}
.uk-trio {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 8px;
}
.uk-trio a {
	display: block;
	width: 118px;
	aspect-ratio: 3 / 4;
	border: 6px solid #fff;
	border-radius: 4px;
	overflow: hidden;
	background: var(--uk-placeholder);
}
.uk-trio a:nth-child(1) {
	transform: rotate(-8deg);
	margin-right: -16px;
}
.uk-trio a:nth-child(2) {
	width: 136px;
	z-index: 1;
}
.uk-trio a:nth-child(3) {
	transform: rotate(8deg);
	margin-left: -16px;
}
.uk-trio img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* ---- Footer ------------------------------------------------------------------- */
.uk-footer {
	background: var(--uk-surface);
	padding-block: 56px 24px;
}
.uk-footer__in {
	display: grid;
	grid-template-columns: 1.4fr 1fr 1fr 1.4fr;
	gap: 40px;
	align-items: start;
}
.uk-footer__brand {
	display: flex;
	flex-direction: column;
	gap: 14px;
	max-width: 320px;
}
.uk-footer__col {
	display: flex;
	flex-direction: column;
	gap: 14px;
}
.uk-flist {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
	font-size: 14px;
}
.uk-flist a {
	color: var(--uk-ink);
}
.uk-flist a:hover {
	color: var(--uk-accent);
}
.uk-gallery {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
}
.uk-gallery a {
	display: block;
	aspect-ratio: 1 / 1;
	border-radius: var(--uk-radius);
	overflow: hidden;
	background: var(--uk-placeholder);
}
.uk-gallery img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.uk-footer__bar {
	margin-top: 40px;
	font-size: 13px;
	color: var(--uk-ink);
}
.uk-footer__copy p {
	margin: 0;
}

/* ---- Page heads / breadcrumbs / search ------------------------------------------ */
.uk-pagehead {
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding-block: 28px 32px;
}
.uk-pagehead--post {
	padding-bottom: 20px;
}
.uk-pagehead__txt,
.uk-pagehead__txt p {
	margin: 0;
	font-size: 16px;
	line-height: 1.5;
	color: var(--uk-muted);
	max-width: 60ch;
}
.uk-crumbs,
.uk-crumbs a,
.uk-crumbs nav {
	font-size: 13px;
	color: var(--uk-muted);
}
.uk-crumbs a:hover {
	color: var(--uk-accent);
}
.uk-search .elementor-search-form__container {
	border: 1px solid var(--uk-line);
	border-radius: 6px;
	background: #fff;
	min-height: 46px;
	max-width: 480px;
}

/* ---- Single article ------------------------------------------------------------ */
.uk-split--post {
	padding-block: 8px 56px;
}
.uk-article {
	display: flex;
	flex-direction: column;
	gap: 18px;
	min-width: 0;
}
.uk-article__img img {
	width: 100%;
	height: auto;
	border-radius: var(--uk-radius);
	display: block;
}
.uk-prose {
	font-size: 17px;
	line-height: 1.7;
}
.uk-prose h2 {
	font-size: 26px;
	line-height: 1.25;
	margin: 1.8em 0 0.5em;
}
.uk-prose h3 {
	font-size: 21px;
	line-height: 1.3;
	margin: 1.5em 0 0.4em;
}
.uk-prose p,
.uk-prose ul,
.uk-prose ol {
	margin: 0 0 1.1em;
}
.uk-prose a {
	color: var(--uk-accent);
	text-decoration: underline;
	text-underline-offset: 3px;
}
.uk-prose img {
	max-width: 100%;
	height: auto;
	border-radius: var(--uk-radius);
}
.uk-prose blockquote {
	margin: 1.5em 0;
	padding-left: 18px;
	border-left: 3px solid var(--uk-accent);
}
.uk-prose table {
	display: block;
	max-width: 100%;
	overflow-x: auto;
}
.uk-related {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding-bottom: 24px;
}

/* ---- Directories (shortcodes) --------------------------------------------------- */
.uk-catdir,
.uk-authors {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.uk-catdir__item,
.uk-authors__item {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
	gap: 32px;
	background: var(--uk-surface);
	border-radius: var(--uk-radius);
	padding: 28px;
}
.uk-catdir__head,
.uk-authors__head {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
}
.uk-catdir__head h3,
.uk-authors__head h3 {
	font-size: 26px;
	line-height: 1.15;
	margin: 0;
}
.uk-catdir__head h3 a,
.uk-authors__head h3 a {
	color: var(--uk-ink);
}
.uk-catdir__head p,
.uk-authors__head p {
	margin: 0;
	font-size: 15px;
	line-height: 1.5;
	color: var(--uk-muted);
}
.uk-catdir__posts,
.uk-authors__posts {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.uk-catdir__posts h4 {
	margin: 0 0 4px;
	font-size: 12px;
	font-weight: 500;
	color: var(--uk-muted);
}
.uk-authors__avatar {
	width: 72px;
	height: 72px;
	border-radius: 50%;
	display: block;
}
.uk-mini {
	display: flex;
	align-items: center;
	gap: 12px;
	color: var(--uk-ink);
}
.uk-mini__img {
	flex: 0 0 56px;
	width: 56px;
	height: 56px;
	border-radius: 6px;
	overflow: hidden;
	background: var(--uk-placeholder);
}
.uk-mini__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.uk-mini__txt {
	display: flex;
	flex-direction: column;
	gap: 3px;
	min-width: 0;
}
.uk-mini__txt strong {
	font-size: 14px;
	line-height: 1.3;
	font-weight: 600;
}
.uk-mini:hover strong {
	color: var(--uk-accent);
}

/* ==========================================================================
   Responsive: tablet <= 1024px, mobile <= 767px (matches the kit breakpoints)
   ========================================================================== */
@media (max-width: 1024px) {
	:root {
		--uk-gap: 32px;
		--uk-pad: 20px;
	}
	.uk-split.uk-split {
		grid-template-columns: minmax(0, 1fr);
	}
	.uk-main {
		gap: 56px;
	}
	.uk-side {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 24px;
	}
	.uk-intro {
		flex-direction: column;
		gap: 20px;
		padding-block: 28px 20px;
	}
	.uk-intro__l,
	.uk-intro__r {
		flex: 1 1 auto;
		width: 100%;
		padding-top: 0;
	}
	.uk-footer__in {
		grid-template-columns: 1fr 1fr;
	}
	.uk-footer__gallery {
		grid-column: 1 / -1;
	}
	.uk-catdir__item,
	.uk-authors__item {
		grid-template-columns: 1fr;
		gap: 20px;
	}
}

@media (max-width: 767px) {
	:root {
		--uk-pad: 16px;
	}
	.uk-lcard--hero .uk-lcard__media {
		aspect-ratio: 1 / 1.05;
	}
	.uk-lcard--hero .uk-lcard__title .elementor-heading-title {
		font-size: 19px;
	}
	.uk-lgrid--inspire .uk-lcard--hero .uk-lcard__media {
		aspect-ratio: 1.2 / 1;
	}
	.uk-lgrid--inspire .elementor-loop-container {
		grid-auto-columns: 86%;
	}
	.uk-two {
		grid-template-columns: 1fr;
	}
	.uk-side {
		grid-template-columns: 1fr;
	}
	.uk-lcard--latest {
		flex-direction: row;
		gap: 12px;
		padding: 10px;
	}
	.uk-lcard--latest .uk-lcard__media {
		flex-basis: 34%;
	}
	.uk-lcard--latest .uk-lcard__title .elementor-heading-title {
		font-size: 15px;
	}
	.uk-lcard--latest .uk-lcard__excerpt {
		display: none;
	}
	.uk-h2 .elementor-heading-title {
		font-size: 24px;
	}
	.uk-band {
		padding-block: 48px 56px;
	}
	.uk-band__title .elementor-heading-title {
		font-size: 26px;
	}
	.uk-trio a {
		width: 92px;
	}
	.uk-trio a:nth-child(2) {
		width: 108px;
	}
	.uk-form--inline form {
		flex-direction: column;
		gap: 10px;
	}
	.uk-form--inline input[type="email"],
	.uk-form--inline input[type="text"],
	.uk-form--inline button {
		border-radius: 6px;
		width: 100%;
	}
	.uk-footer__in {
		grid-template-columns: 1fr 1fr;
		gap: 28px;
	}
	.uk-footer__brand {
		grid-column: 1 / -1;
		max-width: none;
	}
	.uk-header__cta {
		display: none;
	}
	.uk-prose {
		font-size: 16px;
	}
	.uk-catdir__item,
	.uk-authors__item {
		padding: 18px;
	}
}
