.blog-intro h1{margin-top:var(--space-3)}.blog-intro .english-draft{font-size:var(--story-label)}.blog-filters{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto;gap:var(--space-6);align-items:end;padding-block:var(--space-6);margin-bottom:var(--space-8);border-block:var(--hairline) solid var(--ink-faint)}.blog-filters[hidden],.blog-card[hidden],.blog-empty[hidden],[data-copy-markdown][hidden]{display:none!important}.blog-filters label{display:grid;gap:var(--space-2)}.blog-filters input,.blog-filters select{width:100%;min-width:0;min-height:var(--story-touch);border:0;border-bottom:var(--hairline) solid var(--ink-faint);border-radius:0;background:var(--paper);color:var(--ink);font:inherit;font-size:var(--step--1);padding:var(--space-2) 0}.blog-filters input::placeholder{color:var(--ink-soft);opacity:1}.blog-result-count{padding-bottom:var(--space-3);white-space:nowrap}.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-8);margin-bottom:var(--story-section)}.blog-card{min-width:0;border-top:var(--hairline) solid var(--ink-faint);display:flex;flex-direction:column}.blog-card-art{display:block;color:var(--ink);padding:var(--space-6);text-decoration:none}.blog-illustration{color:var(--ink);margin:0;width:100%}.blog-illustration svg,.blog-illustration img{display:block;width:100%;height:auto}.blog-illustration-accent{stroke:var(--accent)}.blog-illustration-vignette img{-webkit-mask-image:url(/art/blog-vignette-mask.svg);mask-image:url(/art/blog-vignette-mask.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}[data-theme=dark] .blog-illustration img{filter:brightness(.82) saturate(.88)}.blog-card-copy{padding:0 var(--space-6) var(--space-8)}.blog-card-meta{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-6);justify-content:space-between;margin-bottom:var(--space-4)}.blog-card h2{font-size:var(--story-card-title);max-width:100%}.blog-card h2 a,.blog-related h3 a{color:var(--ink);text-decoration:none}.blog-card h2 a:hover,.blog-related h3 a:hover{color:var(--accent)}.blog-card-description{margin-block:var(--space-4);color:var(--ink-soft);font-size:var(--step--1);line-height:var(--story-leading)}.blog-tags{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);margin-block:var(--space-4);color:var(--ink-soft);font:400 var(--story-label)/var(--leading-body) var(--font-mono)}.blog-tags a{text-decoration:none;color:var(--ink-soft)}.blog-tags a:hover{color:var(--accent);text-decoration:underline}.blog-card .text-link{margin-top:var(--space-2)}.blog-empty{padding-block:var(--space-8) var(--story-section);color:var(--ink-soft)}.blog-post-header{max-width:100%;padding-bottom:var(--space-6)}.blog-post-header .english-draft{margin:0 0 var(--space-4)}.blog-post-meta{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-6)}.blog-post-illustration{width:min(100%,var(--story-prose-measure));margin-inline:auto;margin-block:var(--space-6)}.blog-reading{margin-top:var(--space-8)}.blog-reading>div{min-width:0}.blog-sources{margin-top:var(--space-8)}.blog-sources ul{list-style:none;margin:var(--space-3) 0 0;padding:0;display:grid;gap:var(--space-3)}.blog-sources a{overflow-wrap:anywhere}.blog-prose>:first-child{margin-top:0}.blog-prose p,.blog-prose blockquote,.blog-prose ul,.blog-prose ol{margin-bottom:var(--space-6)}.blog-prose h3{font-size:var(--step-2);margin-block:var(--space-8) var(--space-4)}.blog-prose img{max-width:100%;height:auto}.blog-prose .footnotes{border-top:var(--hairline) solid var(--ink-faint);padding-top:var(--space-6);margin-top:var(--space-12);font-size:var(--step--1);color:var(--ink-soft)}.blog-prose .footnotes h2{font-size:var(--step-2)}.blog-prose :is(pre,table){max-width:100%;overflow-x:auto}.blog-markdown{border-block:var(--hairline) solid var(--ink-faint);margin-top:var(--space-12);padding-block:var(--space-4);scroll-margin-top:var(--space-8)}.blog-markdown summary{cursor:pointer;min-height:var(--story-touch);font:400 var(--step--1)/var(--leading-body) var(--font-mono);color:var(--accent)}.blog-markdown-actions{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center;font:400 var(--story-label)/var(--leading-body) var(--font-mono);margin-block:var(--space-3)}.blog-markdown-actions button{border:var(--hairline) solid var(--ink-faint);background:var(--paper-raised);color:var(--accent);min-height:var(--story-touch);padding:var(--space-2) var(--space-4);cursor:pointer;font:inherit}.blog-markdown-actions button:hover{border-color:var(--accent)}.blog-markdown pre{max-height:60vh;white-space:pre-wrap;overflow:auto;overflow-wrap:anywhere;font:400 var(--step--1)/var(--leading-body) var(--font-mono);background:var(--paper-raised);border:var(--hairline) solid var(--ink-faint);padding:var(--space-4);margin:var(--space-4) 0 0}.blog-related{border-top:var(--hairline) solid var(--ink-faint);padding-block:var(--space-8) var(--space-12)}.blog-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-8)}.blog-related h3{font-size:var(--step-2);margin-block:var(--space-3) var(--space-4)}.blog-related article>p:last-child{font-size:var(--step--1);color:var(--ink-soft)}@media(min-width:900px){.blog-card:first-child{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding-block:var(--space-8)}.blog-card:first-child .blog-card-copy{padding:var(--space-8)}.blog-card:first-child h2{font-size:var(--story-section-title)}}@media(max-width:899px){.blog-filters{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.blog-result-count{grid-column:1 / -1;padding:0}.blog-reading .case-toc{display:flex;gap:var(--space-8);flex-wrap:wrap}.blog-reading .markdown-link,.blog-sources{margin-top:0}.blog-related-grid{grid-template-columns:1fr}}@media(max-width:639px){.blog-grid{grid-template-columns:1fr;gap:var(--space-6)}.blog-card-art{padding-inline:var(--space-3)}.blog-card-copy{padding-inline:0}.blog-filters{gap:var(--space-4)}.blog-filters input,.blog-filters select{font-size:var(--step--1)}.blog-post-illustration{margin-block:var(--space-3)}.blog-reading .case-toc{gap:var(--space-6)}.blog-related .section-heading{align-items:start;flex-wrap:wrap}}