/* Beitragskacheln (Tourbuch, Suche) und breite Seiten */

.page-wide { padding: 28px var(--edge) 0; }
.page-head { margin-bottom: 18px; }
.page-count { margin: 0 0 12px; color: var(--muted); font-size: 0.9rem; }
.page-wide .entry-content > :not(.gg-tiles):not(.alignwide):not(.alignfull) { max-width: 46rem; }
.gg-empty { margin: 24px 0; color: var(--muted); }

.gg-tiles {
	display: grid; gap: 12px; align-items: start;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 360px), 1fr));
}

/* Kachel: Bild links, Überschrift/Reise/Datum rechts, darunter der Anfang des Textes */
.post-tile {
	position: relative;
	display: flex; flex-direction: column; gap: 8px;
	padding: 10px;
	background: var(--surface);
	border: 1px solid transparent; border-radius: var(--radius);
}
.post-tile:hover { background: var(--surface-2); }
.post-tile-head { display: grid; grid-template-columns: 112px 1fr; gap: 14px; align-items: start; }
.post-tile-image { display: block; width: 112px; aspect-ratio: 4 / 3; border-radius: 4px; overflow: hidden; background: var(--surface-2); }
.post-tile-image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.post-tile-meta { min-width: 0; }
.post-tile-title { margin: 0 0 4px; font-size: 1.05rem; font-weight: 600; line-height: 1.25; }
.post-tile-title a { color: var(--text); text-decoration: none; }
.post-tile-title a::after { content: ""; position: absolute; inset: 0; } /* die ganze Kachel ist anklickbar */
.post-tile-title a:focus-visible::after { outline: 2px solid var(--route); outline-offset: 2px; }

.post-tile-reise {
	display: flex; flex-wrap: wrap; align-items: center; gap: 2px 6px;
	margin: 0; font-size: 0.85rem; color: var(--muted);
}
.post-tile-reise a { position: relative; z-index: 2; color: var(--muted); text-decoration: none; } /* über dem Kachel-Link */
.post-tile-reise a:hover { color: var(--text); text-decoration: underline; }
.post-tile-reise .sep { margin: 0 -2px; opacity: 0.6; }
.post-tile-reise .coll { padding: 0 8px; border: 1px solid var(--line); border-radius: 10px; font-size: 0.78rem; line-height: 1.5; }
.post-tile-reise .coll--icon { display: inline-flex; align-items: center; padding: 0; border: 0; color: var(--route); }
.post-tile-reise .coll--icon:hover { color: var(--route-soft); text-decoration: none; }
.gg-icon { display: block; }

.post-tile-date { margin: 3px 0 0; font-size: 0.8rem; color: var(--muted); }
.post-tile-excerpt {
	margin: 0; font-size: 0.88rem; line-height: 1.4; color: var(--muted);
	display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}

/* Suche */
.search-form { display: flex; gap: 8px; max-width: 30rem; margin-top: 10px; }
.search-form label { flex: 1; }
.search-form .search-field {
	width: 100%; min-height: 44px; padding: 0 12px; font: inherit; color: var(--text);
	background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius);
}
.search-form .search-submit {
	min-height: 44px; padding: 0 16px; font: inherit; font-weight: 600; cursor: pointer;
	color: #1b1405; background: var(--route); border: 0; border-radius: var(--radius);
}
.pagination { margin: 24px 0 0; }
.pagination .nav-links { display: flex; flex-wrap: wrap; gap: 8px; }
.pagination .page-numbers {
	padding: 8px 14px; color: var(--text); text-decoration: none;
	background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius);
}
.pagination .page-numbers.current { background: var(--surface-2); border-color: var(--route); }
.pagination a.page-numbers:hover { background: var(--surface-2); }