/* post.css — drop-in replacement (closer to Medium typography + bullet indentation) */

.post{
  max-width: 680px;            /* Medium-like column */
  margin: 0 auto;
  padding: 6px 18px 72px;
  color: var(--text);
}

/* Title */
.post h1{
  font-size: 40px;             /* smaller than before */
  line-height: 1.18;
  margin: 18px 0 10px;
  letter-spacing: -0.01em;
}

/* Meta */
.post .meta{
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
  margin: 0 0 18px;
}

/* Paragraphs */
.post p{
  font-size: 18px;             /* smaller, easier like Medium */
  line-height: 1.78;
  margin: 0 0 16px;
}

/* Subheads */
.post h2{
  font-size: 26px;
  line-height: 1.25;
  margin: 26px 0 10px;
  letter-spacing: -0.005em;
}

/* Lists (proper indentation) */
.post ul, .post ol{
  font-size: 18px;
  line-height: 1.78;
  margin: 0 0 16px;
  padding-left: 26px;          /* indent bullets */
  list-style-position: outside;
}
.post li{
  margin: 6px 0;
}
.post ul + p, .post ol + p{
  margin-top: 4px;
}

/* Images */
.post figure{
  margin: 22px 0;
}
.post img{
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
  border-radius: 12px;
  border: 1px solid var(--border);
  background: var(--panel);
}
.post figcaption{
  text-align: center;
  font-size: 13px;
  line-height: 1.5;
  color: var(--muted);
  margin-top: 10px;
}

/* Blockquote (Medium-like) */
.post blockquote{
  margin: 20px 0;
  padding-left: 16px;
  border-left: 3px solid var(--border);
  color: var(--muted);
  font-style: italic;
}
.post blockquote p{ margin: 0; }

/* Links */
.post a{
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* Callout: left bar, NOT bold */
.callout{
  margin: 20px 0;
  padding-left: 16px;
  border-left: 4px solid var(--border);
  font-weight: 400;
  font-size: 18px;
  line-height: 1.78;
  color: var(--text);
}
.callout p{ margin: 0 0 10px; }
.callout p:last-child{ margin-bottom: 0; }

/* Mobile tuning */
@media (max-width: 520px){
  .post{ padding: 6px 16px 64px; }
  .post h1{ font-size: 34px; }
  .post h2{ font-size: 22px; }
  .post p, .post ul, .post ol{ font-size: 17px; }
}