/* Shared news card/grid primitives — Neuron-style cards (home, archive, tags, related). */
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem;align-items:stretch;}

/* Уся картка — одне посилання з єдиним ефектом наведення (клік будь-де → та сама стаття) */
.news-card{
	position:relative;
	background:linear-gradient(180deg,var(--c-bg-secondary),var(--c-bg-tertiary));
	border:1px solid var(--c-border);
	border-radius:18px;
	overflow:hidden;
	display:flex;flex-direction:column;
	box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 10px 30px rgba(0,0,0,.25);
	transition:transform var(--t-base),border-color var(--t-base),box-shadow var(--t-base);
}
.news-card:hover{
	transform:translateY(-6px);
	border-color:var(--c-border-strong);
	border-color:color-mix(in srgb,var(--c-accent-blue) 55%,transparent);
	box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 26px 60px rgba(0,0,0,.45);
}

.news-thumb{
	display:block;position:relative;margin:.85rem .85rem 0;
	aspect-ratio:16/9;border-radius:14px;overflow:hidden;
	background:linear-gradient(135deg,var(--c-bg-elevated),var(--c-bg-tertiary));
	box-shadow:0 14px 30px -16px rgba(0,0,0,.7);
	box-shadow:0 16px 34px -16px color-mix(in srgb,var(--c-accent-blue) 50%,transparent);
}
.news-thumb img,.news-thumb .gen-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 600ms cubic-bezier(.2,.6,.2,1);}
.news-card:hover .news-thumb img,.news-card:hover .news-thumb .gen-cover{transform:scale(1.06);}
.news-thumb::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 30%,transparent 68%,rgba(5,10,30,.45));}

/* Рубрика (бейдж) — як і раніше, поверх зображення */
.news-badge{position:absolute;left:.7rem;top:.7rem;z-index:2;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.07em;text-transform:uppercase;color:var(--nc,var(--c-accent-blue));background:rgba(10,18,56,.82);border:1px solid var(--nc,var(--c-border));border:1px solid color-mix(in srgb,var(--nc,var(--c-accent-blue)) 55%,transparent);border-radius:999px;padding:.3rem .6rem;max-width:calc(100% - 1.4rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);}

.news-body{padding:1.25rem 1.35rem 1.35rem;flex:1;display:flex;flex-direction:column;}

/* Заголовок — показуємо повністю, без обрізання */
.news-card-title{font-size:1.16rem;line-height:1.32;font-weight:700;letter-spacing:-.01em;margin-bottom:.7rem;text-wrap:balance;}
.news-card-title a{color:var(--c-fg-primary);transition:color var(--t-fast);}
/* Розтягуємо клікабельну зону посилання на всю картку */
.news-card-title a::after{content:'';position:absolute;inset:0;z-index:3;}
.news-card:hover .news-card-title a{color:var(--c-accent-blue);}

.news-excerpt{font-size:.9rem;line-height:1.62;color:var(--c-fg-secondary);margin-bottom:1.3rem;}

/* Підвал: зліва — дата публікації · час читання, справа — «Детальніше →» */
.news-card-foot{margin-top:auto;padding-top:1rem;border-top:1px solid var(--c-border);display:flex;align-items:center;justify-content:space-between;gap:.75rem;}
.news-card-pubdate{font-family:var(--font-mono);font-size:.74rem;color:var(--c-fg-muted);white-space:nowrap;}
.news-card-more{display:inline-flex;align-items:center;gap:.35rem;color:var(--c-accent-blue);font-weight:600;font-size:.86rem;white-space:nowrap;transition:color var(--t-fast);}
.news-card:hover .news-card-more{color:var(--c-accent-blue-hover);}
.news-more-arrow{transition:transform var(--t-base);}
.news-card:hover .news-more-arrow{transform:translateX(4px);}

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