/* index.css — externalized from index.html (strict CSP: no inline styles). */

.arch-wrap { max-width: 760px; margin: 0 auto; padding: 0 24px 64px; }
  .arch-wrap h1 { font-family: var(--serif); font-size: 36px; font-weight: 500; margin: 32px 0 6px; }
  .arch-wrap h2 { font-family: var(--serif); font-size: 22px; font-weight: 500; margin: 32px 0 4px; color: var(--ink); }
  .arch-rule { border-top: 1px solid var(--ink); width: 32px; margin: 8px 0 16px; opacity: 0.6; }
  .arch-wrap p, .arch-wrap li { color: var(--ink-2); line-height: 1.75; font-size: 15.5px; }
  .arch-lede { font-size: 17px; line-height: 1.7; color: var(--ink-2); margin: 0 0 24px; }
  .post-meta { font-size: 12px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--muted); margin: 48px 0 8px; }
  .post-list { list-style: none; padding: 0; margin: 32px 0; }
  .post-list li { padding: 24px 0; border-top: 1px solid var(--line-soft); }
  .post-list li:last-child { border-bottom: 1px solid var(--line-soft); }
  .post-list h2 { margin: 0 0 8px; }
  .post-list a.title { color: var(--ink); text-decoration: none; }
  .post-list a.title:hover { text-decoration: underline; }
  .post-list .date { font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted); margin: 0 0 6px; }
  .post-foot { color: var(--muted); font-size: 13px; margin-top: 48px; border-top: 1px solid var(--line-soft); padding-top: 18px; }