/* Teachers page (teachers-ar, /teachers/) and the join-as-teacher page (teach-ar, /become-a-teacher/).
   Figma: Main App UI > «المعلمين - مدكر» (17319:5548) and «انضم كمعلم- مدكر» (17377:674).
   The teachers page is teal; the join page uses the purple of the teachers' app. */

/* Doubled classes: Kadence zeroes the side padding of .alignfull blocks. */
.mdk-section.mdk-tch-hero,
.mdk-section.mdk-join-hero,
.mdk-section.mdk-tch-stats,
.mdk-section.mdk-tch-qualities,
.mdk-section.mdk-tch-start,
.mdk-section.mdk-join-why,
.mdk-section.mdk-join-conditions,
.mdk-section.mdk-join-tracks,
.mdk-section.mdk-join-apply {
	padding-inline: var(--mdk-gutter);
}

/* Hero: text and the orbit illustration side by side */
.mdk-section.mdk-tch-hero,
.mdk-section.mdk-join-hero {
	overflow: hidden;
	padding-block: 40px;
}
.mdk-section.mdk-join-hero {
	padding-block: 72px;
}
.mdk-tch-hero__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 40px;
}
.mdk-tch-hero__text {
	display: flex;
	flex: 1 1 624px;
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
}
.mdk-section .mdk-tch-pill,
.mdk-section .mdk-join-pill {
	min-height: 32px;
	padding: 4px 14px;
	font-size: 14px;
	line-height: 22px;
}
.mdk-section .mdk-tch-pill {
	background: rgba(255, 255, 255, 0.7);
}
.mdk-section .mdk-join-pill {
	border-color: rgba(255, 255, 255, 0.4);
	background: rgba(149, 107, 224, 0.2);
	color: #5e4192;
}
.mdk-tch-hero__title {
	color: #1a202c;
	font-size: 44px;
	font-weight: 500;
	line-height: 1.45;
}
.mdk-join-hero__title {
	color: #5e4192;
	font-size: 44px;
	font-weight: 500;
	line-height: 1.4;
}
.mdk-tch-hero__lead {
	max-width: 650px;
	color: var(--mdk-muted);
	font-size: 18px;
	line-height: 1.75;
}
.mdk-section .mdk-tch-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
}
.mdk-tch-actions .mdk-btn,
.mdk-join-apply__actions .mdk-btn {
	width: auto;
	min-width: 220px;
	min-height: 52px;
	font-size: 17px;
	font-weight: 600;
}
.mdk-btn.mdk-btn--line {
	background: #fff;
	color: var(--mdk-teal);
}
.mdk-btn.mdk-btn--line:hover {
	background: #effafa;
	color: var(--mdk-teal-dark);
}
.mdk-btn.mdk-btn--purple {
	border-color: #5e4192;
	background: #5e4192;
}
.mdk-btn.mdk-btn--purple:hover {
	border-color: #4b3376;
	background: #4b3376;
}
.mdk-btn.mdk-btn--purple-line {
	border-color: rgba(94, 65, 146, 0.7);
	background: transparent;
	color: #5e4192;
}
.mdk-btn.mdk-btn--purple-line:hover {
	border-color: #5e4192;
	background: #efecf4;
	color: #5e4192;
}

/* The join card «شارك خبرتك» reaches past the illustration, as in the design: the text keeps clear of it. */
.mdk-join-hero .mdk-tch-hero__text {
	flex: 0 1 596px;
}
.mdk-join-hero .mdk-tch-hero__lead {
	max-width: 533px;
}

/* Orbit illustration: drawn at the Figma size (584 x 620) and scaled down as a whole on smaller screens. */
.mdk-orbit-box {
	--s: 1;
	position: relative;
	flex: none;
	width: calc(584px * var(--s));
	height: calc(620px * var(--s));
}
.mdk-orbit {
	position: absolute;
	top: 0;
	left: 0;
	width: 584px;
	height: 620px;
	transform: scale(var(--s));
	transform-origin: 0 0;
}
/* Left-to-right languages: the illustration is mirrored so the cards keep clear of the text; the cards and the
   photo are turned back so nothing reads backwards. */
html:not([dir="rtl"]) .mdk-orbit {
	transform: scale(var(--s)) translateX(584px) scaleX(-1);
}
html:not([dir="rtl"]) .mdk-orbit-card,
html:not([dir="rtl"]) .mdk-orbit__photo {
	transform: scaleX(-1);
}
.mdk-orbit img {
	display: block;
	max-width: none;
}
.mdk-orbit > * {
	position: absolute;
}
.mdk-orbit__glow {
	top: -100px;
	left: -120px;
	width: 816px;
	height: 816px;
}
.mdk-orbit--purple .mdk-orbit__glow {
	left: -128px;
}
.mdk-orbit__photo {
	top: 40px;
	left: 20px;
	width: 536px;
	height: 536px;
	overflow: hidden;
	border-radius: 50%;
}
.mdk-orbit--purple .mdk-orbit__photo {
	left: 12.5px;
}
.mdk-orbit__photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
/* The teachers photo is framed on the reader's hands, as in the design. */
.mdk-orbit__photo--tch img {
	position: absolute;
	top: -53.7%;
	left: -11.2%;
	width: 112.3%;
	height: auto;
}
.mdk-orbit__inner {
	top: 57px;
	left: 37px;
	width: 502px;
	height: 502px;
}
.mdk-orbit__fine {
	top: 20px;
	left: 0;
	width: 576px;
	height: 576px;
}
.mdk-orbit--purple .mdk-orbit__inner {
	left: 29.5px;
}
.mdk-orbit--purple .mdk-orbit__fine {
	left: -7.5px;
}
.mdk-orbit__dot--1 {
	top: 579px;
	left: 193px;
	width: 5px;
}
.mdk-orbit__dot--2 {
	top: 362px;
	left: 543px;
	width: 10px;
}
.mdk-orbit__star--1 {
	top: 450px;
	left: 37px;
	width: 14px;
}
.mdk-orbit__star--2 {
	top: 84px;
	left: 79px;
	width: 19px;
}
.mdk-orbit--purple .mdk-orbit__dot--1 {
	top: 578px;
	left: 185.5px;
}
.mdk-orbit--purple .mdk-orbit__dot--2 {
	left: 535.5px;
}
.mdk-orbit--purple .mdk-orbit__star--1 {
	left: 29.5px;
}
.mdk-orbit--purple .mdk-orbit__star--2 {
	top: 23px;
	left: 171.5px;
}

/* Floating cards */
.mdk-orbit-card {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px 18px;
	box-sizing: border-box;
	border: 0.7px solid #dde7e3;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 18px 44px rgba(23, 62, 64, 0.06);
	text-align: start;
}
.mdk-section .mdk-orbit-card p {
	margin: 0;
}
.mdk-orbit-card__copy {
	display: flex;
	flex-direction: column;
	gap: 3px;
}
.mdk-orbit-card__title {
	color: #173e40;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.5;
	white-space: nowrap;
}
.mdk-orbit-card__sub {
	color: #5e7474;
	font-size: 12px;
	line-height: 1.5;
}
.mdk-orbit-card__medal {
	display: flex;
	flex: none;
	align-items: center;
	justify-content: center;
	order: -1;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #e4f4f0;
}
.mdk-orbit--purple .mdk-orbit-card__medal {
	background: #efecf4;
}
.mdk-orbit-card__medal--lg {
	width: 44px;
	height: 44px;
}
.mdk-tch-card-time {
	top: 83px;
	left: 382px;
}
.mdk-tch-card-session {
	top: 453px;
	left: 297px;
	flex-direction: column;
	align-items: stretch;
	gap: 4px;
	width: 360px;
	padding: 16px;
}
.mdk-tch-session__row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}
.mdk-tch-card-session .mdk-orbit-card__title {
	font-size: 15px;
}
/* Cards with a set width let longer translations wrap. */
.mdk-tch-card-session .mdk-orbit-card__title,
.mdk-join-card-share .mdk-orbit-card__title,
.mdk-join-card-world .mdk-orbit-card__title {
	white-space: normal;
}
.mdk-tch-card-session .mdk-orbit-card__sub {
	font-size: 13px;
}
.mdk-section .mdk-tch-session__meta {
	display: flex;
	align-items: center;
	gap: 3px;
	color: #5e7474;
	font-size: 11px;
}
.mdk-tch-session__btns {
	display: flex;
	gap: 12px;
}
.mdk-tch-session__btns span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	box-sizing: border-box;
	border: 1px solid #d6d6d6;
	border-radius: 50%;
}
.mdk-tch-session__btns img {
	width: 24px;
}
.mdk-tch-card-call {
	top: 202px;
	left: -50px;
	flex-direction: column;
	gap: 9px;
	width: 184px;
	padding: 17px 17px 14px;
	border: 0.6px solid #d6dfe0;
	border-radius: 19px;
	background: #fffefa;
	box-shadow: 0 9px 22px rgba(36, 78, 82, 0.08);
	text-align: center;
}
.mdk-tch-call__portrait {
	position: relative;
	width: 58px;
	height: 58px;
}
.mdk-tch-call__portrait > img {
	position: absolute;
	top: 0;
	left: 0;
	width: 58px;
}
.mdk-orbit .mdk-tch-call__portrait .mdk-tch-call__user {
	top: 12.5px;
	left: 15px;
	width: 28px;
}
.mdk-orbit .mdk-tch-call__portrait .mdk-tch-call__status {
	top: 40.7px;
	left: 41px;
	width: 14px;
}
.mdk-section .mdk-tch-call__label {
	color: #306165;
	font-size: 12.5px;
}
.mdk-tch-call__wave {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 3px;
	height: 21px;
}
.mdk-tch-call__wave i {
	width: 2.3px;
	border-radius: 2px;
	background: #acc0c1;
}
.mdk-tch-call__wave i:nth-child(n+5):nth-child(-n+9) {
	background: #306165;
}
.mdk-tch-call__wave i:nth-child(1), .mdk-tch-call__wave i:nth-child(13) { height: 4.7px; }
.mdk-tch-call__wave i:nth-child(2) { height: 9.4px; }
.mdk-tch-call__wave i:nth-child(3) { height: 14.8px; }
.mdk-tch-call__wave i:nth-child(4) { height: 7.8px; }
.mdk-tch-call__wave i:nth-child(5), .mdk-tch-call__wave i:nth-child(9) { height: 19.5px; }
.mdk-tch-call__wave i:nth-child(6) { height: 12.5px; }
.mdk-tch-call__wave i:nth-child(7) { height: 17.2px; }
.mdk-tch-call__wave i:nth-child(8) { height: 8.6px; }
.mdk-tch-call__wave i:nth-child(10) { height: 13.3px; }
.mdk-tch-call__wave i:nth-child(11) { height: 7px; }
.mdk-tch-call__wave i:nth-child(12) { height: 11.7px; }
.mdk-tch-call__tools {
	display: flex;
	align-items: center;
	gap: 14px;
}
.mdk-tch-call__tools span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background: #eaeff0;
}
.mdk-tch-call__tools span.is-main {
	width: 33px;
	height: 33px;
	background: #306165;
}
.mdk-tch-call__tools img {
	width: 12.5px;
}
.mdk-tch-call__tools .is-main img {
	width: 15.6px;
}
.mdk-join-card-hours {
	top: 83px;
	left: -55.5px;
}
.mdk-join-card-share {
	top: 303px;
	left: 349.5px;
	flex-direction: column;
	align-items: stretch;
	gap: 10px;
	width: 310px;
	padding: 16px;
}
.mdk-join-share__row {
	display: flex;
	align-items: center;
	gap: 10px;
}
.mdk-join-card-share .mdk-orbit-card__copy {
	flex: 1;
}
.mdk-join-card-share .mdk-orbit-card__title {
	font-weight: 700;
}
.mdk-section .mdk-join-share__tags {
	display: flex;
	gap: 8px;
}
.mdk-join-share__tags span,
.mdk-join-world__flags b {
	padding: 5px 10px;
	border-radius: 20px;
	background: #efecf4;
	color: #5e4192;
	font-size: 11px;
	font-weight: 400;
	line-height: 1.2;
}
.mdk-join-card-world {
	top: 412px;
	left: -17.5px;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	width: 188px;
	padding: 16px;
	border-color: #d6dfe0;
	border-radius: 18px;
	background: #fffefa;
}
.mdk-join-card-world .mdk-orbit-card__medal {
	order: 0;
	width: 48px;
	height: 48px;
}
.mdk-join-card-world .mdk-orbit-card__title {
	font-size: 13px;
	font-weight: 700;
}
.mdk-join-card-world .mdk-orbit-card__sub {
	margin-top: -8px;
	font-size: 11px;
}
.mdk-join-world__flags {
	display: flex;
	align-items: center;
	gap: 4px;
}
.mdk-join-world__flags img {
	width: 20px;
	height: 20px;
	border-radius: 50%;
}
.mdk-join-world__flags b {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	padding: 0;
	box-sizing: border-box;
	border-radius: 50%;
	font-size: 9px;
}

/* Teachers: numbers band */
.mdk-section.mdk-tch-stats {
	padding-block: 32px;
	background: #f1ffff;
}
.mdk-tch-stat {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	padding: 16px;
	text-align: center;
}
.mdk-tch-stat__value {
	color: var(--mdk-teal);
	font-size: 36px;
	font-weight: 700;
	line-height: 1.3;
}
.mdk-tch-stat__label {
	color: var(--mdk-muted);
	font-size: 16px;
	line-height: 1.65;
}

/* Teachers: four qualities */
.mdk-section.mdk-tch-qualities {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 40px;
	padding-block: 42px;
}
.mdk-section .mdk-tch-quality {
	justify-content: flex-start;
	gap: 12px;
	padding: 32px 20px;
}
.mdk-section .mdk-tch-quality__icon img {
	width: 71px;
	height: 71px;
	margin: -8px;
}
.mdk-section .mdk-tch-quality__icon {
	padding-bottom: 6px;
}

/* Teachers: who is a Moddakir teacher */
.mdk-section.mdk-tch-who {
	padding-block: 42px;
	background: #f9f9f9;
}
.mdk-tch-who__inner {
	display: flex;
	align-items: center;
	gap: 56px;
}
.mdk-tch-who__text {
	display: flex;
	flex: 1;
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
}
.mdk-tch-who__title {
	color: #183030;
	font-size: 32px;
	font-weight: 500;
	line-height: 1.7;
}
.mdk-tch-who__title .mdk-hl {
	font-weight: 400;
}
.mdk-tch-who__lead {
	color: var(--mdk-muted);
	font-size: 18px;
	line-height: 1.7;
}
.mdk-section .mdk-tch-checks,
.mdk-section .mdk-join-checks {
	display: flex;
	flex-direction: column;
	gap: 14px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.mdk-tch-checks li,
.mdk-join-checks li {
	position: relative;
	padding-inline-start: 38px;
	color: #1f3a3a;
	font-size: 16px;
	font-weight: 500;
	line-height: 27px;
}
.mdk-tch-checks li::before,
.mdk-join-checks li::before {
	content: "";
	position: absolute;
	top: 0;
	inset-inline-start: 0;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: #8cd8d8 url(../../img/teachers/check.webp) center / 15px no-repeat;
}
.mdk-join-checks li::before {
	border-radius: 0;
	background: url(../../img/join/track-check.svg) center / 26px no-repeat;
}
.mdk-tch-who__text .mdk-teachers-ar-app-btn {
	margin-top: 8px;
}
.mdk-section .mdk-tch-who__media {
	flex: 1;
}
.mdk-tch-who__media img {
	display: block;
	width: 100%;
	height: 460px;
	border-radius: 16px;
	object-fit: cover;
}

/* Teachers: start learning */
.mdk-section.mdk-tch-start,
.mdk-section.mdk-join-apply {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 28px;
	padding-block: 80px;
	background: linear-gradient(to top, #fff 75%, #c9f7f7 140%);
}
.mdk-section.mdk-join-apply {
	background: linear-gradient(to top, #fff 75%, #e6d8ff 140%);
}
.mdk-section .mdk-tch-start__stores {
	justify-content: center;
}

/* Join: why teach with Moddakir */
.mdk-section.mdk-join-why {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 48px;
	padding-block: 80px;
}
.mdk-join-why .mdk-hl,
.mdk-join-conditions .mdk-hl,
.mdk-join-tracks .mdk-hl,
.mdk-join-apply .mdk-hl {
	color: #7e67a8;
}
.mdk-join-why__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
}
.mdk-join-why__col {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 36px;
}
.mdk-join-feature {
	display: flex;
	align-items: flex-start;
	gap: 24px;
}
.mdk-join-feature img {
	flex: none;
	width: 56px;
	height: 56px;
}
.mdk-section .mdk-join-feature h3,
.mdk-section .mdk-join-step h4,
.mdk-section .mdk-join-plus h4 {
	margin: 0 0 6px;
	color: #111827;
	font-size: 19px;
	font-weight: 700;
	line-height: 1.5;
}
.mdk-section .mdk-join-feature p,
.mdk-section .mdk-join-step p,
.mdk-section .mdk-join-plus p,
.mdk-section .mdk-join-track__head p {
	margin: 0;
	color: var(--mdk-muted);
	font-size: 16px;
	line-height: 1.7;
}
.mdk-join-phone {
	position: relative;
	flex: none;
	width: 261px;
	height: 531px;
	margin-inline: 88px;
}
.mdk-join-phone img {
	position: absolute;
	display: block;
}
.mdk-join-phone__screen {
	top: 10px;
	left: 11.4px;
	width: 237.7px;
	height: 514px;
	border-radius: 18px;
	object-fit: cover;
}
.mdk-join-phone__frame {
	inset: 0;
	width: 100%;
	height: 100%;
}
.mdk-join-phone__island {
	position: absolute;
	top: 17px;
	left: 93px;
	width: 75px;
	height: 22px;
	border-radius: 32px;
	background: #000;
}

/* Join: conditions and priorities */
.mdk-section.mdk-join-conditions,
.mdk-section.mdk-join-tracks {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 40px;
	padding-block: 80px;
}
.mdk-section.mdk-join-conditions {
	background: #fdfcfe;
	scroll-margin-top: 80px;
}
.mdk-join-conditions__inner {
	display: flex;
	flex-direction: column;
	gap: 24px;
}
.mdk-section .mdk-join-subhead {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0;
	color: #183030;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.5;
}
.mdk-join-subhead::before {
	content: "";
	width: 6px;
	height: 26px;
	border-radius: 3px;
	background: #9380b6;
}
.mdk-section .mdk-join-subhead--teal {
	padding-top: 24px;
}
.mdk-join-subhead--teal::before {
	background: var(--mdk-teal);
}
.mdk-join-steps {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
}
.mdk-join-priority {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
}
.mdk-join-step,
.mdk-join-plus {
	padding: 28px 24px;
	border: 0.8px solid #c9eeee;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 8px 12px rgba(35, 74, 75, 0.04);
}
.mdk-join-step__num {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	margin-bottom: 8px;
	border-radius: 50%;
	background: #7e67a8;
	color: #fff;
	font-size: 24px;
	font-weight: 600;
}
.mdk-join-plus {
	display: flex;
	align-items: center;
	gap: 32px;
	border-color: #e2d9f0;
}
.mdk-join-plus__icon {
	display: flex;
	flex: none;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: #efe9f7;
}
.mdk-section .mdk-join-plus h4 {
	margin-bottom: 4px;
}

/* Join: tracks */
.mdk-section.mdk-join-tracks {
	scroll-margin-top: 80px;
}
.mdk-join-track {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 12px 12px 28px;
	border: 0.8px solid #d0f1f1;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 8px 12px rgba(35, 74, 75, 0.06);
}
.mdk-join-track__head {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	padding: 20px 16px 16px;
	border-radius: 10px;
	background: linear-gradient(to bottom, #f3edff, #fff);
}
.mdk-section .mdk-join-track__pill {
	margin: 0;
	padding: 3px 12px;
	border-radius: 999px;
	background: #8962ce;
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	line-height: 20px;
}
.mdk-section .mdk-join-track__head h3 {
	margin: 0;
	color: #5e4192;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.45;
}
.mdk-section .mdk-join-track .mdk-join-checks {
	padding-inline: 16px;
}

/* Join: apply */
.mdk-section .mdk-join-apply__actions {
	display: flex;
	justify-content: center;
}

/* Laptops and tablets: the illustration shrinks, then moves under the text. */
@media (max-width: 1280px) {
	.mdk-orbit-box {
		--s: 0.82;
	}
	.mdk-join-phone {
		margin-inline: 24px;
	}
}
@media (max-width: 1100px) {
	.mdk-tch-hero__inner {
		flex-direction: column;
		gap: 40px;
	}
	.mdk-tch-hero__text {
		flex-basis: auto;
	}
	.mdk-join-why__inner {
		flex-wrap: wrap;
		justify-content: center;
	}
	.mdk-join-phone {
		order: -1;
		flex-basis: 261px;
		margin-inline: calc(50% - 130px);
	}
	.mdk-join-why__col {
		flex-basis: 45%;
	}
}
@media (max-width: 860px) {
	.mdk-section.mdk-tch-hero,
	.mdk-section.mdk-join-hero {
		padding-block: 32px;
	}
	.mdk-tch-hero__title,
	.mdk-join-hero__title {
		font-size: 30px;
	}
	.mdk-tch-hero__lead {
		font-size: 16px;
	}
	.mdk-tch-actions .mdk-btn {
		width: 100%;
	}
	.mdk-section .mdk-tch-actions,
	.mdk-section .mdk-tch-actions__alt {
		width: 100%;
	}
	.mdk-orbit-box {
		--s: 0.56;
		margin-inline: auto;
	}
	.mdk-tch-stats__grid.mdk-grid--4,
	.mdk-tch-qualities__grid.mdk-grid--4 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 16px;
	}
	.mdk-tch-stat__value {
		font-size: 28px;
	}
	.mdk-tch-stat__label {
		font-size: 14px;
	}
	.mdk-tch-who__inner {
		flex-direction: column;
		gap: 32px;
	}
	.mdk-tch-who__title {
		font-size: 26px;
	}
	.mdk-tch-who__media img {
		height: 260px;
	}
	.mdk-section.mdk-tch-start,
	.mdk-section.mdk-join-apply,
	.mdk-section.mdk-join-why,
	.mdk-section.mdk-join-conditions,
	.mdk-section.mdk-join-tracks {
		padding-block: 48px;
	}
	.mdk-join-why__col {
		flex-basis: 100%;
		gap: 24px;
	}
	.mdk-join-steps,
	.mdk-join-priority {
		grid-template-columns: minmax(0, 1fr);
		gap: 16px;
	}
	.mdk-join-plus {
		gap: 20px;
	}
	.mdk-section .mdk-join-apply__actions .mdk-btn {
		width: 100%;
	}
}
@media (max-width: 560px) {
	.mdk-tch-qualities__grid.mdk-grid--4 {
		grid-template-columns: minmax(0, 1fr);
	}
	.mdk-orbit-box {
		--s: 0.5;
	}
}
@media (max-width: 380px) {
	.mdk-orbit-box {
		--s: 0.46;
	}
}

/* Orbit illustration in motion: the cards drift, the rings turn slowly, the stars twinkle and the call card's
   voice bars move. Uses the individual translate/rotate/scale properties, so the cards' own transform (the
   left-to-right flip) is left alone. Only with .mdk-anim (no reduced-motion preference). */
.mdk-anim .mdk-orbit-card {
	animation: mdk-orbit-drift 6s ease-in-out infinite;
}
.mdk-anim .mdk-tch-card-call,
.mdk-anim .mdk-join-card-share {
	animation-duration: 7s;
	animation-delay: -2s;
}
.mdk-anim .mdk-tch-card-session,
.mdk-anim .mdk-join-card-world {
	animation-duration: 8s;
	animation-delay: -4s;
}
@keyframes mdk-orbit-drift {
	0%, 100% { translate: 0 0; }
	50% { translate: 0 -10px; }
}
.mdk-anim .mdk-orbit__fine {
	animation: mdk-orbit-turn 90s linear infinite;
}
.mdk-anim .mdk-orbit__inner {
	animation: mdk-orbit-turn 120s linear infinite reverse;
}
@keyframes mdk-orbit-turn {
	to { rotate: 360deg; }
}
.mdk-anim .mdk-orbit__star,
.mdk-anim .mdk-orbit__dot {
	animation: mdk-orbit-twinkle 3.2s ease-in-out infinite;
}
.mdk-anim .mdk-orbit__star--2,
.mdk-anim .mdk-orbit__dot--2 {
	animation-delay: -1.6s;
}
@keyframes mdk-orbit-twinkle {
	0%, 100% { opacity: 1; scale: 1; }
	50% { opacity: 0.35; scale: 0.7; }
}
.mdk-anim .mdk-tch-call__wave i {
	animation: mdk-orbit-voice 1.1s ease-in-out infinite;
	transform-origin: center;
}
.mdk-anim .mdk-tch-call__wave i:nth-child(3n+1) { animation-delay: -0.3s; }
.mdk-anim .mdk-tch-call__wave i:nth-child(3n+2) { animation-delay: -0.7s; }
@keyframes mdk-orbit-voice {
	0%, 100% { scale: 1 1; }
	50% { scale: 1 0.45; }
}