/* ============================================================================
   The Garden — writing / article styles
   Shared by /blog and every article. Matches the public pages' palette
   (see quiet.css + the inline styles on about/how-it-works/faq).
   ========================================================================== */
body{font-family:'Newsreader',Georgia,serif;background:#0e0f12;color:#f4ecdd;max-width:680px;margin:0 auto;padding:48px 24px 40px;line-height:1.7;font-weight:300;font-size:17.5px;}
h1{font-family:'Fraunces';font-weight:300;font-size:40px;margin:0 0 14px;letter-spacing:-.01em;line-height:1.12;}
h1 .ital{font-style:italic;color:#e8aa72;}
.lede{font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:#b0a795;margin-bottom:20px;}
.meta{font-size:13px;color:#b0a795;font-style:italic;margin:0 0 34px;}
h2{font-family:'Fraunces';font-weight:400;font-size:24px;margin:42px 0 12px;color:#d3cab6;letter-spacing:-.005em;}
h3{font-family:'Fraunces';font-weight:400;font-size:19px;margin:28px 0 8px;color:#d3cab6;}
p,ul,ol{color:#d3cab6;margin:14px 0;}
ul,ol{padding-left:22px;}
li{margin:8px 0;}
em{color:#e8aa72;font-style:italic;}
strong{color:#e6ddc9;font-weight:400;}
a{color:#e8aa72;}
blockquote{margin:26px 0;padding-left:20px;border-left:2px solid rgba(232,170,114,.35);font-style:italic;color:#e0d6c2;}
hr{border:none;border-top:1px solid rgba(240,231,214,.09);margin:40px 0;}
.btn-quiet{display:inline-block;margin:30px 0 12px;padding:13px 26px;border:1px solid rgba(232,170,114,.5);border-radius:999px;color:#e8aa72;text-decoration:none;font-style:italic;font-size:15.5px;transition:background .3s ease;}
.btn-quiet:hover{background:rgba(232,170,114,.08);}
.pubfoot{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:60px;padding-top:28px;border-top:1px solid rgba(240,231,214,.09);font-size:13.5px;color:#a59c89;font-style:italic;}
.pubfoot a{color:#a59c89;text-decoration:none;}
.pubfoot a:hover{color:#e8aa72;}
.pubfoot .dot{color:#3a3b40;user-select:none;}
.signoff{color:#a59c89;font-style:italic;font-size:14px;margin-top:18px;text-align:center;}
.backlink{display:inline-block;margin-bottom:26px;font-size:13.5px;color:#a59c89;text-decoration:none;font-style:italic;}
.backlink:hover{color:#e8aa72;}
.related{margin-top:44px;padding-top:24px;border-top:1px solid rgba(240,231,214,.09);}
.related h2{font-size:19px;margin-top:0;}
.related a{display:block;margin:10px 0;text-decoration:none;font-size:16px;}

/* ── index / hub ─────────────────────────────────────────────────────────── */
.post-list{margin-top:38px;}
.post{display:block;text-decoration:none;padding:22px 0;border-top:1px solid rgba(240,231,214,.09);transition:opacity .25s ease;}
.post:hover{opacity:.82;}
.post:last-child{border-bottom:1px solid rgba(240,231,214,.09);}
.post h2{font-family:'Fraunces';font-weight:400;font-size:22px;color:#f4ecdd;margin:0 0 6px;letter-spacing:-.005em;line-height:1.25;}
.post p{margin:0;font-size:16px;color:#b0a795;line-height:1.55;}
.post .tag{display:block;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#8f8878;margin-bottom:9px;}