/* Only loads on /blog via page_css */

/* Pull content closer to the masthead (scoped to this page) */
body.blog-tight .masthead       { margin-bottom: .1rem; }  /* reduce gap under menu */
body.blog-tight #main           { margin-top: 0; padding-top: 0; }
body.blog-tight .page           { margin-top: 0; padding-top: 0; }
body.blog-tight .page__inner-wrap { padding-top: 0; }
body.blog-tight .page__header   { margin-bottom: .25rem; }
body.blog-tight .page__title    { margin-top: 0; margin-bottom: .2rem; line-height: 1.15; }

/* Intro text */
.blog-intro { margin: .2rem 0 .5rem; }

/* Quote: smaller, dimmer, very tight margins */
.blog-quote {
  font-size: .9rem;
  color: #94a3b8;
  border-left: 2px solid rgba(148,163,184,.25);
  padding-left: .6rem;
  margin: .1rem 0 .25rem;
  opacity: .9;
}
.blog-quote__author {
  display: block;
  margin-top: .12rem;
  opacity: .7;
  font-weight: 400;
}

/* Single-line “Now reading” — tight spacing */
.now-reading--inline {
  display: flex;
  align-items: baseline;
  gap: .45rem;
  padding: 0;                 /* remove extra vertical padding */
  margin: 0 0 .45rem;         /* small gap below */
  border: 0;
  background: transparent;
}
/* Emphasize the label only */
.now-reading__label {
  text-transform: uppercase;
  letter-spacing: .06em;
  font-weight: 700;
  color: #93c5fd;
  flex: 0 0 auto;
}
/* Book/author subdued + single-line ellipsis */
.now-reading__text {
  font-weight: 400;
  color: #cbd5e1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1 1 auto;
  min-width: 0;
}

/* Post list (styles kept for later) */
.blog-list { list-style: none; padding: 0; margin: 0; }
.blog-item { padding: .55rem 0; border-top: 1px solid rgba(148,163,184,.25); }
.blog-item:first-child { border-top: 0; }
.blog-link { text-decoration: none; }
.blog-title { font-size: 1.1rem; font-weight: 700; }
.blog-meta  { margin-left: .5rem; opacity: .75; font-size: .95rem; }
.blog-excerpt { margin-top: .3rem; opacity: .9; }

/* Small screens: keep Now reading readable */
@media (max-width: 480px) {
  .now-reading__text { font-size: .95rem; }
}