/* Pokračování úvodní stránky po heru: několik příspěvků z různých oblastí.
   Mřížka a okraje odpovídají uvedení autora nad ní (introduction.css). */
.home-posts {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: clamp(40px, 6vw, 80px) clamp(24px, 6vw, 96px) clamp(64px, 9vw, 128px);
  display: grid;
  grid-template-columns: minmax(180px, 1fr) minmax(0, 2fr);
  gap: clamp(40px, 7vw, 100px);
  align-items: start;
}
.home-posts-head { position: sticky; top: 110px; }
.home-posts-head h2 { margin: 0 0 12px; font: 400 15px var(--sans); color: var(--text); }
.home-posts-head p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.6; }
.home-paths { display: grid; gap: 12px; margin-top: 28px; font-size: 13px; }
.home-paths a { width: fit-content; color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-underline-offset: 6px; }
.home-paths a:hover { color: var(--gold); }
.home-paths a:focus-visible { outline: 1px solid var(--gold); outline-offset: 6px; }

.post-list { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.post-card { border-bottom: 1px solid var(--line); }
.post-link { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 32px; padding: 34px 0; color: var(--text); text-decoration: none; }
.post-link:focus-visible { outline: 1px solid var(--gold); outline-offset: 6px; }
.post-mini { width: 120px; height: 64px; margin-top: 4px; }
.post-meta { display: flex; flex-wrap: wrap; gap: 14px; margin-bottom: 10px; color: var(--muted); font-size: 11px; }
.post-meta span:nth-child(2) { color: var(--gold); }
.post-link h3 { margin: 0 0 10px; font: 400 27px/1.2 var(--serif); letter-spacing: -0.015em; transition: color 0.2s; }
.post-link:hover h3 { color: var(--gold); }
.post-link p { max-width: 54ch; margin: 0; color: var(--muted); font-size: 14px; line-height: 1.65; }

/* Miniatury: každý příspěvek má znak svého hlavního prvku, ve stejném jazyce kresby */
.mini-line { fill: none; stroke: rgba(236, 230, 219, 0.4); stroke-width: 1; }
.mini-line.subject { stroke: var(--gold); }
.mini-line.uncertain { stroke-dasharray: 3 3; }
.mini-fill { fill: var(--gold); }
.mini-fill.context { fill: var(--muted); }
.mini-empty { fill: none; stroke: rgba(236, 230, 219, 0.3); stroke-width: 1; }

@media (max-width: 760px) {
  .home-posts { grid-template-columns: 1fr; gap: 24px; }
  .home-posts-head { position: static; }
  .home-paths { display: flex; flex-wrap: wrap; gap: 12px 28px; margin-top: 18px; }
}
@media (max-width: 600px) {
  .post-link { grid-template-columns: 1fr; gap: 16px; padding: 28px 0; }
  .post-link h3 { font-size: 23px; }
}
@media (prefers-reduced-motion: reduce) { .post-link h3 { transition: none; } }