/* Guides (/blog/) and their index. Loaded only by those pages, after the head block and before site.css,
   so every rule here is scoped under .post or .blog-list to stay out of site.css's way. */

/* article body: builds on the .legal reading column from site.css */
.post h3{font-size:clamp(19px,1.8vw,22px);margin:30px 0 10px}
.post ol{margin:4px 0 20px;padding-left:24px;display:grid;gap:10px}
.post ol li{padding-left:6px;color:var(--muted);font-size:16.5px}
.post ol li::before{display:none}
.post ol li::marker{color:var(--pink);font-weight:700}
.post strong{color:var(--ink-2)}
.post .vs-wrap{margin:22px 0 10px}
.post .vs-note{margin:0 0 22px;text-align:left}

/* a short aside inside the article */
.post .tip{background:var(--soft);border-radius:var(--radius);padding:22px 24px;margin:26px 0}
.post .tip p:last-child{margin-bottom:0}

/* call to action inside the article */
.post .post-cta{border:1px solid var(--line);border-radius:var(--radius);padding:26px 28px;margin:34px 0}
.post .post-cta h3{margin:0 0 8px}
.post .post-cta p{margin-bottom:0}
.post .post-cta .btn-row{margin-top:20px}
.post a.btn{font-weight:600}
.post a.btn:hover{text-decoration:none}
.post a.btn-pink,.post a.btn-dark{color:#fff}
.post a.btn-mint{color:#000}

/* index of guides */
.blog-list a.card{display:block;color:inherit}
.blog-list .more{display:inline-block;margin-top:16px;color:var(--pink);font-weight:600;font-size:15px}
.blog-list .meta{display:block;font-size:13px;color:var(--muted);margin-bottom:8px}