/* Loads after technomythos.css */

/* Post page basics */
.post-article {
  margin: 1.25rem 0 2rem;
}

.post-title,
.post-subtitle {
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
  font-weight: 600;
  margin: 0 0 0.75rem;
}

.post-title {
  font-size: 1.9rem;
}

.post-subtitle {
  font-size: clamp(1.4rem, 1.6vw, 1.35rem);
}

h1 {font-size:1.5em}

/* Lead image that text wraps around */
.lead-image {
  float: right;
  width: min(45%, 420px);
  height: auto;
  margin: 0 0 0.75rem 1rem;
  border-radius: 4px;
  object-fit: cover;
  shape-outside: inset(0 round 6px);
}

.post-article::after {
  content: "";
  display: table;
  clear: both;
}

ul.intextblocklist {
  list-style-position: outside;
  padding-left: 1.5em;
}

ul.intextblocklist li {
  text-indent: 0.0em;
  margin-left: 1.5em;
}


/* Pullquote */
.pullquote {
  text-align: center;
  font-style: italic;
  font-size: 0.9em;
  margin: 1.25rem auto;
  padding: 0.5rem 0;
  max-width: 60ch;
  color: #333;
  position: relative;
  border-left: none;
  /* make sure no left line shows */
}

.pullquote::before,
.pullquote::after {
  content: "";
  display: block;
  height: 1px;
  /* thinner line */
  background: #b0c4cc;
  /* lighter shade of blue/gray */
  width: min(60%, 320px);
  margin: 0.6rem auto;
}

/* Blockquote */
blockquote {
  margin: 1rem 8rem 1rem 0rem;
  padding: 0.5rem 1rem;
  font-style:italic;
  font-size:0.9em;
  border-left: none;
  background: #fff;
  color: #333;
}

/* Centered figure within the text flow */
.figure-center {
  margin: auto;
  text-align: center;
}

.figure-center img {
  display: block;
  clear: both;

  max-width: min(500px, 100%);
  max-height: 500px;   /* hard maximum */
  width: auto;        /* prevents stretching small images */
  height: auto;       /* preserve aspect ratio */

  margin: 0 auto;   /* centers horizontally */
  margin-bottom:1rem;

  border-radius: 4px;
}

.figure-center figcaption {
  margin: 0.2rem auto 1rem auto;
  max-width: min(500px, 100%);
  text-align: center;
  font-size: 0.7rem;
  font-style: italic;
  color: #555;
}

/* Responsive tweaks */
@media (max-width: 700px) {
  .lead-image {
    float: none;
    display: block;
    width: 100%;
    margin: 0 0 0.75rem 0;
    shape-outside: none;
  }
}



.centerfig, .centerover {
  display: block;
  clear: both;
  margin: 1rem auto;
  max-width: 640px;   /* cap */
}

.centerfig img {
  display: block;
  margin: 0 auto;
  width: auto;        /* prevents upscaling */
  max-width: 100%;    /* downscale if too big for wrapper/screen */
  height: auto;
}

.centerfig figcaption {
  margin-top: 0.5rem;
  font-size: 0.9rem;
  color: #555;
  /* adjust as needed */
  text-align: center;
}


.text-left {
  text-align: left;
  font-size: 1.1em;
}

.prevnext-rule {
  width: 80%;
  margin: 1.25em auto;   /* centers the line */
  border: none;
  border-top: 1px solid #999; /* adjust color/thickness to taste */
}

/* Wrapper around the links */
.prevnext {
  display: flex;
  width: 80%;
  margin: 0 auto;
  gap: 1rem;
  font-size: 0.8em;
}


/* push the first link (prev) to the right edge */
.prevnext a.prev-link { margin-left: auto; text-align:right}

/* keep the next link on the left */
.prevnext a.next-link { margin-right: 0; }