.blog-page{max-width:1000px}.blog-list{list-style:none;padding:0;margin-top:56px}.blog-list>li{border-top:1px solid var(--line);padding:28px 0}.blog-list h2{margin:0 0 12px;font-size:30px}.blog-list a{text-decoration:none}.blog-meta{font:14px/1.7 Consolas,monospace;color:#a7b7c7}.blog-article>h1{max-width:920px}.blog-article>h2,.blog-article h2{margin-top:46px}.blog-article h3{margin-top:32px}.blog-article li{color:#b8c4d0}.blog-article a{text-decoration:underline;overflow-wrap:anywhere}.blog-article blockquote{border-left:2px solid var(--cyan);margin:30px 0;padding:10px 24px;background:var(--carbon)}.blog-article pre{overflow:auto;padding:20px;background:var(--carbon)}.blog-article code{font-family:Consolas,monospace;font-size:.9em}.blog-article table{display:table;width:100%;font-size:15px}.blog-article thead{display:table-header-group}.blog-article tbody{display:table-row-group}.blog-article tr{display:table-row}.blog-article th,.blog-article td{display:table-cell;overflow-wrap:anywhere}.blog-article td:before{content:none}.blog-toc{display:block;background:var(--carbon);border:1px solid var(--line);padding:24px;margin:35px 0}.blog-toc h2{font-size:21px;margin:0}.blog-toc ol{padding-left:24px}.blog-toc a{display:inline-block;min-height:44px;padding:6px 0}.blog-article [id]{scroll-margin-top:30px}.blog-empty{padding:30px 0;border-top:1px solid var(--line)}.blog-article img{max-width:100%;height:auto}header .logo{position:relative}header .brand-mark{position:absolute;left:100%;top:70%;font-size:9px}
@media(max-width:650px){.blog-page h1{font-size:37px}.blog-list h2{font-size:25px}.blog-article table{font-size:12px;table-layout:fixed}.blog-article th,.blog-article td{padding:8px}.blog-toc{padding:18px}.blog-page header nav{display:none}}