/* The blog: legal.css's page frame and type, plus what an article needs.
   Load legal.css first. */
.blog-nav { display: flex; gap: 18px; flex-wrap: wrap; margin: -16px 0 36px; font: 700 .875rem 'Nunito', sans-serif; letter-spacing: .06em; text-transform: uppercase; }
.blog-nav a { text-decoration: none; color: var(--dim); padding-block: 6px; }
.blog-nav a:hover, .blog-nav a[aria-current] { color: var(--amber); }
.post-meta { font: 700 .875rem 'Nunito', sans-serif; letter-spacing: .06em; text-transform: uppercase; color: var(--dim); margin: 0 0 28px; }
.post p, .post li { color: var(--text); opacity: .88; }
.post h1 { margin-bottom: 14px; }
.post-cta { background: var(--bg2); border: 1px solid var(--border); border-left: 3px solid var(--amber); border-radius: 6px; padding: 20px 24px; margin: 40px 0 0; }
.post-cta p { margin: 0 0 12px; color: var(--text); }
.post-cta a.btn { display: inline-block; background: var(--amber); color: #14213d; font: 800 .95rem 'Nunito', sans-serif; text-decoration: none; padding: 12px 22px; border-radius: 10px; }
.post-cta a.btn:hover { background: #ffc04d; color: #14213d; }
.post-list { list-style: none; padding: 0; margin: 0; }
.post-list li { margin: 0 0 26px; padding-bottom: 26px; border-bottom: 1px solid var(--border); }
.post-list a.t { font: 400 1.7rem/1.1 'Bebas Neue', sans-serif; letter-spacing: .05em; text-decoration: none; color: var(--text); display: block; margin-bottom: 6px; }
.post-list a.t:hover { color: var(--amber); }
.post-list p { margin: 0 0 6px; }
.post-empty { color: var(--muted); }
.post-cover { display: block; width: 100%; height: auto; border-radius: 10px; margin: 0 0 28px; }
.post-draft { background: #3a2a05; border: 1px solid #f5a623; color: #ffd27a; border-radius: 8px; padding: 12px 16px; margin: 0 0 28px; font: 700 .9rem 'Nunito', sans-serif; }
.post blockquote { margin: 0 0 16px; padding-left: 16px; border-left: 3px solid var(--amber); }
.post ol { margin: 0 0 16px; padding-left: 22px; color: var(--text); }
.post h3 { margin-top: 28px; }