.blog-opening{max-width:38em;padding:36px 0 50px;margin-top:12px;border-top:1px solid var(--line)}
.blog-opening h2{font-size:25px;line-height:1.45;margin-bottom:22px}
.blog-opening p{font-size:17px;line-height:1.95}
.blog-entries{max-width:48em}
.blog-entry{display:block;padding:30px 0;border-top:1px solid var(--line)}
.blog-entry h2{font-size:25px;line-height:1.45;margin:9px 0 12px}
.blog-entry>time,.blog-meta{font-size:14px;color:var(--muted)}
.blog-entry p{font-size:17px;line-height:1.85;max-width:44em}
.blog-entry:hover h2{text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:1px}
.blog-tags,.blog-meta{display:flex;flex-wrap:wrap;gap:8px 18px}
.blog-tags{margin-top:15px;font-size:14px;color:var(--muted)}
.blog-post{max-width:38em;margin-inline:auto}
.blog-post--outlined{max-width:940px}
.blog-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:36px;margin-top:34px}
.blog-post--outlined .blog-layout{grid-template-columns:minmax(0,1fr) 188px;gap:52px}
.blog-toc{grid-column:2;grid-row:1;position:sticky;top:28px;font-size:14px;line-height:1.6;max-height:calc(100dvh - 70px);overflow:auto;scrollbar-width:thin}
.blog-toc summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;color:var(--ink);padding:8px 0;min-height:44px;font-weight:600;list-style:none}
.blog-toc summary::-webkit-details-marker{display:none}.blog-toc summary svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .2s}.blog-toc[open] summary svg{transform:rotate(180deg)}
.blog-toc ol{list-style:none;margin:8px 0 0;padding:0}
.blog-toc li{margin:0}
.blog-toc a{display:block;min-height:36px;padding:7px 0 7px 14px;color:var(--muted);overflow-wrap:anywhere;text-wrap:pretty;border-left:1px solid var(--line);text-decoration:none}
.blog-toc .toc-level-3 a{padding-left:27px;font-size:13px}
.blog-toc a:hover{color:var(--ink)}.blog-toc a[aria-current]{color:var(--ink);border-color:var(--ink);font-weight:500;background:linear-gradient(90deg,var(--soft),transparent)}
.blog-toc a:focus-visible,.blog-toc summary:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.blog-toc .toc-top{margin-top:20px;padding:6px 0;border:0;font-size:12px;min-height:44px}
.blog-reading-column{min-width:0}.blog-cover{margin:0 0 38px}.blog-cover img{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:cover;border-radius:3px}.blog-cover figcaption,.blog-figure figcaption{margin-top:12px;font-size:13px;line-height:1.75;color:var(--muted);text-wrap:pretty}
.blog-endnotes{margin-top:64px;padding-top:30px;border-top:1px solid var(--line)}.blog-endnotes>h2{font-size:22px;line-height:1.5;margin:0 0 28px;scroll-margin-top:28px}.blog-note-group+ .blog-note-group{margin-top:32px}.blog-note-group h3{font-size:15px;font-weight:500;margin:0 0 14px}.blog-note-group ol{padding-left:20px;margin:0}.blog-note-group li{padding-left:4px}.blog-note-group li+li{margin-top:18px}.blog-note-group a{display:inline-flex;align-items:baseline;gap:8px;font-size:16px;color:var(--blue);text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}.blog-note-group a svg{width:14px;height:14px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5}.blog-note-group p{margin:6px 0 0;color:var(--muted);font-size:14px;line-height:1.8}.blog-return{display:inline-flex;align-items:center;min-height:44px;margin-top:40px;font-size:14px;color:var(--muted);text-decoration:underline;text-underline-offset:5px}
.blog-draft-label{color:var(--ink)}
.blog-table{overflow:auto;max-width:100%;margin:1.5em 0;scrollbar-width:thin;scrollbar-color:var(--line) var(--paper)}
.blog-prose .blog-table table{display:table;width:max-content;max-width:none;min-width:100%;margin:0;overflow:visible}
.blog-prose .blog-table th,.blog-prose .blog-table td{min-width:10em;max-width:28em;overflow-wrap:normal}
@media(max-width:1100px){.blog-post--outlined .blog-layout{display:flex;flex-direction:column;gap:30px}.blog-toc{order:-1;position:static;width:100%;max-height:none;border-block:1px solid var(--line);padding:5px 0}.blog-toc nav{padding-bottom:16px}.blog-toc ol{columns:2;column-gap:24px}.blog-toc li{break-inside:avoid}}
@media(max-width:700px){.site-frame:has(.blog-post){background:linear-gradient(90deg,transparent,var(--paper) 10px,var(--paper) calc(100% - 10px),transparent)}.blog-post .page-head.page-head--reading h1{font-size:32px}.blog-layout{margin-top:26px}.blog-toc ol{columns:1}.blog-toc a{min-height:44px}.blog-meta{font-size:13px}.blog-prose pre{scrollbar-width:thin;scrollbar-color:var(--line) var(--soft)}}
.blog-post-head h1{font-size:36px;line-height:1.45;margin-bottom:20px}
.blog-post-head{margin:25px 0 42px}
.blog-prose{font-size:18px;line-height:1.95;color:var(--ink);overflow-wrap:break-word;line-break:strict;text-wrap:pretty}
.blog-prose p{color:inherit;margin:0 0 1.25em}
.blog-prose h2,.blog-prose h3,.blog-prose h4{margin:2em 0 .7em;line-height:1.5;font-weight:600;scroll-margin-top:24px}
.blog-prose h2{font-size:27px}.blog-prose h3{font-size:23px}.blog-prose h4{font-size:20px}
.blog-prose ul,.blog-prose ol{padding-left:1.5em;margin-bottom:1.25em}
.blog-prose li+li{margin-top:.35em}
.blog-prose blockquote{margin:2em 0;padding:20px 24px;border-block:1px solid var(--line);color:var(--muted)}
.blog-prose blockquote p:last-child{margin-bottom:0}.blog-prose blockquote p:last-child:has(em:only-child){font-size:13px;text-align:right}
.blog-prose a{color:var(--blue);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.blog-prose pre{overflow:auto;max-width:100%;padding:20px;background:var(--soft);border-radius:4px;margin:1.5em 0;font-size:15px;line-height:1.7}
.blog-prose code{font-family:ui-monospace,Consolas,monospace}
.blog-prose :not(pre)>code{font-size:.88em;background:var(--soft);padding:2px 5px;border-radius:3px}
.blog-prose table{display:block;max-width:100%;overflow:auto;border-collapse:collapse;margin-block:1.5em;font-size:16px}
.blog-prose th,.blog-prose td{padding:10px 16px;border:1px solid var(--line);text-align:left}
.blog-prose img{height:auto;max-width:100%;margin-block:1.5em}
.blog-prose .blog-figure{margin:2.2em 0}.blog-prose .blog-figure img{display:block;width:auto;max-width:100%;max-height:75svh;margin:0 auto;object-fit:contain;border-radius:3px}.blog-image-link{display:block}.blog-image-link:focus-visible{outline:2px solid var(--blue);outline-offset:5px}
.blog-prose ::selection{background:var(--soft);color:var(--ink)}.blog-prose :is(h2,h3,h4):focus-visible{outline:2px solid var(--blue);outline-offset:7px}
.blog-prose hr{border:0;border-top:1px solid var(--line);margin:2em 0}
@media(max-width:700px){.blog-opening{padding-top:28px}.blog-opening h2,.blog-entry h2{font-size:22px}.blog-opening p,.blog-entry p{font-size:16px}.blog-prose{font-size:17px;line-height:1.9}.blog-post-head h1{font-size:29px}.blog-prose h2{font-size:24px}.blog-prose h3{font-size:21px}.blog-prose pre{padding:16px;font-size:14px}.blog-prose blockquote{padding-inline:17px}}