.writing-archive-intro{max-width:70ch;margin:2rem 0 0;color:var(--vv-ink-soft);font-size:.82rem;line-height:1.7}
.article-archive-note{max-width:var(--vv-reading-width);margin:1.5rem 0;padding:1.25rem 1.5rem;border:1px solid var(--vv-line-strong);border-left:3px solid var(--vv-accent);background:var(--vv-surface-raised);border-radius:var(--vv-radius)}
.article-archive-note h2{margin:0 0 .5rem;font-size:.9rem;font-weight:650;color:var(--vv-ink)}
.article-archive-note p{margin:0;font-size:.85rem;line-height:1.7;color:var(--vv-ink-soft)}
.blog-filter-summary{margin:0 0 1rem;color:var(--vv-ink-soft);font-size:.85rem;overflow-wrap:anywhere}
.blog-page .blog-tag[aria-current]{color:var(--vv-accent);border-color:var(--vv-accent)!important}
.blog-article-body table{border-collapse:collapse;line-height:1.6;overscroll-behavior-x:contain}
.blog-article-body th,.blog-article-body td{padding:.65rem .8rem;border:1px solid var(--vv-line-strong);vertical-align:top}
.blog-article-body th{color:var(--vv-ink);background:var(--vv-surface-raised);font-weight:650}
.blog-article-body table:focus-visible,.blog-article-body pre:focus-visible{outline:2px solid var(--vv-accent);outline-offset:4px}
.blog-page .pagination{flex-wrap:wrap;gap:.25rem}
@media(max-width:575.98px){.article-archive-note{padding:1rem}.blog-article-body th,.blog-article-body td{padding:.5rem .6rem}}