/* ============================================================
   Kotor entry — extra styles (figures, pull-quote, author card)
   Loaded after styles.css and entry.css. Uses existing variables.
   ============================================================ */

/* Hero image override — Kotor cathedral instead of Porto */
.entry-hero-kotor {
  background: #2a3238 url("/assets/kotor-cathedral.jpg") center 42% / cover no-repeat;
}

/* Figures in the body */
.entry-figure {
  margin: 40px 0;
}
.entry-figure img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 2px;
}
.entry-figure figcaption {
  margin-top: 10px;
  font: 400 14px/1.5 var(--sans);
  color: var(--slate);
  font-style: italic;
}

/* Fisković pull-quote — <q> inside a paragraph gets subtle emphasis */
.entry-body q {
  quotes: "\201C" "\201D";
  font-style: italic;
  color: var(--crna);
}

/* Author card in the Record */
.record-author .author-card {
  display: flex;
  gap: 18px;
  align-items: flex-start;
}
.record-author .author-card img {
  width: 84px;
  height: 84px;
  border-radius: 50%;
  object-fit: cover;
  flex: 0 0 auto;
}
.author-name {
  margin: 0 0 4px;
  font: 500 16px/1.2 var(--sans);
  color: var(--crna);
}
.author-role {
  margin: 0;
  font: 400 14px/1.55 var(--sans);
  color: var(--slate);
}

/* Disclosure note at the very end of the Record */
.record-disclosure {
  margin-top: 28px;
  padding-top: 18px;
  border-top: 1px solid rgba(70,84,92,.2);
  font: 400 13px/1.6 var(--sans);
  color: var(--slate);
  font-style: italic;
}

@media (max-width: 640px) {
  .entry-figure { margin: 28px 0; }
  .record-author .author-card { gap: 14px; }
  .record-author .author-card img { width: 64px; height: 64px; }
}