/* The blog: the landing page's type and colour, set for reading. One column, short paragraphs, the
   hand's cards in mono like the app. */
main.post { max-width: 680px; }
.post article h1 { font-size: 2rem; line-height: 1.2; margin: 8px 0 20px; }
.post article h2 { margin: 32px 0 10px; }
.post article p { font-size: 1.0625rem; line-height: 1.65; margin: 0 0 14px; }
.post .answer { font-size: 1.125rem; border-left: 4px solid var(--accent); padding: 4px 0 4px 14px; }
.post .spot { font-family: var(--mono); background: var(--surface); border: 1px solid var(--line); border-radius: 2px; padding: 12px 14px; }
.post-date { color: var(--muted); font-size: 0.875rem; margin: 0; }
.post-cta { margin-top: 40px; }
.post-cta a.cta-big { display: inline-block; text-decoration: none; }
.related ul, .post-list { list-style: none; padding: 0; margin: 0; }
.related li, .post-list li { border-top: 1px solid var(--line); }
.related a, .post-list a { display: block; padding: 14px 0; color: var(--ink); text-decoration: none; }
.post-list .t { display: block; font-weight: 700; font-size: 1.0625rem; }
.post-list .d { display: block; color: var(--muted); font-size: 0.9375rem; margin-top: 4px; }