/*
 * Схема v3 — только страница ниндзя-парков.
 * Токены и шрифты те же, что у v1; отличается подача: капслок на Unbounded,
 * срезанные углы блоков, ромбовидные маркеры и акцентная штриховка.
 * Геометрия из прототипа v3 (холст 1920) переведена во fluid-значения.
 */

.ninja {
	--nj-pad: clamp(16px, 2.92vw, 56px);
	--nj-notch: clamp(16px, 2.5vw, 48px);
}

/* ------------------------------------------------------------ Типографика */

.nj-title {
	margin: clamp(14px, 1.15vw, 22px) 0 0;
	font-family: var(--font-display);
	font-size: clamp(24px, 2.67vw, 51.2px);
	font-weight: 800;
	letter-spacing: -.045em;
	text-transform: uppercase;
	line-height: 1;
}

.nj-title--spaced {
	margin-bottom: clamp(24px, 2.14vw, 41px);
}

.nj-eyebrow {
	display: flex;
	align-items: center;
	gap: 14px;
	margin: 0;
	font-size: clamp(12px, .74vw, 14.2px);
	letter-spacing: .2em;
	text-transform: uppercase;
	color: var(--acc);
}

.nj-eyebrow__rhombus {
	display: block;
	width: 13px;
	height: 13px;
	background: var(--acc);
	transform: rotate(45deg);
	flex-shrink: 0;
}

.nj-note {
	margin: 0 0 clamp(16px, 1.25vw, 24px);
	font-size: clamp(13px, .74vw, 14.2px);
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--dim);
}

/* ------------------------------------------------------------- Кнопки v3 */

.nj-btn {
	display: inline-block;
	font-size: clamp(14px, .84vw, 16.1px);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .04em;
	cursor: pointer;
	transition: background-color .18s ease, color .18s ease, border-color .18s ease;
	clip-path: polygon(0 0, calc(100% - 22px) 0, 100% 22px, 100% 100%, 22px 100%, 0 calc(100% - 22px));
}

.nj-btn--primary {
	background: var(--acc);
	color: #fff;
	padding: clamp(16px, 1.15vw, 22px) clamp(24px, 2.19vw, 42px);
}

.nj-btn--primary:hover {
	background: var(--ink);
	color: var(--bg);
}

/* Вторая кнопка первого экрана: контур снят по правке клиента 22.09.2026,
 * заливка вторым цветом палитры; одиночные кнопки под блоками — nj-btn--primary. */
.nj-btn--ghost {
	background: var(--sec);
	color: var(--secink);
	padding: clamp(16px, 1.15vw, 22px) clamp(24px, 2.19vw, 42px);
}

.nj-btn--ghost:hover {
	background: var(--acc);
	color: var(--accink);
}

/* ---------------------------------------------------------- Первый экран */

.nj-hero {
	position: relative;
	padding: clamp(36px, 4.27vw, 82px) var(--nj-pad) 0;
	overflow: hidden;
}

.nj-hero__shape {
	position: absolute;
	transform: rotate(45deg);
	pointer-events: none;
}

.nj-hero__shape--acc {
	right: -168px;
	top: -168px;
	width: clamp(280px, 30.6vw, 588px);
	height: clamp(280px, 30.6vw, 588px);
	border: 2px solid var(--acc);
	opacity: .35;
}

.nj-hero__grid {
	position: relative;
	display: grid;
	grid-template-columns: 1.05fr .95fr;
	gap: clamp(28px, 3.07vw, 59px);
	align-items: center;
}

.nj-badge {
	display: inline-flex;
	align-items: center;
	gap: 14px;
	margin: 0;
	padding: 12px 22px 12px 17px;
	background: var(--acc);
	color: #fff;
	font-size: clamp(12px, .74vw, 14.2px);
	font-weight: 700;
	letter-spacing: .14em;
	text-transform: uppercase;
	clip-path: polygon(0 0, calc(100% - 17px) 0, 100% 17px, 100% 100%, 17px 100%, 0 calc(100% - 17px));
}

.nj-badge__rhombus {
	display: block;
	width: 11px;
	height: 11px;
	background: #fff;
	transform: rotate(45deg);
	flex-shrink: 0;
}

.nj-hero__title {
	margin: clamp(20px, 1.82vw, 35px) 0 0;
	font-family: var(--font-display);
	font-weight: 800;
	font-size: clamp(32px, 4.05vw, 77.7px);
	line-height: 1;
	letter-spacing: -.045em;
	text-transform: uppercase;
}

.nj-hero__accent {
	color: var(--acc);
}

.nj-hero__lead {
	margin: clamp(18px, 1.56vw, 30px) 0 0;
	max-width: 564px;
	font-size: clamp(15px, .96vw, 18.4px);
	line-height: 1.6;
	color: var(--dim);
}

.nj-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: clamp(10px, .84vw, 16px);
	margin-top: clamp(24px, 2.14vw, 41px);
}

.nj-hero__media {
	position: relative;
}

.nj-hero__shot {
	position: relative;
	aspect-ratio: 4 / 3;
	background: var(--shot);
	overflow: hidden;
	clip-path: polygon(0 0, calc(100% - 64px) 0, 100% 64px, 100% 100%, 64px 100%, 0 calc(100% - 64px));
}

.nj-hero__shot img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* Слайдер первого экрана (22.09.2026): лента на scroll-snap внутри того же
 * срезанного кадра; стрелки и точки-ромбы в стилистике v3, логика —
 * assets/js/slider.js. Кадры клиента 16:9, поэтому пропорция шире. */
.nj-hero__shot--slider {
	aspect-ratio: 16 / 10;
}

.nj-slider__track {
	display: flex;
	height: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
}

.nj-slider__track::-webkit-scrollbar {
	display: none;
}

.nj-slider__slide {
	flex: 0 0 100%;
	height: 100%;
	scroll-snap-align: start;
	scroll-snap-stop: always;
}

.nj-slider__slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.nj-slider__arrow {
	position: absolute;
	top: 50%;
	display: grid;
	place-items: center;
	width: 48px;
	height: 48px;
	padding: 0;
	border: 0;
	background: var(--acc);
	color: #fff;
	cursor: pointer;
	transform: translateY(-50%);
	clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px));
	transition: background-color .18s ease;
}

.nj-slider__arrow:hover {
	background: var(--ink);
}

.nj-slider__arrow:focus-visible {
	outline: 2px solid #fff;
	outline-offset: -4px;
}

.nj-slider__arrow svg {
	width: 20px;
	height: 20px;
}

.nj-slider__arrow--prev {
	left: 18px;
}

.nj-slider__arrow--next {
	right: 18px;
}

.nj-slider__dots {
	position: absolute;
	left: 50%;
	bottom: 22px;
	display: flex;
	gap: 16px;
	transform: translateX(-50%);
}

.nj-slider__dot {
	width: 12px;
	height: 12px;
	padding: 0;
	border: 2px solid #fff;
	background: rgba(0, 0, 0, .3);
	cursor: pointer;
	transform: rotate(45deg);
	transition: background-color .18s ease, border-color .18s ease;
}

.nj-slider__dot.is-active {
	border-color: var(--acc);
	background: var(--acc);
}

.nj-slider__dot:focus-visible {
	outline: 2px solid var(--acc);
	outline-offset: 3px;
}

.nj-marks {
	position: relative;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: clamp(10px, .99vw, 19px);
	margin-top: clamp(28px, 3.49vw, 67px);
}

.nj-marks__item {
	background: var(--panel);
	padding: clamp(18px, 1.35vw, 26px) clamp(18px, 1.61vw, 31px);
	clip-path: polygon(0 0, calc(100% - 25px) 0, 100% 25px, 100% 100%, 25px 100%, 0 calc(100% - 25px));
}

.nj-marks__key {
	font-size: 13px;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--dim);
}

.nj-marks__value {
	margin-top: 12px;
	font-family: var(--font-display);
	font-size: clamp(16px, 1.02vw, 19.5px);
	font-weight: 600;
	letter-spacing: -.03em;
}

/* ------------------------------------------------------------- Секции */

.nj-block {
	padding: clamp(36px, 4.01vw, 77px) var(--nj-pad);
}

/*
 * Заголовок слева, пояснение справа карточкой. Выравнивание по верху, а не по
 * низу: пояснение выше заголовка, и при flex-end оно начиналось над ним.
 * Отступ сверху опускает карточку примерно на строку заголовка.
 */
/* Шапка блока: заголовок, под ним сноска (.nj-block__lead) — не справа
 * (правка клиента 15.09.2026, единообразно со схемой v1). */
.nj-block__head {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0;
	margin-bottom: clamp(24px, 2.14vw, 41px);
}

.nj-block__lead {
	margin: clamp(16px, 1.56vw, 30px) 0 0;
	max-width: 720px;
	padding: clamp(18px, 1.56vw, 30px) clamp(18px, 1.77vw, 34px);
	background: var(--card);
	border: 1px solid var(--line);
	border-left: 3px solid var(--acc);
	/* Срез только у правого верхнего угла — левая акцентная грань остаётся целой. */
	clip-path: polygon(0 0, calc(100% - 24px) 0, 100% 24px, 100% 100%, 0 100%);
	font-size: clamp(15px, .87vw, 16.7px);
	line-height: 1.6;
	color: var(--dim);
}

.nj-block__actions {
	display: flex;
	justify-content: center;
	margin-top: clamp(20px, 1.5vw, 28px);
}

/* Акцентная штриховка-разделитель. */
.nj-stripe {
	height: 31px;
	background: repeating-linear-gradient(135deg, var(--acc) 0 20px, transparent 20px 39px);
}

/* --------------------------------------------------------- Статистика */

.nj-stat {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: clamp(20px, 2vw, 40px);
	padding: clamp(28px, 2.6vw, 50px) var(--nj-pad);
	background: var(--ink);
	color: var(--bg);
}

.nj-stat__text {
	margin: 0;
	max-width: 1080px;
	font-family: var(--font-display);
	font-size: clamp(17px, 1.35vw, 26px);
	font-weight: 600;
	line-height: 1.35;
	letter-spacing: -.02em;
}

.nj-stat__source {
	margin: 0;
	font-size: 13px;
	letter-spacing: .16em;
	text-transform: uppercase;
	opacity: .6;
	white-space: nowrap;
}

/* ---------------------------------------------------------- Площадки */

.nj-places {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: clamp(10px, .99vw, 19px);
	list-style: none;
	margin: 0;
	padding: 0;
}

.nj-places__item {
	background: var(--panel);
	padding: clamp(20px, 1.66vw, 32px);
	clip-path: polygon(0 0, calc(100% - 25px) 0, 100% 25px, 100% 100%, 25px 100%, 0 calc(100% - 25px));
	display: flex;
	flex-direction: column;
	gap: 14px;
	min-height: 100%;
}

.nj-places__num {
	font-family: var(--font-mono);
	font-size: 13px;
	letter-spacing: .16em;
	color: var(--acc);
}

.nj-places__name {
	font-size: clamp(15px, .9vw, 17.3px);
	font-weight: 600;
	line-height: 1.35;
}

/* ---------------------------------------------------------- Экономика */

.nj-figures {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: clamp(10px, .99vw, 19px);
	margin-bottom: clamp(16px, 1.25vw, 24px);
}

.nj-figures__item {
	background: var(--panel);
	padding: clamp(22px, 1.98vw, 38px) clamp(18px, 1.61vw, 31px);
	clip-path: polygon(0 0, calc(100% - 25px) 0, 100% 25px, 100% 100%, 25px 100%, 0 calc(100% - 25px));
}

.nj-figures__num {
	font-family: var(--font-display);
	font-size: clamp(22px, 1.9vw, 36.6px);
	font-weight: 600;
	letter-spacing: -.035em;
	line-height: 1.1;
}

.nj-figures__label {
	margin-top: 12px;
	font-size: clamp(13px, .78vw, 15px);
	color: var(--dim);
	line-height: 1.4;
}

.nj-cards {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: clamp(10px, 1.25vw, 24px);
}

.nj-cards__item {
	position: relative;
	background: var(--card);
	border: 1px solid var(--line);
	padding: clamp(22px, 2.29vw, 44px) clamp(20px, 2.5vw, 48px) clamp(20px, 1.98vw, 38px);
	clip-path: polygon(0 0, calc(100% - var(--nj-notch)) 0, 100% var(--nj-notch), 100% 100%, var(--nj-notch) 100%, 0 calc(100% - var(--nj-notch)));
}

.nj-cards__num {
	font-family: var(--font-mono);
	font-size: 13px;
	letter-spacing: .16em;
	color: var(--acc);
}

.nj-cards__title {
	margin: 16px 0 12px;
	font-family: var(--font-display);
	font-size: clamp(16px, 1.04vw, 20px);
	font-weight: 600;
	letter-spacing: -.03em;
	text-transform: uppercase;
	line-height: 1.15;
}

.nj-cards__text {
	font-size: clamp(14px, .81vw, 15.5px);
	line-height: 1.55;
	color: var(--dim);
}

/* ------------------------------------------------------------ Элементы */

.nj-elements {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: clamp(10px, 1.25vw, 24px);
}

.nj-elements__item {
	background: var(--panel);
	padding: clamp(12px, .99vw, 19px);
	clip-path: polygon(0 0, calc(100% - 25px) 0, 100% 25px, 100% 100%, 25px 100%, 0 calc(100% - 25px));
}

.nj-elements__shot {
	position: relative;
	aspect-ratio: 4 / 3;
	background: var(--shot);
	overflow: hidden;
}

.nj-elements__shot img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	mix-blend-mode: multiply;
}

[data-theme='dark'] .nj-elements__shot img {
	mix-blend-mode: normal;
}

.nj-elements__code {
	position: absolute;
	left: 11px;
	top: 11px;
	font-family: var(--font-mono);
	font-size: 11.8px;
	letter-spacing: .1em;
	background: var(--acc);
	color: #fff;
	padding: 4px 8px;
}

.nj-elements__name {
	margin: 15px 0 7px;
	font-family: var(--font-display);
	font-size: clamp(14px, .84vw, 16px);
	font-weight: 600;
	letter-spacing: -.02em;
	text-transform: uppercase;
	line-height: 1.2;
}

.nj-elements__spec {
	font-size: clamp(13px, .74vw, 14.2px);
	line-height: 1.5;
	color: var(--dim);
}

/* -------------------------------------------------- Требования к площадке */

.nj-req {
	margin-top: clamp(28px, 2.6vw, 50px);
	border-top: 2px solid var(--acc);
	padding-top: clamp(20px, 1.66vw, 32px);
}

.nj-req__title {
	margin: 0 0 clamp(16px, 1.25vw, 24px);
	font-family: var(--font-display);
	font-size: clamp(16px, 1.15vw, 22px);
	font-weight: 600;
	letter-spacing: -.03em;
	text-transform: uppercase;
}

.nj-req__list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: clamp(10px, 1.25vw, 24px);
	margin: 0;
}

.nj-req__item {
	border-left: 2px solid var(--line);
	padding-left: clamp(14px, 1.15vw, 22px);
}

.nj-req__key {
	font-size: 13px;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--dim);
}

.nj-req__value {
	margin: 10px 0 0;
	font-family: var(--font-display);
	font-size: clamp(16px, 1.15vw, 22px);
	font-weight: 600;
	letter-spacing: -.03em;
}

/* ------------------------------------------------------------- Услуги */

.nj-block--services {
	background: var(--panel);
}

.nj-services {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: clamp(12px, 1.15vw, 22px) clamp(20px, 2.5vw, 48px);
	list-style: none;
	margin: 0;
	padding: 0;
}

.nj-services__item {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	font-size: clamp(15px, .9vw, 17.3px);
	line-height: 1.45;
	padding-bottom: clamp(12px, 1.15vw, 22px);
	border-bottom: 1px solid var(--line);
}

.nj-services__rhombus {
	display: block;
	width: 11px;
	height: 11px;
	margin-top: 6px;
	background: var(--acc);
	transform: rotate(45deg);
	flex-shrink: 0;
}

/* -------------------------------------------------------------- Этапы */

.nj-stages {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: clamp(10px, 1.25vw, 24px);
	list-style: none;
	margin: 0;
	padding: 0;
}

.nj-stages__item {
	display: flex;
	align-items: flex-start;
	gap: clamp(12px, 1.15vw, 22px);
	background: var(--card);
	border: 1px solid var(--line);
	padding: clamp(18px, 1.66vw, 32px);
	clip-path: polygon(0 0, calc(100% - 25px) 0, 100% 25px, 100% 100%, 25px 100%, 0 calc(100% - 25px));
}

.nj-stages__num {
	font-family: var(--font-display);
	font-size: clamp(18px, 1.35vw, 26px);
	font-weight: 800;
	letter-spacing: -.04em;
	color: var(--acc);
	line-height: 1;
	flex-shrink: 0;
}

.nj-stages__name {
	font-size: clamp(15px, .9vw, 17.3px);
	font-weight: 600;
	line-height: 1.35;
}

/* ------------------------------------------------------------ Вопросы */

.nj-faq__item {
	border-top: 1px solid var(--line);
	padding: clamp(18px, 1.35vw, 26px) 0;
}

.nj-faq__item:last-child {
	border-bottom: 1px solid var(--line);
}

.nj-faq__q {
	display: flex;
	align-items: baseline;
	gap: clamp(12px, 1.15vw, 22px);
	cursor: pointer;
	list-style: none;
}

.nj-faq__q::-webkit-details-marker {
	display: none;
}

.nj-faq__num {
	font-family: var(--font-mono);
	font-size: 13px;
	letter-spacing: .16em;
	color: var(--acc);
	flex-shrink: 0;
}

.nj-faq__text {
	flex: 1;
	font-family: var(--font-display);
	font-size: clamp(15px, .99vw, 19px);
	font-weight: 600;
	letter-spacing: -.03em;
	text-transform: uppercase;
	line-height: 1.25;
}

.nj-faq__sign {
	font-family: var(--font-mono);
	font-size: clamp(15px, .9vw, 17.3px);
	color: var(--acc);
	flex-shrink: 0;
}

.nj-faq__sign::before {
	content: '+';
}

.nj-faq__item[open] .nj-faq__sign::before {
	content: '−';
}

.nj-faq__a {
	margin: 15px 0 0;
	padding-left: clamp(32px, 3vw, 58px);
	max-width: 900px;
	font-size: clamp(15px, .84vw, 16.1px);
	line-height: 1.6;
	color: var(--dim);
}

.nj-faq__a p {
	margin: 0 0 10px;
}

.nj-faq__a p:last-child {
	margin-bottom: 0;
}

/* --------------------------------------------------------------- Заявка */

.nj-cta {
	background: var(--sec);
	color: var(--secink);
	padding: clamp(36px, 3.49vw, 67px) var(--nj-pad);
}

.nj-cta__title {
	margin: 0;
	font-family: var(--font-display);
	font-size: clamp(26px, 2.53vw, 48.6px);
	font-weight: 800;
	line-height: 1.02;
	letter-spacing: -.045em;
	text-transform: uppercase;
}

.nj-cta__text {
	margin: clamp(16px, 1.04vw, 20px) 0 0;
	max-width: 560px;
	font-size: clamp(15px, .87vw, 16.7px);
	line-height: 1.55;
	opacity: .75;
}

.nj-cta__contacts {
	display: flex;
	flex-wrap: wrap;
	gap: clamp(14px, 1.5vw, 28px);
	margin-top: clamp(20px, 1.82vw, 35px);
	font-family: var(--font-mono);
	font-size: clamp(14px, .78vw, 15px);
}

.nj-cta__contacts a {
	color: var(--secink);
	opacity: .85;
}

.nj-cta__contacts a:hover {
	opacity: 1;
	color: var(--secink);
}

.nj-cta__actions {
	margin-top: clamp(22px, 1.88vw, 36px);
}

/* Кнопки на цветной плашке («Написать в Telegram», отправка формы):
 * ховер чернилами на зелёном не читается, поэтому инверсия плашки. */
.nj-cta .nj-btn--primary:hover {
	background: var(--secink);
	color: var(--sec);
}

/* ------------------------------------------------------------- Адаптив */

@media (max-width: 1180px) {
	.nj-elements {
		grid-template-columns: repeat(3, 1fr);
	}

	.nj-cards,
	.nj-stages {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 1024px) {
	.nj-hero__grid {
		grid-template-columns: 1fr;
	}

	.nj-marks,
	.nj-places,
	.nj-figures {
		grid-template-columns: repeat(2, 1fr);
	}

	.nj-block__lead {
		max-width: none;
	}

	.nj-stat {
		flex-direction: column;
		align-items: flex-start;
	}

	.nj-stat__source {
		white-space: normal;
	}

	.nj-req__list {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 700px) {
	.nj-marks,
	.nj-places,
	.nj-figures,
	.nj-cards,
	.nj-stages,
	.nj-services,
	.nj-elements {
		grid-template-columns: 1fr;
	}

	.nj-btn {
		width: 100%;
		text-align: center;
	}

	.nj-slider__arrow {
		width: 40px;
		height: 40px;
	}

	.nj-slider__arrow--prev {
		left: 10px;
	}

	.nj-slider__arrow--next {
		right: 10px;
	}

	.nj-slider__dots {
		bottom: 14px;
	}
}

/* ------------------------------------------ Иконки и тезисы (14.09.2026) */

.nj-cards__head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
}

.nj-cards__icon,
.nj-services__icon,
.nj-stages__icon {
	flex-shrink: 0;
	color: var(--acc);
}

.nj-cards__icon .icon {
	width: clamp(28px, 1.77vw, 34px);
	height: clamp(28px, 1.77vw, 34px);
}

.nj-cards__head .nj-cards__num {
	padding-top: 8px;
}

.nj-services__icon .icon,
.nj-stages__icon .icon {
	width: 26px;
	height: 26px;
}

.nj-services__text {
	padding-top: 2px;
}

.nj-theses {
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 10px;
	max-width: 600px;
	color: var(--ink);
}

.nj-theses__item {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	line-height: 1.5;
}

.nj-theses__rhombus {
	display: block;
	width: 9px;
	height: 9px;
	margin-top: 8px;
	background: var(--acc);
	transform: rotate(45deg);
	flex-shrink: 0;
}

/* ------------------------------------------------ Элементы: «Показать все»
 * Первые восемь карточек видны, остальные (.nj-elements__item--extra)
 * раскрывает label-кнопка к скрытому чекбоксу перед сеткой. Без скриптов. */

.nj-more {
	position: relative;
}

.nj-more__input {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	margin: 0;
	opacity: 0;
	pointer-events: none;
}

.nj-more__input:not(:checked) ~ .nj-elements .nj-elements__item--extra {
	display: none;
}

.nj-more__toggle {
	display: flex;
	width: fit-content;
	margin: clamp(20px, 1.66vw, 32px) auto 0;
	cursor: pointer;
}

.nj-more__input:checked ~ .nj-more__toggle .nj-more__show,
.nj-more__input:not(:checked) ~ .nj-more__toggle .nj-more__hide {
	display: none;
}

.nj-more__input:focus-visible ~ .nj-more__toggle {
	outline: 2px solid var(--acc);
	outline-offset: 2px;
}