/* Pilot: iba doplnené sekcie; vzhľad kariet preberáme zo styles.css. */
.wedding-page .wedding-story .wedding-related {
  display: flow-root;
  clear: both;
}

.wedding-page .wedding-story .wedding-related > h2 { margin-top: 0; }

.wedding-page .wedding-related-cards .stories-grid { margin-top: 32px; }

/* Izolované vyrovnanie typografie článku s existujúcimi kartami homepage. */
.wedding-page .wedding-story .wedding-related-cards .story-link,
.wedding-page .wedding-story .wedding-related-cards .story-link:hover {
  color: var(--ink);
  text-decoration: none;
}

.wedding-page .wedding-related-cards .story-photo picture {
  height: 100%;
  margin: 0;
}

.wedding-page .wedding-related-cards .story-photo img { height: 100%; }

.wedding-page .wedding-related-cards .story-content h3 {
  margin: 0;
  font-size: 1.2rem;
  line-height: 1.3;
  letter-spacing: -.025em;
}

.wedding-page .wedding-related-cards .story-content .story-location {
  margin-block: 3px 9px;
  font-size: .875rem;
  line-height: 1.65;
}

.wedding-page .wedding-related-cards .story-content .story-excerpt {
  margin: 0;
  font-size: 1rem;
  line-height: 1.65;
}

.wedding-page .wedding-related-cards .story-link:hover h3 { color: var(--accent); }

.wedding-page .wedding-related-teaser .wedding-related-photo { display: block; }

@media (max-width: 760px) {
  .wedding-page .wedding-related-cards .story-content h3 { font-size: 1.0625rem; }
  .wedding-page .wedding-related-cards .story-content .story-location { font-size: .8125rem; }
}

@media (max-width: 580px) {
  .wedding-page .wedding-related-cards .story-content h3 { font-size: 1.1875rem; }
  .wedding-page .wedding-related-cards .story-content .story-location { font-size: .875rem; }
}