/* Blog archives and article metadata; shared reading styles remain separate. */
.blog-intro,.blog-archive,.blog-topics,.legacy-acts{padding:32px max(20px,4.5vw)}
.blog-intro{padding-top:56px;padding-bottom:24px;max-width:1100px}
.blog-intro h1{font-size:clamp(46px,7vw,88px);letter-spacing:-.055em;line-height:1.05;margin:18px 0 24px}
.blog-intro p{font-size:18px;line-height:1.6;max-width:720px}
.blog-kicker{font:12px monospace!important;letter-spacing:.08em}
.blog-series-link{display:inline-flex;align-items:center;min-height:44px;font-weight:600}
.blog-topics{display:flex;flex-wrap:wrap;gap:8px;padding-top:0;padding-bottom:24px}
.blog-tag{display:inline-flex;align-items:center;min-height:44px;padding:8px 12px;border:1px solid #555653;background:#efeeec;color:#212020;font-size:13px;line-height:1.4;text-decoration:none;border-radius:2px}
.blog-tag:hover{background:white;text-decoration:underline}
.blog-tag[aria-current="page"]{background:#212020;color:white}
.blog-archive{display:grid;gap:22px;padding-top:0;padding-bottom:52px;max-width:1200px}
.blog-entry{padding:28px;background:white;border-top:5px solid #5942a6}
.blog-entry h2{font-size:clamp(23px,3vw,34px);line-height:1.15;letter-spacing:-.025em;margin:12px 0 16px}
.blog-entry h2 a{text-decoration:none}
.blog-entry h2 a:hover{text-decoration:underline}
.blog-entry p{font-size:17px;line-height:1.55;margin:0 0 16px;max-width:850px}
.blog-entry .blog-date{font-size:13px;color:#555653;margin:0}
.blog-entry-tags,.article-blog-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.article-blog-meta{margin-top:24px;font-size:13px;line-height:1.5}
.article-blog-meta .blog-tag{background:transparent;border-color:#bbb;color:inherit;min-height:44px}
.article-blog-meta .blog-tag:hover{background:#343434}
.notes-act .blog-date{font-size:12px;color:#555653;margin-bottom:12px}
.notes-act .blog-entry-tags{margin-top:14px}
.legacy-acts{border-top:1px solid #21202030;font-size:14px}
.legacy-acts ul{display:flex;flex-wrap:wrap;gap:12px 24px;list-style:none;padding:0}
.legacy-acts a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:600px){.blog-intro{padding-top:36px}.blog-entry{padding:22px 20px}.blog-entry p{font-size:16px}}