:root {
  --topspin-red: #d6001c;
  --it-gray: rgba(0, 0, 0, 0.55);
}

html[data-theme="dark"] {
  --it-gray: rgba(255, 255, 255, 0.70);
}

/* Blog title (header) RED */
.header .logo a {
  color: var(--topspin-red) !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
}

/* Italian block styling */
.post-content .it {
  display: block;
  font-style: italic;
  font-size: 0.94em;
  color: var(--it-gray) !important;
}

/* =========================
   EN / IT vertical rhythm
   ========================= */

/* Headings: keep your default spacing */
.post-content h1,
.post-content h2,
.post-content h3 {
  margin-bottom: 0.35rem !important; /* default */
}

/* Italian subtitle immediately after heading (default) */
.post-content h1 + .it,
.post-content h2 + .it,
.post-content h3 + .it {
  margin-top: 0 !important;
  margin-bottom: 0.35rem !important; /* default */
}

/* English paragraph */
.post-content p {
  margin-top: 0.8rem !important;
  margin-bottom: 0.35rem !important; /* tight before IT */
}

/* Italian paragraph immediately after EN */
.post-content p + .it,
.post-content p + div.it {
  margin-top: 0 !important;
  margin-bottom: 0.8rem !important; /* space before next block */
}

/* =========================
   ONLY this change:
   make IT subtitle closer under EN subtitle (h2/h3 only)
   ========================= */

/* Reduce space under EN subtitle (h2/h3) */
.post-content h2,
.post-content h3 {
  margin-bottom: 0.18rem !important;
}

/* Keep IT subtitle tight (already 0), but ensure no extra top margin */
.post-content h2 + .it,
.post-content h3 + .it {
  margin-top: 0 !important;
  margin-bottom: 0.30rem !important; /* slightly tighter than default */
}

.it {
  font-style: italic;
  font-size: 0.94em;
  color: var(--it-gray) !important;
  margin-top: 0.05rem;
}