/* Old journal posts (made by scripts/port_blog.py) and the archive list on the journal page. */
.post-hero, .post-inline { margin: 0 auto 1.6em; max-width: 760px; }
.post-hero { padding-inline: 16px; box-sizing: border-box; }
.post-hero img, .post-inline img { display: block; width: 100%; height: auto; border-radius: 4px; }
.article .post-inline { margin: 1.6em 0; }
.article ol { padding-left: 1.4em; margin: 0 0 1.4em; }
.article ol li { padding-left: 6px; }
.article ol li::before { display: none; }
.article h3 { font-size: clamp(1.2rem, 2vw, 1.5rem); margin: 1.6em 0 .5em; }
.article a { text-decoration: underline; text-underline-offset: 3px; }
.article a.btn { text-decoration: none; }
.post-video { margin: 0 auto 1.6em; width: min(760px, 100% - 32px); }
.post-video-play { position: relative; display: block; width: 100%; aspect-ratio: 16 / 9; padding: 0; border: 1px solid var(--line); background: var(--sand, #ece3d0); cursor: pointer; overflow: hidden; }
.post-video-play img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.post-video-play .pv-label { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); padding: 14px 22px; background: rgba(255,255,255,.92); color: #2b2420; font: 600 .7rem/1 var(--display); letter-spacing: .18em; text-transform: uppercase; }
.post-video iframe { display: block; width: 100%; aspect-ratio: 16 / 9; border: 0; }
.archive-list { list-style: none; margin: 18px 0 0; padding: 0; }
.archive-list li { padding: 11px 0; border-top: 1px solid var(--line); display: grid; grid-template-columns: 9.5rem 1fr; gap: 4px 18px; align-items: baseline; font-size: 1.05rem; }
.archive-list li:last-child { border-bottom: 1px solid var(--line); }
.archive-list .ar-date { font: 600 .62rem/1.6 var(--display); letter-spacing: .16em; text-transform: uppercase; color: var(--text-soft); }
.archive-list a { text-decoration: none; }
.archive-list a:hover { color: var(--accent); }
@media (max-width: 640px) { .archive-list li { grid-template-columns: 1fr; } }
.archive-list.plain li { grid-template-columns: 1fr; text-align: left; }