/* ------------------------------------------------------------------
     Blog pages only (/blog and /blog/<slug>). Loaded after site.css.
     Builds on .prose and the .related card look; same tokens.
     ------------------------------------------------------------------ */
  .post { max-width: 72ch; }
  .post h2 { font-size: clamp(1.6rem, 2.6vw, 2.15rem); line-height: 1.15; margin-top: var(--s6); }
  .post h3 { margin-top: var(--s4); }
  .post ul, .post ol { margin: 0; padding-left: 1.3em; display: flex; flex-direction: column; gap: var(--s3); }
  .post li { color: var(--muted); font-size: 1.0625rem; line-height: 1.75; }
  .post li::marker { color: var(--gold-deep); }
  .post li strong { color: var(--ink); font-weight: 600; }
  .post a { color: var(--ink); text-decoration-color: var(--gold); text-underline-offset: 3px; }
  .post a:hover { color: var(--gold-deep); }

  .post .table-wrap { overflow-x: auto; border: 1px solid var(--line); background: var(--cream); }
  .post table { width: 100%; border-collapse: collapse; font-size: 0.9375rem; }
  .post th, .post td { text-align: left; padding: var(--s3) var(--s4); border-bottom: 1px solid var(--line); vertical-align: top; }
  .post th { font-size: 0.6875rem; letter-spacing: 0.18em; text-transform: uppercase; color: var(--gold-deep); font-weight: 500; }
  .post td { color: var(--muted); line-height: 1.6; }
  .post tbody tr:last-child td { border-bottom: 0; }

  .post-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--s5); }
  .post-card {
    display: flex; flex-direction: column; gap: var(--s3);
    padding: clamp(24px, 2.6vw, 36px); background: var(--cream);
    border: 1px solid var(--line); text-decoration: none; color: inherit;
    transition: border-color .25s var(--ease), transform .25s var(--ease);
  }
  .post-card:hover { border-color: var(--gold); transform: translateY(-2px); }
  .post-card .t { font-size: clamp(1.25rem, 1.8vw, 1.5rem); line-height: 1.25; color: var(--ink); font-weight: 300; letter-spacing: -0.01em; }
  .post-card .d { font-size: 0.9375rem; color: var(--muted); line-height: 1.7; }
  .post-card .go { font-size: 0.6875rem; letter-spacing: 0.18em; text-transform: uppercase; color: var(--gold-deep); margin-top: auto; padding-top: var(--s3); }

  @media (max-width: 900px) {
    .post-list { grid-template-columns: 1fr; }
  }