/* The blog (/blog, src/blog.js): the help center's article layout (help.css) plus the post byline, the closing call to action, the
   "Keep reading" cards and the index pager. Loaded after site.css and help.css. */
.blog .post-meta{display:flex;flex-wrap:wrap;gap:4px 18px;margin:18px 0 0;font-size:14.5px;color:var(--muted)}
.blog .post-meta b{color:var(--ink);font-weight:650}
.blog .post{font-size:17px}
.blog .post>h2{margin-top:clamp(30px,4vw,40px)}
.blog .post>h2:first-child{margin-top:0}
.blog .post p,.blog .post li{font-size:17px;line-height:1.65;max-width:68ch}
.blog .post img{width:100%;height:auto;border-radius:var(--r-sm);margin:14px 0;border:1px solid var(--line)}
.blog .post blockquote{margin:16px 0;padding:4px 0 4px 18px;border-left:1px solid var(--copper)}
.blog .post blockquote p{font-family:var(--serif);font-size:21px;line-height:1.4;color:var(--ink)}
.blog .post hr{border:0;border-top:1px solid var(--line);margin:28px 0}
.blog .post table{font-variant-numeric:tabular-nums}
.blog .post-cta{margin-top:clamp(28px,4vw,40px);padding:clamp(22px,4vw,36px);border-radius:var(--r);background:var(--walnut-2);color:var(--on-dark-muted)}
.blog .post-cta h2{font-family:var(--serif);font-weight:400;font-size:clamp(26px,3.4vw,34px);line-height:1.12;color:var(--on-dark);margin:0 0 10px}
.blog .post-cta p{color:var(--on-dark-muted);max-width:52ch;margin:0 0 20px}
.blog .post-more{margin-top:clamp(32px,5vw,52px)}
.blog .post-more h2{font-family:var(--serif);font-weight:400;font-size:clamp(25px,3.2vw,32px);margin:0}
.blog .post-more .guides{margin-top:18px}
.blog .post-list{margin-top:clamp(24px,4vw,40px)}
.blog .empty{margin-top:28px;color:var(--muted)}
.blog-pages{display:flex;justify-content:space-between;gap:16px;margin-top:32px;font-weight:650}
.blog-pages a{color:var(--copper-deep);display:inline-flex;align-items:center;min-height:44px}
@media print{.blog .post-cta,.blog .post-more,.blog-pages{display:none}}
/* topic hubs (/blog/topic/<slug>) and the topic list on the index */
.blog .topics ul{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.blog .topics a{display:inline-flex;align-items:center;min-height:40px;padding:0 15px;border-radius:999px;border:1.5px solid var(--line);background:rgba(255,253,249,.7);color:var(--ink);font-size:14.5px;font-weight:600;text-decoration:none}
.blog .topics a:hover{border-color:var(--copper);background:var(--paper)}
.blog .topics a[aria-current="page"]{border-color:var(--copper);background:#fff4e6}
.blog .topic-all{margin:16px 0 0;font-weight:650}
.blog .topic-all a{color:var(--copper-deep)}
.blog .topic-next{margin:28px 0 0}