/* Author archives and directory */
.m-archive--author { padding: 30px 0 80px; }
.m-archive--author .m-breadcrumbs { margin-bottom:24px; color:#777; font-size:13px; }
.m-archive--author .m-breadcrumbs a:hover { color:var(--qs-teal); }
.m-author-hero { display:grid; grid-template-columns:260px minmax(0,1fr); gap:42px; align-items:start; padding:36px; margin:0; border:1px solid #e7e7e7; border-radius:4px; background:#f7f7f6; }
.m-author-hero__photo { min-width:0; }
.m-author-hero__photo img,.m-author-hero__img { display:block; width:100%; height:auto; aspect-ratio:4/5; object-fit:cover; border-radius:2px; box-shadow:none; background:#eaeaea; }
.m-author-hero__body { min-width:0; padding-top:4px; }
.m-author-hero__role { margin:0 0 12px; color:var(--qs-teal); font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.09em; }
.m-author-hero__name { max-width:18ch; margin:0 0 16px; font-size:clamp(30px,3.5vw,46px); line-height:1.04; letter-spacing:-.035em; overflow-wrap:anywhere; }
.m-author-hero__bio { max-width:67ch; margin:0 0 20px; color:#454545; font-size:17px; line-height:1.6; }
.m-author-hero__topics { display:flex; flex-wrap:wrap; gap:7px; margin:0 0 25px; padding:0; }
.m-author-hero__topics li { padding:5px 11px; background:#fff; border:1px solid #e6e6e6; border-radius:2px; color:#4c4c4c; font-size:13px; }
.m-author-hero__facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin:0 0 24px; padding:18px 0; border-top:1px solid #dedede; border-bottom:1px solid #dedede; }
.m-author-hero__fact { min-width:0; padding:0; background:transparent; border-radius:0; }
.m-author-hero__fact dt { margin-bottom:6px; color:#777; font-size:11px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; }
.m-author-hero__fact dd { margin:0; color:#202020; font-size:15px; font-weight:700; overflow-wrap:anywhere; }
.m-author-vote {
	display:flex; flex-direction:column; align-items:flex-start; gap:10px;
	margin-top:2px; padding:16px 18px; max-width:420px;
	border:1px solid #e3e3e3; border-radius:4px; background:#fff;
}
.m-author-vote__label {
	margin:0; color:#171717; font-size:12px; font-weight:800;
	letter-spacing:.08em; text-transform:uppercase;
}
.m-author-vote__actions {
	display:inline-flex; flex-wrap:nowrap; width:100%;
	border:1px solid #ddd; border-radius:3px; overflow:hidden; background:#fafafa;
}
.m-author-vote__btn {
	flex:1 1 0; display:inline-flex; align-items:center; justify-content:center; gap:8px;
	min-height:44px; padding:0 14px; border:0; border-radius:0; background:transparent;
	color:#272727; font:inherit; font-size:13px; font-weight:700; cursor:pointer;
	transition:background .18s ease, color .18s ease, box-shadow .18s ease;
}
.m-author-vote__btn + .m-author-vote__btn { border-left:1px solid #ddd; }
.m-author-vote__btn:hover { background:#fff; color:var(--qs-teal); }
.m-author-vote__btn:focus-visible { outline:2px solid var(--qs-teal); outline-offset:-2px; z-index:1; }
.m-author-vote__btn.is-busy { opacity:.55; pointer-events:none; }
.m-author-vote__icon { flex:0 0 auto; opacity:.85; }
.m-author-vote__text { white-space:nowrap; }
.m-author-vote__count {
	min-width:1.4em; padding:2px 8px; border-radius:999px;
	background:rgba(0,0,0,.06); font-variant-numeric:tabular-nums; font-size:12px; line-height:1.4;
}
.m-author-vote__btn--like.is-active {
	background:var(--qs-teal); color:#fff; box-shadow:inset 0 0 0 1px var(--qs-teal);
}
.m-author-vote__btn--dislike.is-active {
	background:#2a2a2a; color:#fff; box-shadow:inset 0 0 0 1px #2a2a2a;
}
.m-author-vote__btn.is-active .m-author-vote__count { background:rgba(255,255,255,.22); }
.m-author-vote__btn.is-active .m-author-vote__icon { opacity:1; }
.m-author-page__materials-head { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:50px 0 20px; padding-bottom:15px; border-bottom:2px solid #171717; }
.m-author-page__title { margin:0; font-size:26px; line-height:1.2; letter-spacing:-.02em; }
.m-author-page__title span { margin-left:6px; color:#999; font-size:15px; font-weight:500; vertical-align:middle; }
.m-author-page__all { color:var(--qs-teal); font-weight:700; white-space:nowrap; }
.m-author-page__all:hover { text-decoration:underline; }
.m-author-page__empty { display:flex; align-items:center; gap:14px; padding:28px 24px; background:#f7f7f6; color:#666; font-size:15px; }
.m-author-page__empty > span { color:var(--qs-teal); font-size:22px; }
.m-author-page__posts { grid-template-columns:repeat(3,minmax(0,1fr)); }
.m-authors-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin:0; padding:0; list-style:none; }
.m-authors-list__item { min-width:0; }
.m-authors-list__card { display:grid; grid-template-columns:108px minmax(0,1fr); gap:20px; height:100%; padding:20px; border:1px solid #e7e7e7; border-radius:3px; background:#fff; color:inherit; transition:border-color .15s,box-shadow .15s; }
.m-authors-list__card:hover { border-color:#ccc; box-shadow:0 7px 22px rgba(0,0,0,.06); }
.m-authors-list__photo-wrap { min-width:0; }
.m-authors-list__photo,.m-authors-list__photo-wrap img { width:108px; height:135px; border-radius:2px; object-fit:cover; }
.m-authors-list__name { display:block; margin:0 0 4px; color:#111; font-size:20px; line-height:1.18; font-weight:800; }
.m-authors-list__role { color:var(--qs-teal); font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; }
.m-authors-list__bio { display:block; margin:10px 0; color:#666; font-size:14px; line-height:1.45; }
.m-authors-list__meta { display:flex; flex-wrap:wrap; gap:10px 20px; font-size:13px; }
.m-authors-list__meta-label { color:#888; font-size:10px; font-weight:700; letter-spacing:.04em; }
@media(max-width:850px) { .m-author-hero { grid-template-columns:200px minmax(0,1fr); gap:26px; padding:24px; }.m-authors-list { grid-template-columns:1fr; } }
@media(max-width:600px) {
	.m-archive--author { padding:22px 0 55px; }
	.m-author-hero { grid-template-columns:1fr; gap:20px; padding:20px; }
	.m-author-hero__photo { max-width:200px; }
	.m-author-hero__name { font-size:32px; }
	.m-author-hero__bio { font-size:16px; }
	.m-author-hero__facts { grid-template-columns:repeat(2,minmax(0,1fr)); }
	.m-author-vote { max-width:none; width:100%; padding:14px; }
	.m-author-vote__btn { min-height:42px; padding:0 10px; font-size:12px; gap:6px; }
	.m-author-vote__text { display:none; }
	.m-author-page__materials-head { margin-top:36px; }
	.m-author-page__title { font-size:22px; }
	.m-author-page__posts { grid-template-columns:1fr; }
	.m-authors-list__card { grid-template-columns:80px minmax(0,1fr); padding:16px; gap:14px; }
	.m-authors-list__photo,.m-authors-list__photo-wrap img { width:80px; height:100px; }
}
/* The author directory is embedded inside the generic article content. */
.qs-page:has(.m-authors-list) { max-width:var(--qs-shell); }
.qs-article__body ul.m-authors-list { margin:0; padding:0; list-style:none; }
.qs-article__body .m-authors-list > li,.qs-article__body .m-authors-list > li + li { display:block; margin:0; }
.qs-article__body .m-authors-list a.m-authors-list__card { color:inherit; text-decoration:none; }
.qs-article__body .m-authors-list a.m-authors-list__card:hover .m-authors-list__name { color:var(--qs-teal); }

.qs-article__body .m-authors-list > li,.qs-article__body .m-authors-list > li + li { padding:0; }
.qs-article__body .m-authors-list > li::before { display:none; content:none; }
.m-author-hero__name, .m-author-page__title, .m-authors-list__name { color:var(--qs-ink); }
/* The article body normally enlarges images and indents lists. */
.qs-article__body ul.m-authors-list { margin:0; padding:0; list-style:none; }
.qs-article__body .m-authors-list__photo-wrap img { display:block; width:108px; height:135px; max-width:100%; object-fit:cover; }
.qs-article__body .m-authors-list__name { font-family:var(--qs-serif); }
.m-archive--author .m-breadcrumbs { display:flex; flex-wrap:wrap; align-items:center; gap:5px; }
@media(max-width:600px) { .qs-article__body .m-authors-list__photo-wrap img { width:80px; height:100px; } }
.m-authors-list__meta-label { display:block; margin-bottom:3px; text-transform:uppercase; }
.m-authors-list__photo { display:block; }


/* Author profile: an editorial portrait with a distinct Qazaqstan identity. */
.m-archive--author .m-author-hero {
	--author-ink: #12233b;
	--author-blue: #1d4ed8;
	display: grid;
	grid-template-columns: minmax(220px, 31%) minmax(0, 1fr);
	gap: 0 clamp(28px, 5vw, 72px);
	align-items: start;
	padding: 0 clamp(24px, 4vw, 56px) clamp(28px, 4vw, 52px);
	border: 0;
	border-radius: 0;
	background: #f2f4f1;
	color: var(--author-ink);
}
.m-author-hero__masthead {
	grid-column: 1 / -1;
	display: flex;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: clamp(28px, 4vw, 46px);
	padding: 18px 0;
	border-bottom: 1px solid #c8d0d0;
	color: #52636e;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .16em;
	line-height: 1.4;
	text-transform: uppercase;
}
.m-author-hero__masthead span:last-child { color: var(--author-blue); text-align: right; }
.m-archive--author .m-author-hero__photo {
	position: relative;
	padding: 0 18px 18px 0;
}
.m-archive--author .m-author-hero__photo::before {
	content: "";
	position: absolute;
	inset: 18px 0 0 18px;
	background: #1d4ed8;
}
.m-archive--author .m-author-hero__photo img {
	position: relative;
	width: 100%;
	aspect-ratio: 4 / 5;
	object-fit: cover;
	border-radius: 0;
	background: #dce4eb;
}
.m-archive--author .m-author-hero__body { padding: 3px 0 0; }
.m-archive--author .m-author-hero__role {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 16px;
	color: #1d4ed8;
	font-size: 11px;
	letter-spacing: .12em;
	line-height: 1.5;
}
.m-author-hero__role::before { content: ""; flex: 0 0 25px; height: 2px; background: currentColor; }
.m-archive--author .m-author-hero__name {
	max-width: 15ch;
	margin: 0 0 19px;
	color: #12233b;
	font-family: var(--qs-serif);
	font-size: clamp(34px, 4.4vw, 60px);
	font-weight: 700;
	line-height: 1.09;
	letter-spacing: -.035em;
}
.m-archive--author .m-author-hero__bio { max-width: 58ch; margin-bottom: 19px; color: #445462; font-size: 16px; line-height: 1.7; }
.m-author-hero__bio p { margin: 0; }
.m-archive--author .m-author-hero__topics { gap: 8px; margin-bottom: 24px; list-style: none; }
.m-archive--author .m-author-hero__topics li { padding: 6px 11px; border: 1px solid #cbd6dc; border-radius: 999px; background: transparent; color: #334d5d; font-size: 12px; line-height: 1.3; }
.m-archive--author .m-author-hero__facts { gap: 14px 24px; margin: 0 0 22px; padding: 20px 0; border-color: #cbd4d5; }
.m-archive--author .m-author-hero__fact dt { color: #647580; font-size: 10px; letter-spacing: .08em; line-height: 1.4; }
.m-archive--author .m-author-hero__fact dd { color: #12233b; font-size: 15px; line-height: 1.4; }
.m-archive--author .m-author-vote { flex-direction: row; align-items: center; flex-wrap: wrap; gap: 12px 18px; max-width: none; margin: 0; padding: 0; border: 0; background: transparent; }
.m-archive--author .m-author-vote__label { color: #52636e; font-size: 10px; letter-spacing: .1em; }
.m-archive--author .m-author-vote__actions { width: auto; max-width: 100%; border: 1px solid #c4d0d4; border-radius: 2px; background: transparent; }
.m-archive--author .m-author-vote__btn { flex: 0 1 auto; min-height: 40px; color: #263f50; }
.m-archive--author .m-author-vote__btn + .m-author-vote__btn { border-color: #c4d0d4; }
.m-archive--author .m-author-vote__btn:hover { background: #fff; color: #1d4ed8; }
.m-archive--author .m-author-vote__btn.is-active { color: #fff; }
.m-archive--author .m-author-vote__btn--like.is-active { background: #1d4ed8; }
.m-archive--author .m-author-vote__btn--dislike.is-active { background: #263f50; }
.m-archive--author .m-author-page__materials-head { margin-top: 54px; border-bottom-color: #12233b; }
.m-archive--author .m-author-page__title { color: #12233b; font-family: var(--qs-serif); }
@media (max-width: 850px) {
	.m-archive--author .m-author-hero { grid-template-columns: minmax(170px, 30%) minmax(0, 1fr); gap: 0 30px; }
}
@media (max-width: 600px) {
	.m-archive--author .m-author-hero { grid-template-columns: 1fr; gap: 0; padding: 0 22px 26px; }
	.m-author-hero__masthead { margin-bottom: 26px; }
	.m-archive--author .m-author-hero__photo { width: min(64%, 220px); max-width: none; margin-bottom: 28px; }
	.m-archive--author .m-author-hero__name { font-size: clamp(32px, 9vw, 44px); }
	.m-archive--author .m-author-hero__facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.m-archive--author .m-author-vote { width: 100%; }
	.m-archive--author .m-author-vote__actions { width: 100%; }
	.m-archive--author .m-author-vote__btn { flex: 1 1 0; }
	.m-archive--author .m-author-page__materials-head { margin-top: 38px; }
}