/* Your title sizing */
.single-article h1{
  font-size: clamp(1.5rem, 1.1rem + 1.8vw, 2rem) !important;
  line-height: 1.2;
  margin: 0 0 .75rem;
  text-align:center;
}

.post-content h2{
  /* ~1.25rem on phones → max 1.6rem on desktop */
  font-size: clamp(1.25rem, 1.0rem + 1.2vw, 1.6rem);
  line-height: 1.25;
  margin: 1.25rem 0 .5rem;
}

.post-content h3{
  /* ~1.125rem on phones → max 1.35rem on desktop */
  font-size: clamp(1.125rem, 0.95rem + 1.0vw, 1.35rem);
  line-height: 1.3;
  margin: 1rem 0 .5rem;
}

/* --- Post meta bar (class-based, Bootstrap 5 friendly) --- */
.post-meta-bar{
  font-size: clamp(0.65rem, 0.6rem + 0.45vw, 0.75rem);
  line-height: 1.25;
}

/* Make sure utilities don't override our size */
.post-meta-bar *{ font-size: inherit !important; }

.post-meta-bar .meta-row{ /* one line even on mobile */
  display:flex; align-items:center; gap:.75rem; flex-wrap:nowrap; width:100%;
}

/* Byline styling */
.post-meta-bar .meta-by {
  font-size: 0.85rem;        /* smaller font */
  color: var(--ink, #3d3d3d);
}

.post-meta-bar .meta-by-name {
  font-family: 'DM Serif Text', serif; /* match your logo/header font */
  font-weight: 400;                    /* normal weight looks cleaner with serif */
}

/* CRUCIAL for truncation in flex layouts */
.post-meta-bar .meta-left{ min-width:0; overflow:hidden; }

.post-meta-bar .meta-cat-link{
  display:block; max-width:100%;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  color: var(--brand, #006a9d);             /* readable brand blue */
  font-weight:600; text-decoration:none;
}
.post-meta-bar .meta-cat-link:hover,
.post-meta-bar .meta-cat-link:focus{ text-decoration: underline; }

.post-meta-bar .meta-by{ color: var(--ink, #3d3d3d); }
.post-meta-bar .meta-by-name{ font-weight:600; }

/* Optional: soften those borders a touch */
.post-meta-bar.border-top,
.post-meta-bar.border-bottom{ border-color:#e6edf6 !important; }

.post-content, .post-content p, .post-content li { padding-bottom: 0.7rem; }

hr { margin: 2rem 0 !important; }

.fs-7 {
  font-size: .75rem; /* adjust to taste */
}