/* Oiika · writing section. Long-form prose in the case-page idiom: same
   tokens, same chrome, a reading measure instead of data blocks. Loaded
   after case.css. The /write desk imports this too, so the live preview
   and the published page share one look. */

.post-byline {
  font-family: var(--sc-font-mono);
  font-size: var(--sc-t-xs);
  letter-spacing: 0.06em;
  color: var(--sc-ink-soft);
  margin: calc(-1 * var(--sc-5)) 0 var(--sc-7);
}

.post-prose {
  max-width: 62ch;
  margin-bottom: var(--sc-8);
  color: var(--sc-ink);
  text-wrap: pretty;
}
.post-prose p { margin: 0 0 var(--sc-4); line-height: 1.65; }
.post-prose h2 {
  font-family: var(--sc-font-display);
  font-weight: 600;
  font-size: var(--sc-t-xl);
  line-height: 1.2;
  letter-spacing: var(--sc-track-snug);
  margin: var(--sc-8) 0 var(--sc-4);
  padding-top: var(--sc-5);
  border-top: 1px solid var(--sc-hairline-strong);
}
.post-prose h3 {
  font-family: var(--sc-font-display);
  font-weight: 600;
  font-size: var(--sc-t-lg);
  margin: var(--sc-6) 0 var(--sc-3);
}
.post-prose a {
  color: inherit;
  text-decoration: underline var(--sc-accent) 2px;
  text-underline-offset: 0.16em;
  transition: color var(--sc-d-fast) var(--sc-ease-out);
}
.post-prose a:hover { color: var(--sc-accent); }
.post-prose strong { font-weight: 640; }
.post-prose blockquote {
  margin: var(--sc-5) 0;
  padding-left: var(--sc-4);
  border-left: 2px solid var(--sc-accent);
  color: var(--sc-ink-soft);
}
.post-prose blockquote p:last-child { margin-bottom: 0; }
.post-prose ul, .post-prose ol { margin: 0 0 var(--sc-4); padding-left: 1.2em; }
.post-prose li { margin-bottom: var(--sc-2); line-height: 1.55; }
.post-prose hr {
  border: 0;
  border-top: 1px solid var(--sc-hairline-strong);
  margin: var(--sc-7) 0;
}
.post-prose code {
  font-family: var(--sc-font-mono);
  font-size: 0.86em;
  background: color-mix(in oklab, var(--sc-ink) 7%, transparent);
  padding: 0.1em 0.35em;
  border-radius: 3px;
}
.post-prose pre {
  background: color-mix(in oklab, var(--sc-ink) 6%, transparent);
  border: 1px solid var(--sc-hairline);
  border-radius: 6px;
  padding: var(--sc-4);
  overflow-x: auto;
  margin: 0 0 var(--sc-4);
}
.post-prose pre code { background: none; padding: 0; font-size: 0.82rem; line-height: 1.55; }
.post-prose figure { margin: var(--sc-6) 0; }
.post-prose img { max-width: 100%; height: auto; border-radius: 6px; }
.post-prose figcaption {
  font-family: var(--sc-font-mono);
  font-size: var(--sc-t-xs);
  color: var(--sc-ink-soft);
  margin-top: var(--sc-2);
}

/* author-only edit link, revealed by the post page's inline script */
.post-edit {
  margin-left: 0.6em;
  color: var(--sc-accent);
  text-decoration: underline;
  text-underline-offset: 0.16em;
}

/* writing index rows reuse .work-row; this is the description line */
.post-row__desc {
  margin: 0;
  color: var(--sc-ink-soft);
  max-width: 55ch;
  text-wrap: pretty;
}