/* Blog index and article pages extend the legal-page reading layout. */
.blog-page main{width:min(100% - (var(--gutter) * 2),820px)}
.blog-page main>div>h1{font-size:clamp(2.1rem,4.6vw,3.4rem);line-height:1.04}
.blog-page .back-link{margin:0 0 1.5rem;font-size:.95rem}
.blog-page .back-link a{display:inline-flex;align-items:center;min-height:44px}
.blog-page .facts{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:.55rem 1.5rem;margin:0 0 2.75rem;padding:1.25rem 0 0;border-top:1px solid var(--line)}
.blog-page .facts dt{font-weight:700}
.blog-page .facts dd{margin:0}
.blog-page .table-wrap{overflow-x:auto}
.blog-page table{width:100%;border-collapse:collapse;font-size:.97rem}
.blog-page th,.blog-page td{padding:.7rem 1rem .7rem 0;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.blog-page th{font:500 .9rem/1.2 var(--display);letter-spacing:.02em;color:var(--ink-soft)}
.blog-page td:first-child{white-space:nowrap}
.blog-page code{padding:.08em .3em;background:var(--surface);border:1px solid var(--line);font:.88em ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-wrap:anywhere}
.blog-page .post-card h2{margin-bottom:.5rem}
.blog-page .post-card h2 a{text-decoration:none}
.blog-page .post-card h2 a:hover{text-decoration:underline}
.blog-page .post-card .post-date{margin:0 0 .6rem;color:var(--ink-soft);font-size:.92rem}
@media(max-width:560px){.blog-page .facts{grid-template-columns:minmax(0,1fr);gap:.1rem}.blog-page .facts dd{margin-bottom:.7rem}.blog-page td:first-child{white-space:normal}}