/* ==== NoNarko — страница теста ==== */
/* Цвета — из palette.css. */
.nnt{font-family:"Onest",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
	color:var(--text);line-height:1.6;font-size:16px;background:#fff;}
.nnt *{box-sizing:border-box;}
.nnt a{color:#ffffff;text-decoration:none;}
.nnt a:hover{text-decoration:underline;}
.nnt-wrap{max-width:1000px;margin:0 auto;padding:32px 20px 64px;}

.nnt-crumbs{font-size:14px;color:var(--muted);margin:0 0 14px;}
.nnt-crumbs a{color:var(--muted);}
.nnt-title{font-size:36px;font-weight:800;color:var(--blue-dark);text-transform:uppercase;
	line-height:1.15;margin:0 0 24px;}

/* Интро */
.nnt-intro{border:1px solid var(--border);border-radius:var(--radius);padding:22px 26px;
	background:var(--bg-soft);margin:0 0 30px;}
.nnt-intro__count{font-weight:700;color:var(--blue-dark);margin:0 0 10px;}
.nnt-intro p{margin:0 0 8px;color:var(--muted);}
.nnt-intro p:last-child{margin:0;}

/* ===== Квиз: открытый список вопросов ===== */
.nnt-quiz{margin:0 0 34px;}
.nnt-list{display:grid;gap:16px;margin:0 0 24px;}

/* Вопрос-строка: номер слева + содержимое */
.nnt-item{display:grid;grid-template-columns:52px 1fr;gap:16px;align-items:start;
	border:1px solid var(--border);border-radius:var(--radius);padding:22px 24px;background:#fff;}
.nnt-item.is-error{border-color:var(--red);background:var(--red-light);}
.nnt-item__num{display:flex;align-items:center;justify-content:center;width:44px;height:44px;
	border-radius:50%;background:var(--blue-light);color:var(--blue-dark);font-weight:800;font-size:15px;}
.nnt-item.is-error .nnt-item__num{background:var(--red);color:#fff;}
.nnt-item__main{min-width:0;}

/* Вопрос + картинка */
.nnt-q{display:grid;grid-template-columns:1fr 260px;gap:24px;align-items:start;}
.nnt-q__title{font-size:19px;font-weight:700;color:#5b6a7a;margin:0 0 16px;line-height:1.3;}
.nnt-q__opts{display:grid;gap:10px;}
.nnt-opt{display:block;width:100%;text-align:left;background:#ffffff;border:1px solid var(--border);
	border-radius:var(--radius-sm);padding:13px 18px;font-size:16px;color:#5b6a7a;cursor:pointer;
	font-family:inherit;transition:border-color .15s,background .15s;}
.nnt-opt:hover{border-color:var(--blue-accent);background:var(--blue-light);}
/* Выбранный вариант */
.nnt-opt.is-selected{border-color:var(--blue-accent);background:#ffd166;color:#5b6a7a;font-weight:600;}
.nnt-q__img img{width:100%;height:auto;border-radius:var(--radius-sm);display:block;}

/* Блок результата (под списком) */
.nnt-result__hint{color:var(--red);font-weight:600;margin:0 0 12px;min-height:0;}
.nnt-result__hint:empty{display:none;}

/* Финал: форма */
.nnt-final__res{background:var(--blue-light);color:var(--blue-dark);font-weight:600;
	padding:14px 18px;border-radius:var(--radius-sm);margin:0 0 16px;}
.nnt-final__fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 14px;}
.nnt-final__fields label{display:block;font-size:13px;color:var(--muted);margin:0 0 6px;}
.nnt-final__fields input{width:100%;padding:13px 15px;border:1px solid var(--border);
	border-radius:var(--radius-sm);font-size:16px;font-family:inherit;}
.nnt-btn{display:inline-block;background:var(--accent);color:var(--accent-text);border:0;border-radius:var(--radius-sm);
	padding:15px 28px;font-size:16px;font-weight:700;cursor:pointer;font-family:inherit;transition:background .15s;}
.nnt-btn:hover{background:var(--accent-dark);}
.nnt-final__status{margin-top:12px;font-size:14px;color:var(--muted);}

/* Экран результата */
.nnt-result__intro p{margin:0 0 16px;color:var(--muted);font-size:16px;}
.nnt-result__score{font-size:20px;font-weight:800;color:var(--blue-dark);margin:0 0 12px;}
.nnt-result__text{background:var(--blue-light);color:var(--blue-dark);border-left:4px solid var(--blue-accent);
	border-radius:var(--radius-sm);padding:16px 18px;font-size:16px;line-height:1.5;margin:0 0 18px;}
/* При риске — красный акцент. */
.nnt-result__out.is-risk .nnt-result__text{background:var(--red-light);color:#7a2019;border-left-color:var(--red);}
.nnt-result__out.is-risk .nnt-result__score{color:var(--red);}
.nnt-result__out .nnt-btn{margin-top:0;}

/* ===== CTA ===== */
.nnt-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;
	background:linear-gradient(135deg,#1f8b98,#3abcca);color:#fff;border-radius:var(--radius);
	padding:24px 30px;margin:0 0 34px;}
.nnt-cta__title{font-size:22px;font-weight:800;color:#ffd166;}
.nnt-cta__phone{font-size:26px;font-weight:800;color:var(--accent);text-decoration:none;white-space:nowrap;}
.nnt-cta__phone:hover{text-decoration:underline;color:var(--accent);}

/* ===== Секции ===== */
.nnt-section{margin:0 0 34px;}
.nnt-h{font-size:24px;font-weight:800;color:var(--blue-dark);margin:0 0 18px;}

/* Карточки статей */
.nnt-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.nnt-card{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius);
	overflow:hidden;background:#fff;transition:box-shadow .15s,transform .15s;}
.nnt-card:hover{box-shadow:0 8px 24px rgba(11,74,143,.1);transform:translateY(-2px);text-decoration:none;}
.nnt-card__media{display:block;aspect-ratio:16/9;background:var(--blue-light);overflow:hidden;}
.nnt-card__media img{width:100%;height:100%;object-fit:cover;display:block;}
.nnt-card__title{padding:14px 16px;font-weight:700;color:var(--blue-dark);font-size:16px;line-height:1.3;}

/* Видео */
.nnt-videos{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.nnt-video__p{position:relative;aspect-ratio:16/9;background:#0b2138;border-radius:var(--radius-sm);
	overflow:hidden;margin:0 0 10px;}
.nnt-video__p iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
.nnt-video__fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
	color:#fff;font-weight:700;text-decoration:none;}
.nnt-video__t{font-weight:600;color:var(--blue-dark);font-size:15px;}

/* ===== Адаптив ===== */
@media (max-width:768px){
	.nnt-title{font-size:26px;}
	.nnt-item{grid-template-columns:40px 1fr;gap:12px;padding:18px 18px;}
	.nnt-item__num{width:36px;height:36px;font-size:13px;}
	.nnt-q{grid-template-columns:1fr;}
	.nnt-q__img{order:-1;max-width:min(320px,100%);}
	.nnt-final__fields{grid-template-columns:1fr;}
	.nnt-cards{grid-template-columns:1fr;}
	.nnt-videos{grid-template-columns:1fr;}
	.nnt-cta{flex-direction:column;align-items:flex-start;}
}

/* Совсем узкие экраны: ничего не должно вылезать за край. */
@media (max-width:420px){
	.nnt-wrap{padding:24px 14px 48px;}
	.nnt-cta{padding:20px 18px;}
	/* Телефон стоит в nowrap, поэтому на узком экране уменьшаем кегль. */
	.nnt-cta__phone{font-size:21px;}
	.nnt-cta__title{font-size:19px;}
}