/* ==== NoNarko — каталог тестов ==== */
/* База (.nnt, .nnt-wrap, .nnt-title, .nnt-btn) — из test.css. */

/* Без align-items:start — карточки строки растягиваются на одну высоту. */
.nnt-arch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}

.nnt-tcard{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-tcard:hover{box-shadow:0 8px 24px rgba(11,74,143,.1);transform:translateY(-2px);}
.nnt-tcard__media{display:block;aspect-ratio:16/9;background:var(--blue-light);overflow:hidden;
	position:relative;}
.nnt-tcard__media img{width:100%;height:100%;object-fit:cover;display:block;}
.nnt-tcard__ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
	color:var(--blue-dark);font-weight:800;font-size:20px;text-transform:uppercase;letter-spacing:.05em;}
.nnt-tcard__body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:14px;flex:1;}
/*
 * Заголовок обрезаем двумя строками, место под две строки резервируем всегда:
 * иначе у короткого названия кнопка поднимается и кнопки в ряду не совпадают.
 * min-height = line-height (1.3) × 2 строки.
 */
.nnt-tcard__title{font-size:18px;font-weight:800;line-height:1.3;margin:0;
	min-height:2.6em;
	display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;
	overflow:hidden;}
.nnt-tcard__title a{color:var(--blue-dark);}
.nnt-tcard__btn{margin-top:auto;text-align:center;text-decoration:none;background:var(--red);color:#fff;}
.nnt-tcard__btn:hover{text-decoration:none;color:#fff;background:var(--red-dark);}

.nnt-arch-empty{padding:40px;border:1px dashed var(--border);border-radius:var(--radius);
	color:var(--muted);text-align:center;}

/* Пагинация */
.nnt-pag{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px;}
.nnt-pag a,.nnt-pag span{display:inline-block;padding:9px 15px;border:1px solid var(--border);
	border-radius:8px;color:var(--blue-accent);font-weight:600;font-size:15px;}
.nnt-pag span.current{background:var(--blue-accent);color:#fff;border-color:var(--blue-accent);}
.nnt-pag a:hover{background:var(--bg-soft);text-decoration:none;}

@media (max-width:900px){ .nnt-arch-grid{grid-template-columns:repeat(2,1fr);} }
@media (max-width:560px){ .nnt-arch-grid{grid-template-columns:1fr;} }