/* Newslettery: seznam, detail a archiv (původ: snippet 96). Šablona tycko-blog přebírá barvy z vlastních tokenů. */
.tycko-nl-list { display: grid; gap: 12px; }
/* Karta jako u článků: bílá plocha bez rámečku, hover jen barva titulku (bez zvedání a stínu) */
.tycko-nl-item {
	display: flex; align-items: center; gap: 18px; padding: 14px 16px;
	background: #fff; border-radius: 12px;
	color: inherit; text-decoration: none;
}
.tycko-nl-item:hover .tycko-nl-title, .tycko-nl-item:focus-visible .tycko-nl-title { color: #1e6f5a; }
.tycko-nl-item:focus-visible { outline: 3px solid #268068; outline-offset: 2px; }
.tycko-nl-thumb { flex: 0 0 128px; height: 84px; border-radius: 8px; overflow: hidden; background: #f2ebde; }
.tycko-nl-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.tycko-nl-meta { flex: 1; min-width: 0; display: grid; gap: 6px; }
.tycko-nl-title { font-weight: 700; font-size: 17px; line-height: 1.35; color: #262940; transition: color .2s ease; }
.tycko-nl-date { font-size: 13.5px; color: #5c5c5c; }
.tycko-nl-open { font-weight: 600; font-size: 14.5px; color: #1e6f5a; white-space: nowrap; }
.tycko-nl-bar { margin-bottom: 32px; padding-bottom: 20px; border-bottom: 1px solid #e8e8e8; }
.tycko-nl-back { display: inline-flex; align-items: center; height: 44px; padding: 0 18px; border: 1px solid #262940; border-radius: 8px; background: #fff; color: #262940; font-weight: 600; text-decoration: none; transition: background-color .15s ease; }
.tycko-nl-back:hover, .tycko-nl-back:focus-visible { background: #f4f1ea; color: #262940; }
.tycko-nl-sent { margin: 16px 0 0; font-size: 1.125rem; }
.tycko-nl-frame-wrap { width: 100%; overflow: hidden; position: relative; }
.tycko-nl-frame { border: 0; display: block; width: 100%; height: 800px; }
.tycko-nl-more { margin-top: 64px; padding-top: 32px; border-top: 1px solid #e8e8e8; }
.tycko-nl-more-title { margin: 0 0 24px; }
.tycko-newsletter-archive-modern { max-width: 800px; margin: 48px auto; padding: 0 16px; }
.tycko-btn-archive-top { display: inline-block; margin-bottom: 24px; }
@media (max-width: 767px) {
	.tycko-nl-item { gap: 14px; padding: 12px; }
	.tycko-nl-thumb { flex: 0 0 104px; width: 104px; height: 78px; }
	.tycko-nl-title { font-size: 15.5px; }
	.tycko-nl-open { display: none; }
	.tycko-nl-back { display: flex; justify-content: center; }
}