.nn-ticker{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:2px solid var(--nn-color-primary)}
.nn-ticker__label{background:var(--nn-color-primary);color:#fff;padding:4px 8px;border-radius:4px}
.nn-ticker__items{overflow:hidden;white-space:nowrap}

.nn-hero{position:relative;border-radius:8px;overflow:hidden}
.nn-hero__slide{position:relative}
.nn-hero__title{position:absolute;inset-inline:16px;bottom:16px;background:linear-gradient(to top, rgba(0,0,0,.7), rgba(0,0,0,0));color:#fff;padding:16px;border-radius:6px}

.nn-cat-block{margin-top:24px}
.nn-cat-block__header{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--nn-color-primary);padding-bottom:8px}
.nn-cat-block__title{margin:0;font-size:1.125rem}
.nn-cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}
.nn-card{border:1px solid #eceff2;border-radius:8px;overflow:hidden;background:#fff}
.nn-card__body{padding:12px}
.nn-card__title{margin:0 0 6px;font-size:1rem}
.nn-card__meta{font-size:.8rem;color:#6b7280}

.nn-badge{display:inline-block;background:var(--nn-color-accent);color:#fff;border-radius:999px;padding:2px 8px;font-size:.75rem}
.nn-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;border:1px solid transparent;background:var(--nn-color-primary);color:#fff}
.nn-btn--outline{background:transparent;border-color:var(--nn-color-primary);color:var(--nn-color-primary)}

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