.writing-entry { display: grid; grid-template-columns: 98px minmax(0, 1fr) 16px; column-gap: 24px; padding-block: 27px 29px; }
.writing-date { padding-top: 3px; color: var(--soft); font-size: 11px; line-height: 1.8; white-space: nowrap; }
.writing-list .entry-title { font-size: 18px; margin-bottom: 7px; }
.writing-list .entry-summary { max-width: 53ch; }
.writing-list .entry-type { margin-top: 12px; }
.writing-list-home .writing-entry { grid-template-columns: minmax(0, 1fr) 16px; padding-block: 22px 24px; }
.writing-list-home .entry-title { font-size: 17px; }
.post-meta { display: flex; flex-wrap: wrap; gap: 6px 0; margin-bottom: 19px; color: var(--soft); font-size: 11px; line-height: 1.6; }
.post-meta > * + *::before { content: '·'; margin-inline: 10px; color: #aaa; }
.page-post .page-head { margin-bottom: 35px; }
.page-post .page-head h1 { max-width: 20ch; text-wrap: balance; }
.page-post .page-head .post-source { margin-top: 0; font-size: 11px; color: var(--muted); }
.post-body > section:first-child { margin-top: 0; }
.post-body p { margin-bottom: 22px; }
.post-body > section:first-child > p:first-child { font-size: 17px; line-height: 1.8; color: #3e3e3e; margin-bottom: 26px; }
.post-body code { padding: 2px 4px; background: var(--wash); border-radius: 3px; color: var(--ink); font-size: .85em; overflow-wrap: anywhere; }
.post-references { border-top: 1px solid var(--line); margin-top: 35px; padding-top: 20px; }
.post-references h2 { font-size: 13px; margin-bottom: 12px; }
.post-references ul { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 7px 22px; }
.post-references .text-link { color: var(--muted); font-size: 12px; }
.post-end { margin-top: 40px; }
.post-end .text-link { font-size: 12px; color: var(--muted); }
@media (max-width: 600px) {
  .writing-entry { grid-template-columns: minmax(0, 1fr) 16px; gap: 0 16px; padding-block: 23px 25px; }
  .writing-date { grid-column: 1 / -1; padding: 0; margin-bottom: 9px; font-size: 10px; }
  .writing-list .entry-title { font-size: 17px; }
  .writing-list-home .entry-title { font-size: 16px; }
  .page-post .page-head h1 { font-size: 33px; line-height: 1.22; letter-spacing: -1.1px; }
  .post-body > section:first-child > p:first-child { font-size: 16px; }
  .post-meta { font-size: 10px; }
  .post-meta > * + *::before { margin-inline: 7px; }
}