/* LeanACADEMY. Homepage sketch plus the same column, cards, and type on other pages. */

.la-site {
	background: var(--la-paper, #f3f6fb);
	color: var(--la-ink, #101828);
	font-family: "Segoe UI", system-ui, sans-serif;
}

.la-site .la-header {
	background: #fff;
	background-image: none;
	box-shadow: none;
	border-bottom: 1px solid var(--la-line, #e6ebf2);
}

.la-site .la-header.la-sticky {
	position: sticky !important;
	top: 0;
	z-index: 30;
}

	.la-bar {
	max-width: 1240px;
	margin: 0 auto;
	padding: 12px 20px;
	display: flex;
	align-items: center;
	gap: 18px;
}

.la-brand {
	display: flex;
	align-items: center;
	gap: 8px;
	color: var(--la-ink, #101828);
	font-weight: 700;
	font-size: 18px;
	text-decoration: none;
	flex: 0 0 auto;
}

.la-brand:hover,
.la-brand:focus {
	color: var(--la-ink, #101828);
	text-decoration: none;
}

.la-mark {
	width: 28px;
	height: 28px;
	border-radius: 7px;
	background: var(--la-green, #169447);
	color: #fff;
	display: grid;
	place-items: center;
	font-size: 12px;
	font-weight: 700;
}

.la-nav {
	flex: 1;
	min-width: 0;
}

.la-site .la-header nav,
.la-site .la-header .navbar {
	margin: 0;
	padding: 0;
}

.la-site .container-header .mod-menu {
	color: var(--la-ink, #101828);
	margin: 0;
	padding: 0;
}

.la-site .container-header .mod-menu > li > a,
.la-site .container-header .mod-menu > li > span {
	color: var(--la-ink, #101828);
	font-size: 14px;
}

.la-site .container-header .mod-menu > li:after,
.la-site .container-header .metismenu > li > a:after,
.la-site .container-header .metismenu > li > button:before {
	display: none;
}

.la-site .la-nav .metismenu-item.active > a,
.la-site .la-nav .metismenu-item.current > a,
.la-site .la-nav a[aria-current="page"] {
	color: var(--la-green, #169447);
	font-weight: 650;
}

.la-site .la-header .navbar-toggler {
	color: var(--la-ink, #101828);
	border-color: var(--la-line, #e6ebf2);
}

.la-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
	flex: 0 0 auto;
}

.la-actions .mod-menu {
	display: contents;
}

.la-actions .metismenu.mod-menu .metismenu-item {
	padding: 0;
	margin: 0;
	width: auto;
	flex: 0 0 auto;
	font-size: 14px;
	line-height: 1.2;
}

.la-actions .mod-languages {
	order: 1;
	float: none;
	height: auto;
	margin: 0;
	padding: 0;
	border: 0;
}

.la-actions .item-333 { order: 2; }
.la-actions .item-428 { order: 3; }
.la-actions .item-110 { order: 4; }

.la-actions .mod-languages__list {
	display: flex;
	margin: 0;
	padding: 0;
	list-style: none;
}

.la-actions .mod-languages a,
.la-actions .item-333 > a,
.la-actions .item-110 > a {
	display: inline-block;
	border: 1px solid var(--la-line, #e6ebf2);
	border-radius: 10px;
	padding: 8px 14px;
	background: #fff;
	color: var(--la-ink, #101828);
	text-decoration: none;
	font-size: 14px;
	line-height: 1.2;
}

.la-actions .item-428 > a {
	display: inline-block;
	background: var(--la-green, #169447);
	color: #fff;
	border-radius: 10px;
	padding: 8px 14px;
	text-decoration: none;
	font-size: 14px;
	line-height: 1.2;
}

.la-actions a:hover {
	text-decoration: none;
}

.la-home {
	max-width: 1120px;
	margin: 0 auto;
	padding: 28px 20px 56px;
	display: flex;
	flex-direction: column;
	gap: 36px;
}

.la-eyebrow {
	color: var(--la-green, #169447);
	font-size: 13px;
	font-weight: 650;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	margin: 0 0 8px;
}

.la-hero {
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.15fr);
	gap: 32px;
	align-items: center;
}

.la-hero h1 {
	font-size: clamp(40px, 5.8vw, 64px);
	line-height: 1.02;
	letter-spacing: -0.035em;
	font-weight: 750;
	margin: 0 0 16px;
}

.la-hero h1 em {
	font-style: normal;
	color: var(--la-green, #169447);
}

.la-lede,
.la-copy p,
.la-center p,
.la-path p,
.la-step p {
	color: var(--la-muted, #5b6778);
	line-height: 1.55;
}

.la-lede {
	margin: 0 0 22px;
	max-width: 38ch;
	font-size: 18px;
	line-height: 1.5;
}

.la-btns {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.la-solid,
.la-ghost {
	border-radius: 10px;
	padding: 8px 14px;
	font-size: 14px;
	text-decoration: none;
	display: inline-block;
}

.la-solid {
	background: var(--la-green, #169447);
	color: #fff;
}

.la-ghost {
	border: 1px solid var(--la-line, #e6ebf2);
	background: #fff;
	color: var(--la-ink, #101828);
}

.la-solid:hover,
.la-ghost:hover,
.la-path:hover,
.la-skill:hover,
.la-step:hover {
	text-decoration: none;
	color: inherit;
}

.la-solid:hover { color: #fff; }

.la-shot {
	margin: 0;
	border-radius: 22px;
	overflow: hidden;
	background: #d7dee8;
}

.la-shot img {
	display: block;
	width: 100%;
	height: 460px;
	object-fit: cover;
}

.la-paths,
.la-cards {
	display: grid;
	gap: 16px;
}

.la-paths { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.la-cards { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.la-path,
.la-step {
	background: #fff;
	border: 1px solid var(--la-line, #e6ebf2);
	border-radius: 18px;
	padding: 22px 20px 18px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	min-height: 210px;
	color: inherit;
	text-decoration: none;
}

.la-step { border-radius: 16px; min-height: 180px; padding: 16px; }

.la-ico {
	width: 42px;
	height: 42px;
	border-radius: 12px;
	background: #f4f6f8;
	color: #1e3a5f;
	display: grid;
	place-items: center;
}

.la-ico svg { width: 22px; height: 22px; }

.la-path h2,
.la-step h3,
.la-skill h3 {
	margin: 0;
	letter-spacing: -0.02em;
	line-height: 1.25;
	color: var(--la-ink, #101828);
}

.la-path h2 { font-size: 18px; }
.la-step h3,
.la-skill h3 { font-size: 18px; }
.la-path p,
.la-step p,
.la-skill-text { margin: 0; font-size: 14px; }

.la-more {
	margin-top: auto;
	color: var(--la-green, #169447);
	font-size: 14px;
	font-weight: 650;
}

.la-refs,
.la-skills {
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.la-refs {
	background: #fff;
	border: 1px solid var(--la-line, #e6ebf2);
	border-radius: 18px;
	padding: 22px 22px 18px;
}

.la-logo-grid {
	list-style: none;
	margin: 0;
	padding: 8px 0 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	gap: 10px;
	border-top: 1px solid var(--la-line, #e6ebf2);
}

.la-logo-grid li {
	width: calc((100% - 50px) / 6);
	min-height: 78px;
	margin: 0;
	background: #f7f9fc;
	border: 1px solid var(--la-line, #e6ebf2);
	border-radius: 12px;
	display: grid;
	place-items: center;
	padding: 10px 12px;
}

.la-logo-grid img {
	display: block;
	height: 40px;
	width: auto;
	max-width: 100%;
	object-fit: contain;
	filter: none;
}

@media (max-width: 800px) {
	.la-logo-grid li { width: calc((100% - 20px) / 3); }
}

@media (max-width: 640px) {
	.la-logo-grid li { width: calc((100% - 10px) / 2); }
	.la-counts ul { grid-template-columns: 1fr 1fr; }
}

.la-copy { max-width: 46rem; }
.la-copy h2,
.la-center h2 {
	margin: 6px 0 10px;
	font-size: 28px;
	letter-spacing: -0.03em;
}
.la-copy p:last-child,
.la-center p { margin: 0; }

.la-copy a {
	color: var(--la-green, #169447);
	font-weight: 650;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.la-rule {
	width: 42px;
	height: 3px;
	background: var(--la-green, #169447);
	border-radius: 2px;
	margin-bottom: 12px;
}

.la-center { text-align: center; }
.la-center p { max-width: 46ch; margin-inline: auto; }

.la-skill-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
}

.la-skill {
	background: #f6f7f9;
	border-radius: 4px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	color: inherit;
	text-decoration: none;
}

.la-skill img {
	display: block;
	width: 100%;
	height: 168px;
	object-fit: cover;
}

.la-skill-body {
	padding: 14px 14px 16px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	flex: 1;
}

.la-tag {
	color: var(--la-muted, #5b6778);
	font-size: 11px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.la-pill {
	margin-top: auto;
	align-self: flex-start;
	background: var(--la-green, #169447);
	color: #fff;
	border-radius: 999px;
	padding: 8px 14px;
	font-size: 12px;
	letter-spacing: 0.04em;
}

.la-n {
	width: 28px;
	height: 28px;
	border-radius: 8px;
	background: #e7f6ee;
	color: var(--la-green, #169447);
	display: grid;
	place-items: center;
	font-size: 12px;
	font-weight: 700;
}

.la-team #biz-kimiz > .row:not(.pt-5) { display: none; }

.la-team #biz-kimiz > .row.pt-5 {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
	margin: 0;
}

.la-team .col-sm-3 {
	width: auto;
	max-width: none;
	padding: 0;
}

.la-team .card {
	width: auto !important;
	height: 100%;
	border: 1px solid var(--la-line, #e6ebf2);
	border-radius: 16px;
	background: #fff;
	padding: 12px !important;
}

.la-team .card-img-top {
	width: 100% !important;
	height: 220px !important;
	object-fit: cover;
	border-radius: 12px !important;
}

.la-team .btn {
	background: var(--la-green, #169447);
	border-color: var(--la-green, #169447);
}

.la-feed {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
	align-items: stretch;
}

.la-feed .bottom-a,
.la-feed .la-counts {
	grid-column: 1 / -1;
}

.la-counts ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1px;
	background: var(--la-line, #e6ebf2);
	border: 1px solid var(--la-line, #e6ebf2);
	border-radius: 18px;
	overflow: hidden;
}

.la-counts li {
	margin: 0;
	padding: 22px 12px;
	text-align: center;
	background: #fff;
}

.la-counts p {
	margin: 0;
}

.la-counts .la-num {
	color: var(--la-green, #169447);
	font-size: clamp(28px, 4vw, 40px);
	font-weight: 750;
	letter-spacing: -0.03em;
	line-height: 1;
}

.la-counts li p:last-child {
	margin-top: 8px;
	color: var(--la-muted, #5b6778);
	font-size: 14px;
}

.la-feed .display-1 {
	font-size: clamp(1.6rem, 3vw, 2.2rem);
	line-height: 1.2;
}

.la-feed .card {
	border: 1px solid var(--la-line, #e6ebf2);
	border-radius: 16px;
	overflow: hidden;
	height: 100%;
	background: #fff;
}

.la-feed .card-header {
	background: #fff;
	border-bottom: 1px solid var(--la-line, #e6ebf2);
	color: var(--la-ink, #101828);
	font-size: 18px;
	letter-spacing: -0.02em;
}

.la-feed .latestnews a {
	color: var(--la-ink, #101828);
	text-decoration: none;
}

.la-feed .latestnews a:hover { color: var(--la-green, #169447); }

.la-site .la-crumbs,
.la-site .breadcrumb,
.la-site .breadcrumb a,
.la-site .breadcrumb-item.active {
	color: var(--la-muted, #5b6778);
}

.la-site .footer {
	background: #101828;
	background-image: none;
	color: #f4f7f5;
}

.login,
.reset,
.remind,
.registration,
.reset-confirm {
	width: min(400px, 100%);
	margin: 48px auto;
}

@media (min-width: 992px) {
	.la-nav .navbar-collapse { display: flex !important; }
	.la-nav .mod-menu {
		display: flex;
		flex-direction: row;
		align-items: center;
		flex-wrap: nowrap;
		gap: 14px;
		flex: 1 1 auto;
	}
}

@media (max-width: 991.98px) {
	.la-bar {
		flex-wrap: wrap;
		align-items: center;
		padding: 10px 16px 12px;
		gap: 10px;
	}
	.la-nav {
		display: flex;
		flex: 0 0 auto;
		justify-content: flex-start;
	}
	.la-nav .navbar {
		position: static;
		width: auto;
		margin: 0;
		justify-content: flex-start;
	}
	.la-actions {
		flex: 1 1 100%;
		flex-wrap: nowrap;
		justify-content: flex-start;
		gap: 4px;
		max-width: 100%;
		margin-left: 0;
	}
	.la-actions .mod-languages li {
		margin: 0;
	}
	.la-site .la-actions .mod-languages a,
	.la-site .la-actions .mod-menu > li > a {
		padding: 4px 7px;
		font-size: 12px;
		border-radius: 8px;
		white-space: nowrap;
	}
	.la-nav .navbar-collapse.show {
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		width: auto;
		margin: 0;
		background: #fff;
		border-bottom: 1px solid var(--la-line, #e6ebf2);
		box-shadow: 0 16px 28px rgba(16, 24, 40, 0.08);
		padding: 6px 20px 14px;
		z-index: 40;
		text-align: left;
		justify-content: flex-start;
	}
	.la-nav .navbar-collapse.show .mod-menu {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		width: 100%;
		gap: 0;
	}
	.la-site .la-nav .navbar-collapse.show .mod-menu > li {
		width: 100%;
		padding: 0;
		justify-content: flex-start;
	}
	.la-site .la-nav .navbar-collapse.show .mod-menu > li > a {
		display: block;
		width: 100%;
		padding: 11px 0;
		overflow: visible;
		text-align: left;
		text-overflow: unset;
		white-space: normal;
	}
	.la-feed {
		grid-template-columns: 1fr;
	}
	.la-feed .bottom-a,
	.la-feed .la-counts {
		grid-column: auto;
	}
}

@media (max-width: 800px) {
	.la-hero,
	.la-cards,
	.la-team #biz-kimiz > .row.pt-5 {
		grid-template-columns: 1fr 1fr;
	}
	.la-shot img { height: 320px; }
}

@media (max-width: 640px) {
	.la-hero,
	.la-paths,
	.la-skill-grid,
	.la-cards,
	.la-team #biz-kimiz > .row.pt-5 {
		grid-template-columns: 1fr;
	}
	.la-site .la-actions .mod-languages a,
	.la-site .la-actions .mod-menu > li > a {
		padding: 4px 7px;
		font-size: 12px;
	}
}

@media (max-width: 390px) {
	.la-bar { padding-inline: 12px; }
	.la-actions { gap: 3px; }
	.la-site .la-actions .mod-languages a,
	.la-site .la-actions .mod-menu > li > a {
		padding: 3px 6px;
		font-size: 11px;
	}
}

/* Inner pages share the homepage column, cards, and type. */
.la-site:not(.la-sketch) .site-grid {
	max-width: 1240px;
	width: 100%;
	margin: 0 auto;
	padding: 28px 20px 56px;
	box-sizing: border-box;
	grid-template-areas: none;
	grid-template-columns: minmax(0, 1fr);
	gap: 16px;
}

.la-site:not(.la-sketch) .site-grid > [class^="container-"],
.la-site:not(.la-sketch) .site-grid > [class*=" container-"],
.la-site:not(.la-sketch) .site-grid > .full-width {
	grid-area: auto;
	grid-column: auto;
	width: auto;
	max-width: none;
}

.la-site:not(.la-sketch) .site-grid > .container-banner,
.la-site:not(.la-sketch) .site-grid > .container-top-a,
.la-site:not(.la-sketch) .site-grid > .container-top-b,
.la-site:not(.la-sketch) .site-grid > .container-bottom-a,
.la-site:not(.la-sketch) .site-grid > .container-bottom-b {
	grid-column: 1 / -1;
}

.la-site:not(.la-sketch) .site-grid > .container-component,
.la-site:not(.la-sketch) .site-grid > .container-sidebar-left,
.la-site:not(.la-sketch) .site-grid > .container-sidebar-right {
	width: 100%;
	min-width: 0;
	justify-self: stretch;
}

.la-site:not(.la-sketch) .container-component {
	background: #fff;
	border: 1px solid var(--la-line, #e6ebf2);
	border-radius: 18px;
	padding: 28px 28px 32px;
}

.la-site:not(.la-sketch) .la-crumbs,
.la-site:not(.la-sketch) .mod-breadcrumbs {
	background: transparent;
	padding: 0 0 16px;
	margin: 0 0 8px;
	border-radius: 0;
	border-bottom: 1px solid var(--la-line, #e6ebf2);
	font-size: 13px;
}

.la-site:not(.la-sketch) .mod-breadcrumbs__here {
	float: none;
	color: var(--la-muted, #5b6778);
}

.la-site:not(.la-sketch) .page-header {
	border: 0;
	padding: 0;
	margin: 0 0 16px;
	background: transparent;
}

.la-site:not(.la-sketch) .page-header h1,
.la-site:not(.la-sketch) .item-page > h1 {
	font-size: clamp(28px, 3vw, 36px);
	line-height: 1.15;
	letter-spacing: -0.03em;
	font-weight: 750;
	margin: 0;
}

.la-site:not(.la-sketch) .item-page {
	line-height: 1.65;
}

.la-site:not(.la-sketch) .article-info {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 2px 14px;
	margin: 0 0 14px;
	font-size: 12px;
	line-height: 1.3;
	color: var(--la-muted, #5b6778);
}

.la-site:not(.la-sketch) .article-info dd {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	width: auto;
	margin: 0;
	padding: 0;
	font-size: 12px;
}

.la-site:not(.la-sketch) .article-info .icon-fw {
	font-size: 11px;
	width: auto;
}

.la-site:not(.la-sketch) .item-page > p,
.la-site:not(.la-sketch) .content-category > .category-desc p {
	color: var(--la-muted, #5b6778);
}

.la-site:not(.la-sketch) .item-page a:not(.btn),
.la-site:not(.la-sketch) .content-category > .category-desc a {
	color: #0f7a38;
}

.la-site:not(.la-sketch) .item-page img {
	border-radius: 12px;
	height: auto;
}

.la-site:not(.la-sketch) .btn-primary {
	--bs-btn-bg: #169447;
	--bs-btn-border-color: #169447;
	--bs-btn-hover-bg: #0f7a38;
	--bs-btn-hover-border-color: #0f7a38;
	--bs-btn-active-bg: #0f7a38;
	--bs-btn-active-border-color: #0f7a38;
	--bs-btn-color: #fff;
	background-color: #169447;
	border-color: #169447;
	color: #fff;
	border-radius: 10px;
}

.la-site:not(.la-sketch) .btn-outline-primary {
	--bs-btn-color: #0f7a38;
	--bs-btn-border-color: #169447;
	--bs-btn-hover-bg: #169447;
	--bs-btn-hover-border-color: #169447;
	--bs-btn-hover-color: #fff;
	border-radius: 10px;
}

.la-site:not(.la-sketch) .cat-children {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.la-site:not(.la-sketch) .com-content-category__children {
	background: #f7f9fc;
	border: 1px solid var(--la-line, #e6ebf2);
	border-radius: 16px;
	padding: 18px 18px 14px;
	margin: 0;
}

.la-site:not(.la-sketch) .com-content-category__children .page-header {
	margin: 0 0 8px;
}

.la-site:not(.la-sketch) .com-content-category__children h3 {
	font-size: 18px;
	letter-spacing: -0.02em;
	line-height: 1.25;
	margin: 0;
}

.la-site:not(.la-sketch) .com-content-category__children h3 a {
	color: var(--la-ink, #101828);
	text-decoration: none;
}

.la-site:not(.la-sketch) .com-content-category__children h3 a:hover {
	color: var(--la-green, #169447);
}

.la-site:not(.la-sketch) .com-content-category__children .category-desc p {
	margin: 0;
	color: var(--la-muted, #5b6778);
	font-size: 14px;
	line-height: 1.55;
}

.la-site:not(.la-sketch) .com-content-category__pagination {
	float: none;
	display: flex;
	justify-content: flex-end;
	margin: 0 0 8px;
}

.la-site:not(.la-sketch) .form-select,
.la-site:not(.la-sketch) .form-control {
	border-radius: 10px;
	border-color: var(--la-line, #e6ebf2);
}

.la-site:not(.la-sketch) .blog-item,
.la-site:not(.la-sketch) .blog-items article {
	border: 1px solid var(--la-line, #e6ebf2);
	border-radius: 16px;
	padding: 18px;
	margin-bottom: 14px;
	background: #f7f9fc;
}

.la-site:not(.la-sketch) table.category {
	width: 100%;
	border-collapse: collapse;
}

.la-site:not(.la-sketch) table.category th,
.la-site:not(.la-sketch) table.category td {
	border-bottom: 1px solid var(--la-line, #e6ebf2);
	padding: 12px 8px;
	vertical-align: top;
}

.la-site:not(.la-sketch) .container-sidebar-left .card,
.la-site:not(.la-sketch) .container-sidebar-right .card,
.la-site:not(.la-sketch) .container-top-a .card,
.la-site:not(.la-sketch) .container-top-b .card,
.la-site:not(.la-sketch) .container-bottom-a .card,
.la-site:not(.la-sketch) .container-bottom-b .card {
	border: 1px solid var(--la-line, #e6ebf2);
	border-radius: 16px;
	background: #fff;
	box-shadow: none;
	overflow: hidden;
	color: var(--la-ink, #101828);
}

.la-site:not(.la-sketch) .card-header {
	background: #fff;
	border-bottom: 1px solid var(--la-line, #e6ebf2);
	color: var(--la-ink, #101828);
	font-size: 16px;
	font-weight: 700;
	letter-spacing: -0.02em;
}

.la-site:not(.la-sketch) .container-sidebar-left .mod-menu,
.la-site:not(.la-sketch) .container-sidebar-right .mod-menu {
	flex-direction: column;
	align-items: stretch;
	gap: 2px;
}

.la-site:not(.la-sketch) .container-sidebar-left a,
.la-site:not(.la-sketch) .container-sidebar-right a {
	color: var(--la-ink, #101828);
	text-decoration: none;
}

.la-site:not(.la-sketch) .container-sidebar-left a:hover,
.la-site:not(.la-sketch) .container-sidebar-right a:hover,
.la-site:not(.la-sketch) .container-sidebar-left .active > a,
.la-site:not(.la-sketch) .container-sidebar-right .active > a,
.la-site:not(.la-sketch) .container-sidebar-left .current > a,
.la-site:not(.la-sketch) .container-sidebar-right .current > a {
	color: var(--la-green, #169447);
}

.la-site:not(.la-sketch) .pagination .page-link {
	color: var(--la-ink, #101828);
	border-color: var(--la-line, #e6ebf2);
}

.la-site:not(.la-sketch) .pagination .active .page-link {
	background: var(--la-green, #169447);
	border-color: var(--la-green, #169447);
	color: #fff;
}

@media (min-width: 992px) {
	.la-site:not(.la-sketch).has-sidebar-right:not(.has-sidebar-left) .site-grid {
		grid-template-columns: minmax(0, 1fr) 280px;
	}

	.la-site:not(.la-sketch).has-sidebar-left:not(.has-sidebar-right) .site-grid {
		grid-template-columns: 280px minmax(0, 1fr);
	}

	.la-site:not(.la-sketch).has-sidebar-left.has-sidebar-right .site-grid {
		grid-template-columns: 240px minmax(0, 1fr) 240px;
	}

	.la-site:not(.la-sketch) .container-sidebar-left,
	.la-site:not(.la-sketch) .container-sidebar-right,
	.la-site:not(.la-sketch) .container-component {
		grid-column: auto;
	}
}

@media (max-width: 991.98px) {
	.la-site:not(.la-sketch) .container-component { order: 1; }
	.la-site:not(.la-sketch) .container-sidebar-left,
	.la-site:not(.la-sketch) .container-sidebar-right { order: 2; }
	.la-site:not(.la-sketch) .container-bottom-a,
	.la-site:not(.la-sketch) .container-bottom-b { order: 3; }
	.la-site:not(.la-sketch) .container-component { padding: 20px 16px 24px; }
	.la-site:not(.la-sketch) .cat-children { grid-template-columns: 1fr; }
}

/* Makaleler konu kartları: makale HTML'i duruyor, görünüm ana sayfadaki kartlara uyar. */
.la-site .com-content-article__body > .bg-secondary {
	background: transparent !important;
	color: var(--la-ink, #101828);
}

.la-site .com-content-article__body > .bg-secondary > .container {
	max-width: none;
	width: 100%;
	margin: 0;
	padding: 0 !important;
}

.la-site .com-content-article__body > .bg-secondary .display-1 {
	font-size: clamp(28px, 3vw, 36px);
	line-height: 1.15;
	letter-spacing: -0.03em;
	font-weight: 750;
	color: var(--la-ink, #101828) !important;
	margin: 0 0 8px;
}

.la-site .com-content-article__body > .bg-secondary > .container > p {
	max-width: 46rem;
	margin: 0 0 18px;
	color: var(--la-muted, #5b6778) !important;
}

.la-site .com-content-article__body > .bg-secondary > .container > .row {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
	margin: 0;
	--bs-gutter-x: 0;
	--bs-gutter-y: 0;
}

.la-site .com-content-article__body > .bg-secondary .col-sm-3 {
	width: auto;
	max-width: none;
	margin: 0;
	padding: 0;
	flex: none;
}

.la-site .com-content-article__body > .bg-secondary .img-thumbnail {
	display: flex;
	flex-direction: column;
	height: 100%;
	margin: 0;
	padding: 16px 16px 18px;
	background: #f7f9fc;
	border: 1px solid var(--la-line, #e6ebf2);
	border-radius: 16px;
	box-shadow: none;
}

.la-site .com-content-article__body > .bg-secondary .img-thumbnail img {
	display: block;
	width: 100%;
	height: 148px;
	object-fit: contain;
	border-radius: 10px;
	background: #fff;
	margin: 0 0 12px;
}

.la-site .com-content-article__body > .bg-secondary .img-thumbnail p {
	margin: 0 0 12px;
}

.la-site .com-content-article__body > .bg-secondary .img-thumbnail strong {
	display: block;
	color: var(--la-ink, #101828);
	font-size: 16px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: -0.02em;
}

.la-site .com-content-article__body > .bg-secondary .img-thumbnail p:last-child {
	margin: auto 0 0;
}

.la-site .com-content-article__body > .bg-secondary .btn-success {
	background: var(--la-green, #169447);
	border-color: var(--la-green, #169447);
	color: #fff;
	border-radius: 999px;
	padding: 8px 16px;
	font-size: 13px;
	font-weight: 650;
}

.la-site .com-content-article__body > .bg-secondary .btn-success:hover,
.la-site .com-content-article__body > .bg-secondary .btn-success:focus {
	background: #0f7a38;
	border-color: #0f7a38;
	color: #fff;
}

@media (max-width: 900px) {
	.la-site .com-content-article__body > .bg-secondary > .container > .row {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 560px) {
	.la-site .com-content-article__body > .bg-secondary > .container > .row {
		grid-template-columns: 1fr;
	}
}