.xdget-html {
	padding-left: 0px !important;
	padding-right: 0px !important;
}
/* ========================================================= БАЗА ========================================================= */

.ny-course,
.ny-course * {
	box-sizing:border-box;
}


/* =========================================================
   ПАЛИТРЫ ЦВЕТОВ
   Чтобы сменить тему — закомментируй текущий :root
   и раскомментируй нужный.
========================================================= */


/* --- ПАЛИТРА 1: ТЁМНО-СИНЯЯ (по умолчанию) --- */

:root {

	/* Основные бренд-цвета */
	--pink:#edb5c1;
	--teal:#9aced3;
	--lavender:#9aa5c4;
	--blue:#4c6e9b;
	--gray:#5f6366;

	/* Базовые токены */
	/*--bg:#F4F0EA;*/
	--bg:#FFFFFF;
	--surface:#FFFFFF;
	--ink:#1E2A3D;
	--text:#4A5868;
	--muted:#8995A4;
	--line:#E0DBD3;

	/* Мягкие фоны плашек */
	--pink-soft:#FBE9ED;
	--teal-soft:#E2F4F6;
	--lavender-soft:#E9ECF3;
	--blue-soft:#DDE5F0;

	/* Глубокий акцент */
	--blue-deep:#2C3E5A;

	/* Тени */
	--shadow:rgba(30,42,61,.15);
	--shadow-deep:0 30px 60px -35px rgba(31,42,61,.5);
	--shadow-card:0 18px 40px -30px rgba(30,42,61,.15);
	--shadow-lesson:0 12px 30px -22px var(--shadow);
	--shadow-lesson-hover:0 22px 45px -22px rgba(31,42,61,.28);
	--shadow-quick:0 8px 20px -10px var(--shadow);

	/* HERO-градиент */
	--hero-grad:linear-gradient(135deg,#2C3E5A 0%,#4c6e9b 100%);
	--hero-blob-pink:rgba(237,181,193,.4);
	--hero-blob-teal:rgba(154,206,211,.35);
	--hero-blob-pink-soft:.3;
	--hero-blob-teal-soft:.25;

	/* Тэги hero */
	--tag-overline-bg:rgba(237,181,193,.2);
	--tag-overline-border:rgba(237,181,193,.45);
	--tag-overline-color:#edb5c1;

	--tag-pink-bg:rgba(237,181,193,.22);
	--tag-pink-border:rgba(237,181,193,.5);
	--tag-teal-bg:rgba(154,206,211,.22);
	--tag-teal-border:rgba(154,206,211,.5);
	--tag-lavender-bg:rgba(154,165,196,.25);
	--tag-lavender-border:rgba(154,165,196,.55);
	--tag-blue-bg:rgba(76,110,155,.4);
	--tag-blue-border:rgba(154,173,212,.55);

	/* Кнопка урока */
	--btn-lesson-bg:var(--blue);
	--btn-lesson-color:#FFFFFF;
	--btn-lesson-hover-bg:var(--blue-deep);

	/* Disabled кнопка */
	--btn-disabled-bg:#E0DDD7;
	--btn-disabled-color:var(--muted);

	/* Кликнутая/закрытая карточка */
	--locked-card-bg:#FAFAF7;
	--locked-overlay:rgba(244,240,234,.2);

	/* Карточка инвентаря */
	--inventory-grad:linear-gradient(120deg,#FFFFFF 50%,var(--lavender-soft) 100%);

}


/* --- ПАЛИТРА 2: «МОЙ ПЕРВЫЙ ПЕЙЗАЖ» (природная зелень + лазурь) ---

:root {
	--pink:#B7D4A0;
	--teal:#7FB7C4;
	--lavender:#A8B8C2;
	--blue:#3E7A5C;
	--gray:#5A6B62;
	--bg:#F1F5EE;
	--surface:#FFFFFF;
	--ink:#1B2D24;
	--text:#3F4A44;
	--muted:#6B736E;
	--line:#D8E2D0;
	--pink-soft:#E5EED8;
	--teal-soft:#DDEEF2;
	--lavender-soft:#E0E8EB;
	--blue-soft:#D7E7DC;
	--blue-deep:#1F4435;
	--shadow:rgba(27,45,36,.15);
	--shadow-deep:0 30px 60px -35px rgba(31,68,53,.5);
	--shadow-card:0 18px 40px -30px rgba(27,45,36,.15);
	--shadow-lesson:0 12px 30px -22px var(--shadow);
	--shadow-lesson-hover:0 22px 45px -22px rgba(31,68,53,.28);
	--shadow-quick:0 8px 20px -10px var(--shadow);
	--hero-grad:linear-gradient(135deg,#1F4435 0%,#3E7A5C 100%);
	--hero-blob-pink:rgba(183,212,160,.4);
	--hero-blob-teal:rgba(127,183,196,.35);
	--hero-blob-pink-soft:.3;
	--hero-blob-teal-soft:.25;
	--tag-overline-bg:rgba(183,212,160,.2);
	--tag-overline-border:rgba(183,212,160,.45);
	--tag-overline-color:#B7D4A0;
	--tag-pink-bg:rgba(183,212,160,.22);
	--tag-pink-border:rgba(183,212,160,.5);
	--tag-teal-bg:rgba(127,183,196,.22);
	--tag-teal-border:rgba(127,183,196,.5);
	--tag-lavender-bg:rgba(212,180,140,.25);
	--tag-lavender-border:rgba(212,180,140,.55);
	--tag-blue-bg:rgba(62,122,92,.4);
	--tag-blue-border:rgba(127,183,196,.55);
	--btn-lesson-bg:var(--blue);
	--btn-lesson-color:#FFFFFF;
	--btn-lesson-hover-bg:var(--blue-deep);
	--btn-disabled-bg:#D8E2D0;
	--btn-disabled-color:var(--muted);
	--locked-card-bg:#F4F7F0;
	--locked-overlay:rgba(241,245,238,.2);
	--inventory-grad:linear-gradient(120deg,#FFFFFF 50%,var(--teal-soft) 100%);
}
*/


/* --- ПАЛИТРА 3: «ОСЕННИЙ ПЕЙЗАЖ» (тёплые охры + бордо) ---
:root {
	--pink:#E8B872;
	--teal:#A65A2A;
	--lavender:#C4A48B;
	--blue:#B0642F;
	--gray:#7A6557;
	--bg:#F5EDE0;
	--surface:#FFFFFF;
	--ink:#2A1A12;
	--text:#4F3A2E;
	--muted:#7A6557;
	--line:#E5D5BD;
	--pink-soft:#FAEAD0;
	--teal-soft:#F0D9C0;
	--lavender-soft:#EBD8C0;
	--blue-soft:#F0D9C0;
	--blue-deep:#5C2A1E;
	--shadow:rgba(42,26,18,.15);
	--shadow-deep:0 30px 60px -35px rgba(92,42,30,.5);
	--shadow-card:0 18px 40px -30px rgba(42,26,18,.15);
	--shadow-lesson:0 12px 30px -22px var(--shadow);
	--shadow-lesson-hover:0 22px 45px -22px rgba(92,42,30,.28);
	--shadow-quick:0 8px 20px -10px var(--shadow);
	--hero-grad:linear-gradient(135deg,#5C2A1E 0%,#B0642F 100%);
	--hero-blob-pink:rgba(232,184,114,.4);
	--hero-blob-teal:rgba(166,90,42,.35);
	--hero-blob-pink-soft:.3;
	--hero-blob-teal-soft:.25;
	--tag-overline-bg:rgba(232,184,114,.2);
	--tag-overline-border:rgba(232,184,114,.45);
	--tag-overline-color:#E8B872;
	--tag-pink-bg:rgba(232,184,114,.22);
	--tag-pink-border:rgba(232,184,114,.5);
	--tag-teal-bg:rgba(166,90,42,.22);
	--tag-teal-border:rgba(166,90,42,.5);
	--tag-lavender-bg:rgba(140,74,36,.25);
	--tag-lavender-border:rgba(140,74,36,.55);
	--tag-blue-bg:rgba(176,100,47,.4);
	--tag-blue-border:rgba(216,162,108,.55);
	--btn-lesson-bg:var(--blue);
	--btn-lesson-color:#FFFFFF;
	--btn-lesson-hover-bg:var(--blue-deep);
	--btn-disabled-bg:#E5D5BD;
	--btn-disabled-color:var(--muted);
	--locked-card-bg:#FAF3E8;
	--locked-overlay:rgba(245,237,224,.2);
	--inventory-grad:linear-gradient(120deg,#FFFFFF 50%,var(--pink-soft) 100%);
}
*/

/* ========================================================= БАЗА ========================================================= */

.ny-course {
	width:100% !important;
	max-width:none !important;
	margin:0 !important;
	padding:30px 20px 70px;

	background:var(--bg);
	color:var(--ink);

	font-family:var(--t-text-font),-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;

	font-size:15px;
	line-height:1.55;
}

.ny-course input,
.ny-course textarea,
.ny-course select {
	font:inherit;
}

.ny-course div,
.ny-course section,
.ny-course main,
.ny-course aside,
.ny-course article {
	box-sizing:border-box;
}


/* ========================================================= КОНТЕЙНЕР ========================================================= */

.ny-course__container {
	width:100% !important;
	max-width:1380px !important;
	margin:0 auto !important;
	padding:0 !important;
}


/* ========================================================= HERO ========================================================= */

.ny-course__hero {
	position:relative;

	overflow:hidden;

	padding:64px 64px 72px;

	border-radius:32px;

	background:
		radial-gradient(circle at 88% 12%,var(--hero-blob-pink) 0%,transparent 38%),
		radial-gradient(circle at 8% 92%,var(--hero-blob-teal) 0%,transparent 42%),
		var(--hero-grad);

	color:#FFFFFF;

	box-shadow:var(--shadow-deep);
}

.ny-course__hero::before {
	content:"";

	position:absolute;

	top:-120px;
	right:-80px;

	width:320px;
	height:320px;

	border-radius:50%;

	background:var(--pink);

	opacity:var(--hero-blob-pink-soft);
	filter:blur(50px);

	z-index:1;
}

.ny-course__hero::after {
	content:"";

	position:absolute;

	bottom:-180px;
	left:25%;

	width:400px;
	height:400px;

	border-radius:50%;

	background:var(--teal);

	opacity:var(--hero-blob-teal-soft);
	filter:blur(60px);

	z-index:1;
}

.ny-course__hero-content {
	position:relative;

	z-index:2;

	max-width:820px;
}

.ny-course__hero-overline {
	display:inline-block;

	margin:0 0 20px;

	padding:9px 20px;

	background:var(--tag-overline-bg);

	border:1px solid var(--tag-overline-border);
	border-radius:50px;

	color:var(--tag-overline-color);

	font-size:12px;
	font-weight:700;

	letter-spacing:.14em;

	text-transform:uppercase;

	backdrop-filter:blur(10px);
	-webkit-backdrop-filter:blur(10px);
}

.ny-course__welcome {
	margin:0 0 14px;

	color:var(--teal);

	font-family:var(--t-headline-font),Georgia,"Times New Roman",serif;

	font-size:26px;
	font-style:italic;
	font-weight:400;
}

.ny-course__title {
	margin:0;

	color:#FFFFFF;

	font-family:var(--t-headline-font),Georgia,"Times New Roman",serif;

	font-size:58px;
	font-weight:700;

	line-height:1.05;

	letter-spacing:-.02em;
}

.ny-course__title span {
	color:var(--pink);
}

.ny-course__subtitle {
	max-width:720px;

	margin:24px 0 0;

	color:rgba(255,255,255,.85);

	font-family:var(--t-headline-font),Georgia,"Times New Roman",serif;

	font-size:19px;

	line-height:1.6;
}


/* ========================================================= TAGS ========================================================= */

.ny-course__hero-tags {
	display:flex;

	flex-wrap:wrap;

	gap:10px;

	margin-top:32px;
}

.ny-course__hero-tag {
	padding:10px 20px;

	border-radius:50px;

	background:rgba(255,255,255,.12);
	border:1px solid rgba(255,255,255,.22);

	color:#FFFFFF;

	font-size:12px;
	font-weight:600;

	letter-spacing:.04em;

	text-transform:uppercase;

	backdrop-filter:blur(10px);
	-webkit-backdrop-filter:blur(10px);

	transition:transform .2s ease,background .2s ease;
}

.ny-course__hero-tag:hover {
	transform:translateY(-2px);
	background:rgba(255,255,255,.18);
}

.ny-course__hero-tag--pink {
	background:var(--tag-pink-bg);
	border-color:var(--tag-pink-border);
}

.ny-course__hero-tag--teal {
	background:var(--tag-teal-bg);
	border-color:var(--tag-teal-border);
}

.ny-course__hero-tag--lavender {
	background:var(--tag-lavender-bg);
	border-color:var(--tag-lavender-border);
}

.ny-course__hero-tag--blue {
	background:var(--tag-blue-bg);
	border-color:var(--tag-blue-border);
}


/* ========================================================= ОСНОВНАЯ СЕТКА ========================================================= */

.ny-course__main {
	display:grid !important;

	width:100% !important;

	grid-template-columns:minmax(0,1fr) minmax(340px,380px);

	align-items:start;

	gap:32px;

	margin-top:50px;
}


/* ========================================================= ЛЕВАЯ КОЛОНКА ========================================================= */

.ny-course__content {
	width:100% !important;
	min-width:0 !important;
	margin:0 !important;
	padding:0 !important;
}


/* ========================================================= ЗАГОЛОВОК ПРОГРАММЫ ========================================================= */

.ny-course__section-head {
	width:100%;

	margin:0 0 32px;
}

.ny-course__overline {
	margin:0 0 8px;

	color:var(--blue);

	font-size:12px;
	font-weight:700;

	letter-spacing:.15em;

	text-transform:uppercase;
}

.ny-course__section-title {
		margin:0;

	color:var(--ink);

	font-family:var(--t-headline-font),Georgia,"Times New Roman",serif;

	font-size:40px;
	font-weight:700;

	line-height:1.1;

	letter-spacing:-.01em;
}

.ny-course__section-text {
	max-width:700px;

	margin:14px 0 0;

	color:var(--text);

	font-size:15.5px;

	line-height:1.6;
}


/* ========================================================= СЕТКА УРОКОВ — ГОРИЗОНТАЛЬНЫЕ КАРТОЧКИ ========================================================= */

.ny-course__lessons {
	display:flex !important;
	flex-direction:column;

	width:100% !important;

	gap:20px;

	margin:0 !important;
	padding:0 !important;
}


/* ========================================================= КАРТОЧКА ========================================================= */

.ny-course__lesson {
	position:relative;

	display:grid !important;

	width:100% !important;
	min-width:0 !important;

	grid-template-columns:320px minmax(0,1fr);

	overflow:hidden;

	border:1px solid var(--line);
	border-radius:24px;

	background:var(--surface);

	box-shadow:var(--shadow-lesson);

	transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}

.ny-course__lesson:hover {
	transform:translateY(-3px);
	box-shadow:var(--shadow-lesson-hover);
	border-color:var(--teal);
}


/* ========================================================= ДЕКОРАТИВНЫЙ НОМЕР НА КАРТОЧКЕ ========================================================= */

.ny-course__lesson-num {
	position:absolute;

	top:14px;
	right:26px;

	z-index:3;

	font-family:var(--t-headline-font),Georgia,"Times New Roman",serif;

	font-size:72px;
	font-weight:700;

	line-height:1;

	color:var(--pink);

	opacity:.22;

	pointer-events:none;
	user-select:none;

	letter-spacing:-.04em;
}


/* ========================================================= ИЗОБРАЖЕНИЕ УРОКА (ЛЕВАЯ ЧАСТЬ) ========================================================= */

.ny-course__lesson-image {
	position:relative;

	display:block;

	width:100% !important;
	height:100%;

	min-height:260px;

	overflow:hidden;

	background:var(--lavender-soft);
}

.ny-course__lesson-image img {
	display:block;

	width:100% !important;
	height:100% !important;
	max-width:none !important;

	object-fit:cover !important;
	object-position:center center !important;

	transition:transform .4s ease;
}

.ny-course__lesson:hover
.ny-course__lesson-image img {
	transform:scale(1.04);
}


/* ========================================================= ЦЫПЛЁНОК — КАРТИНКА ЦЕЛИКОМ ========================================================= */

.ny-course__lesson-image--chick {
	display:flex;
	align-items:center;
	justify-content:center;

	padding:12px;

	background:linear-gradient(145deg,#2C3E5A,#1E2A3D);
}

.ny-course__lesson-image--chick img {
	object-fit:contain !important;
	border-radius:8px;
	transform:none !important;
}

.ny-course__lesson:hover
.ny-course__lesson-image--chick img {
	transform:none !important;
}


/* ========================================================= КОНТЕНТ КАРТОЧКИ (ПРАВАЯ ЧАСТЬ) ========================================================= */

.ny-course__lesson-content {
	display:flex;

	width:100%;
	flex:1;
	flex-direction:column;

	padding:28px 32px 26px;
}

.ny-course__lesson-top {
	display:flex;

	align-items:center;
	justify-content:space-between;

	gap:12px;

	margin-bottom:14px;
}

.ny-course__lesson-number {
	color:var(--blue);

	font-size:12px;
	font-weight:700;

	letter-spacing:.14em;

	text-transform:uppercase;
}


/* ========================================================= BADGES ========================================================= */

.ny-course__badge {
	padding:6px 12px;

	border-radius:50px;

	font-size:10px;
	font-weight:700;

	letter-spacing:.04em;

	text-transform:uppercase;
}

.ny-course__badge--open {
	background:var(--teal-soft);
	color:var(--blue-deep);
}

.ny-course__badge--locked {
	background:var(--lavender-soft);
	color:var(--gray);
}


/* ========================================================= НАЗВАНИЯ И ТЕКСТ ========================================================= */

.ny-course__lesson-title {
	margin:0 0 10px;

	color:var(--ink);

	font-family:var(--t-headline-font),Georgia,"Times New Roman",serif;

	font-size:24px;
	font-weight:600;

	line-height:1.2;

	letter-spacing:-.01em;
}

.ny-course__lesson-text {
	flex:1;

	margin:0 0 18px;

	color:var(--text);

	font-size:14.5px;

	line-height:1.6;
}


/* ========================================================= ДАТЫ ========================================================= */

.ny-course__date {
	margin:0 0 18px;

	padding:12px 16px;

	border-left:3px solid var(--pink);
	border-radius:14px;

	background:var(--pink-soft);
}

.ny-course__date-main {
	display:block;

	margin-bottom:3px;

	color:var(--blue);

	font-family:var(--t-headline-font),Georgia,"Times New Roman",serif;

	font-size:14px;
	font-weight:600;

	line-height:1.4;
}

.ny-course__date-sub {
	display:block;

	color:var(--gray);

	font-size:12px;

	line-height:1.45;
}


/* ========================================================= КНОПКА УРОКА — ЗАЛИТАЯ, С АКЦЕНТОМ ========================================================= */

.ny-course__lesson-button {
	display:flex !important;

	align-items:center;
	justify-content:space-between;

	gap:12px;

	width:100% !important;
	min-height:48px;

	margin-top:auto;

	padding:13px 22px;

	border:none;
	border-radius:50px;

	background:var(--btn-lesson-bg);
	color:var(--btn-lesson-color) !important;

	font-size:13px;
	font-weight:700;

	text-decoration:none !important;

	transition:background .2s ease,transform .2s ease;
}

.ny-course__lesson-button:hover {
	background:var(--btn-lesson-hover-bg);
	transform:translateX(2px);
}


/* ========================================================= ИНВЕНТАРЬ ========================================================= */

.ny-course__lesson--inventory {
	background:var(--inventory-grad);
}

.ny-course__lesson--inventory
.ny-course__lesson-num {
	color:var(--blue);
}


/* ========================================================= ЗАКРЫТЫЕ УРОКИ ========================================================= */

.ny-course__lesson--locked {
	background:var(--locked-card-bg);
	opacity:.88;
}

.ny-course__lesson--locked
.ny-course__lesson-image::after {
	content:"";

	position:absolute;

	inset:0;

	pointer-events:none;

	background:var(--locked-overlay);
}

.ny-course__lesson-button--disabled {
	background:var(--btn-disabled-bg) !important;
	color:var(--btn-disabled-color) !important;
	pointer-events:none;
}

.ny-course__lesson-button--disabled:hover {
	background:var(--btn-disabled-bg) !important;
	transform:none;
}


/* ========================================================= SIDEBAR ========================================================= */

.ny-course__sidebar {
	position:sticky;
	top:20px;

	width:100% !important;
	min-width:0 !important;
}

.ny-course__sidebar-box {
	width:100%;

	padding:28px;

	border:1px solid var(--line);
	border-radius:24px;

	background:var(--surface);

	box-shadow:var(--shadow-card);
}

.ny-course__sidebar-label {
	margin:0 0 6px;

	color:var(--blue);

	font-size:11px;
	font-weight:700;

	letter-spacing:.15em;

	text-transform:uppercase;
}

.ny-course__sidebar-title {
	margin:0 0 10px;

	color:var(--ink);

	font-family:var(--t-headline-font),Georgia,"Times New Roman",serif;

	font-size:30px;
	font-weight:700;

	line-height:1.15;

	letter-spacing:-.01em;
}

.ny-course__sidebar-text {
	margin:0 0 22px;

	color:var(--text);

	font-size:13.5px;

	line-height:1.5;
}


/* ========================================================= БЫСТРЫЕ ССЫЛКИ — ЦВЕТНЫЕ КАРТОЧКИ ========================================================= */

.ny-course__quick {
	display:flex;
	flex-direction:column;

	gap:12px;
}

.ny-course__quick-card {
	display:grid !important;

	width:100% !important;

	grid-template-columns:48px minmax(0,1fr) 18px;

	align-items:center;

	gap:14px;

	min-height:86px;

	padding:14px 16px;

	border-radius:16px;

	text-decoration:none !important;

	transition:transform .2s ease,box-shadow .2s ease;
}

.ny-course__quick-card:hover {
	transform:translateX(3px);
	box-shadow:var(--shadow-quick);
}

.ny-course__quick-card--chat {
	background:var(--hero-grad);
	color:#FFFFFF !important;
}

.ny-course__quick-card:not(.ny-course__quick-card--chat):not(.ny-course__quick-card--reference) {
	background:var(--lavender-soft);
	color:var(--ink) !important;
}

.ny-course__quick-card--reference {
	background:var(--pink-soft);
	color:var(--ink) !important;
}

.ny-course__quick-icon {
	display:flex;

	width:48px;
	height:48px;

	align-items:center;
	justify-content:center;

	border-radius:14px;

	font-family:var(--t-headline-font),Georgia,"Times New Roman",serif;

	font-size:20px;
}

.ny-course__quick-card--chat
.ny-course__quick-icon {
	background:rgba(255,255,255,.15);
	color:var(--teal);
}

.ny-course__quick-card:not(.ny-course__quick-card--chat):not(.ny-course__quick-card--reference)
.ny-course__quick-icon {
	background:var(--surface);
	color:var(--blue);
}

.ny-course__quick-card--reference
.ny-course__quick-icon {
	background:var(--surface);
	color:var(--pink);
}

.ny-course__quick-content {
	display:block;
	min-width:0;
}

.ny-course__quick-title {
	display:block;

	margin-bottom:3px;

	font-family:var(--t-headline-font),Georgia,"Times New Roman",serif;

	font-size:15.5px;
	font-weight:600;

	line-height:1.25;
}

.ny-course__quick-card--chat
.ny-course__quick-title {
	color:#FFFFFF;
}

.ny-course__quick-text {
	display:block;

	font-size:11.5px;

	line-height:1.4;
}

.ny-course__quick-card--chat
.ny-course__quick-text {
	color:var(--teal);
}

.ny-course__quick-card:not(.ny-course__quick-card--chat):not(.ny-course__quick-card--reference)
.ny-course__quick-text {
	color:var(--muted);
}

.ny-course__quick-card--reference
.ny-course__quick-text {
	color:var(--gray);
}

.ny-course__quick-arrow {
	font-size:18px;
}

.ny-course__quick-card--chat
.ny-course__quick-arrow {
	color:var(--teal);
}

.ny-course__quick-card:not(.ny-course__quick-card--chat):not(.ny-course__quick-card--reference)
.ny-course__quick-arrow {
	color:var(--blue);
}

.ny-course__quick-card--reference
.ny-course__quick-arrow {
	color:var(--pink);
}


/* ========================================================= SIDEBAR NOTE ========================================================= */

.ny-course__sidebar-note {
	margin-top:18px;

	padding:16px 18px;

	border-radius:16px;

	background:var(--teal-soft);
	color:var(--blue-deep);

	font-size:12px;

	line-height:1.55;

	border-left:3px solid var(--blue);
}

.ny-course__sidebar-note strong {
	color:var(--blue);
}


/* ========================================================= TABLET ========================================================= */

@media(max-width:1100px) {

	.ny-course__main {
		grid-template-columns:1fr;
		row-gap:28px;
	}

	.ny-course__sidebar {
		position:static;
		order:-1;
	}

	.ny-course__quick {
		display:grid;
		grid-template-columns:repeat(3,minmax(0,1fr));
		gap:12px;
	}

}


/* ========================================================= MOBILE ========================================================= */

@media(max-width:800px) {

	.ny-course {
		padding:12px 0px 50px;
	}

	.ny-course__hero {
		padding:40px 24px 46px;
		border-radius:24px;
	}

	.ny-course__title {
		font-size:38px;
	}

	.ny-course__welcome {
		font-size:20px;
	}

	.ny-course__subtitle {
		font-size:16px;
	}

	.ny-course__hero-overline {
		font-size:11px;
		padding:7px 16px;
	}

	.ny-course__main {
		margin-top:36px;
	}

	.ny-course__section-title {
		font-size:32px;
	}

	.ny-course__lesson {
		grid-template-columns:1fr;
	}

	.ny-course__lesson-image {
		min-height:220px;
		height:220px;
	}

	.ny-course__lesson-image--chick {
		height:260px;
		min-height:260px;
	}

	.ny-course__lesson-num {
		font-size:52px;
		top:12px;
		right:18px;
	}

	.ny-course__lesson-content {
		padding:22px 22px 22px;
	}

	.ny-course__sidebar-box {
		padding:24px;
	}

	.ny-course__quick {
		grid-template-columns:1fr;
	}

}