/* ============================================================
   NodinWrite — Blog
   Layered on the user guide's stylesheet (/docs/assets/style.css),
   which supplies the whole shell: the shared site header, the dark
   sidebar, the layout grid, the type (Cormorant + Jost), the reading
   measure, and the mobile menu. This file adds only what a blog
   needs that a guide does not: a post list, post metadata, and the
   handful of body elements a post uses that a guide topic doesn't.
   ============================================================ */

/* ── Index: the post list ── */
.post-list{list-style:none;margin:0;padding:0;max-width:var(--measure);}
.post-card{padding:1.6rem 0;border-top:1px solid var(--line);}
.post-card:first-child{border-top:0;padding-top:.4rem;}
.post-card h2{font-family:var(--serif);font-weight:700;font-size:1.7rem;line-height:1.15;letter-spacing:0;margin:.25rem 0 .5rem;text-wrap:balance;}
.post-card h2 a{color:var(--ink);text-decoration:none;}
.post-card h2 a:hover{color:var(--emerald-deep);}
.post-card p{margin:0;font-size:1.02rem;line-height:1.6;color:#2b362f;}
.post-card .more{display:inline-block;margin-top:.55rem;font-family:var(--sans);font-size:.82rem;color:var(--emerald-deep);text-decoration:none;border-bottom:1px solid rgba(22,133,92,.35);}
.post-card .more:hover{border-bottom-color:var(--emerald);}

.post-meta{font-family:var(--sans);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);margin:0;}
.post-meta time{color:var(--emerald-deep);}
.post-meta .sep{opacity:.4;margin:0 .45rem;}

/* The index before anything is published. Serif italic, like a note
   left on the desk, rather than an empty-state card. */
.empty{font-family:var(--serif);font-style:italic;font-size:1.2rem;line-height:1.55;color:var(--ink-soft);max-width:var(--measure);margin:.4rem 0 0;}

/* Sidebar: the posts group when there is nothing in it yet. */
.nav-empty{font-family:var(--sans);font-size:.82rem;color:var(--chrome-muted);padding:.35rem .6rem .6rem 1.55rem;line-height:1.45;}

/* ── A post ── */
.post .topic-title{font-size:2.6rem;margin-bottom:.6rem;}
.post .post-meta{margin:0 0 1.8rem;}
.post h2{font-family:var(--serif);font-weight:700;font-size:1.75rem;line-height:1.15;letter-spacing:0;margin:2.3rem 0 .6rem;color:var(--ink);}
.post h3{font-family:var(--sans);font-weight:500;font-size:1.02rem;margin:1.9rem 0 .4rem;color:var(--ink);}
.post blockquote{margin:1.5rem 0;padding:.1rem 0 .1rem 1.15rem;border-left:2px solid var(--emerald);color:var(--ink-soft);}
.post blockquote p{margin:.4rem 0;font-family:var(--serif);font-style:italic;font-size:1.12rem;}
.post img{max-width:100%;height:auto;display:block;border:1px solid var(--line);border-radius:10px;}
.post figure{margin:1.5rem 0;max-width:var(--measure);}
.post figcaption{font-family:var(--sans);font-size:.82rem;color:var(--ink-soft);margin-top:.5rem;line-height:1.45;}
.post ul,.post ol{margin:.8rem 0;padding-left:1.4rem;}
.post li{margin:.35rem 0;font-size:1.05rem;line-height:1.65;color:#2b362f;}
.post li::marker{color:var(--emerald);}
.post hr{border:0;border-top:1px solid var(--line);margin:2.2rem 0;max-width:var(--measure);}