:root{--blog-h1-size:1.4em;--blog-h2-size:1.2em;--blog-h3-size:1.1em;--blog-h1-leading:1.05;--blog-h2-leading:1.12;--blog-h3-leading:1.2;--blog-outline-indent:1.75em;--blog-note-gap:.65em;--blog-caption-gap:.35em;--blog-figure-gap:var(--line-break)}.blog-article-layout[lang=zh-CN]{font-family:"ZhStrut", var(--font-body);font-size:var(--size-cjk);--note-size:var(--note-size-cjk);--latin-ratio:var(--ratio-body);--note-ratio:var(--ratio-note);line-height:1.89}.blog-article-layout[lang=en]{font-size:var(--size-latin);--note-size:var(--note-size-latin);--latin-ratio:1;--note-ratio:1}:is(html[lang=zh-CN],.blog-article-layout[lang=zh-CN]){--blog-h1-leading:1.15;--blog-h2-leading:1.2;--blog-h3-leading:1.3}main.blog-article-main{padding-top:0;overflow:hidden}.blog-article-layout{grid-template-columns:repeat(5,minmax(0,1fr));height:100%;min-height:0;display:grid}.blog-sidebar{min-height:0;padding:var(--content-top) var(--label-inset) var(--section-gap);scrollbar-width:thin;grid-column:1;overflow-y:auto}.blog-outline{margin-top:var(--section-gap)}.blog-outline ol{margin:0;padding:0;list-style:none}.blog-outline li+li{margin-top:.45em}.blog-outline .depth-3{padding-left:var(--blog-outline-indent)}.blog-article-scroll{overscroll-behavior:contain;min-width:0;min-height:0;padding:var(--content-top) 0 var(--section-gap);scroll-padding-top:var(--content-top);grid-column:2/6;overflow:hidden auto}.blog-article-flow{grid-template-columns:repeat(4,minmax(0,1fr));min-height:100%;display:grid;position:relative}.article-copy{min-width:0;padding-inline:var(--label-inset);grid-column:1/4}.article-copy strong{font-weight:600}.article-copy em{font-style:italic}.article-copy strong em,.article-copy em strong{font-style:italic;font-weight:600}.article-copy .article-title{font-size:var(--blog-h1-size);line-height:var(--blog-h1-leading);margin-bottom:.55em}.article-copy h2{font-size:var(--blog-h2-size);line-height:var(--blog-h2-leading);margin:1.6em 0 .5em}.article-copy h3{font-size:var(--blog-h3-size);line-height:var(--blog-h3-leading);margin:1.3em 0 .4em}.article-copy :is(h1,h2,h3){font-weight:300}.article-copy img{width:100%;height:auto;display:block}.blog-sidenotes{min-height:100%;padding-inline:var(--label-inset);pointer-events:none;font-style:italic;position:absolute;inset:0 0 auto 75%}.blog-sidenotes,.blog-inline-note,.blog-figure figcaption,.footnotes{font-size:var(--note-size);--latin-ratio:var(--note-ratio)}.blog-sidenote{left:var(--label-inset);right:var(--label-inset);overflow-wrap:anywhere;pointer-events:auto;position:absolute}.blog-sidenote p{margin:0}.blog-inline-note{margin:var(--blog-note-gap) 0;font-style:italic}.blog-inline-note p{margin:0}.blog-figure-block{margin-block:1em}.blog-figure{min-width:0;margin:0}.blog-figure figcaption{padding-top:var(--blog-caption-gap);overflow-wrap:anywhere;font-style:italic}.blog-figure-block--single .blog-figure{grid-template-columns:2fr 1fr;align-items:start;display:grid}.blog-figure-block--single img{grid-column:1}.blog-figure-block--single figcaption{padding:0 var(--label-inset);grid-column:2}.blog-figure-block--pair{overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;width:133.333%;display:flex;overflow-x:auto}.blog-figure-block--pair .blog-figure{scroll-snap-align:start;scroll-snap-stop:always;padding-right:var(--blog-figure-gap);flex:0 0 50%}@media (width<=1023px){main.blog-article-main{padding-top:var(--content-top);scroll-padding-top:var(--content-top);overflow:hidden auto}.blog-article-layout{height:auto;min-height:100%;display:block}.blog-sidebar{padding:0 var(--label-inset);overflow:visible}.blog-outline{display:none}.blog-article-scroll{padding:var(--section-gap) 0;overflow:visible}.blog-article-flow{display:block}.blog-sidenotes{display:none}.blog-figure-block--single .blog-figure,.blog-figure-block--pair{scroll-snap-type:none;width:100%;display:block;overflow:visible}.blog-figure-block--single img,.blog-figure-block--single figcaption{width:100%;padding-inline:0;display:block}.blog-figure-block--single figcaption{padding-top:var(--blog-caption-gap)}.blog-figure-block--pair .blog-figure{width:100%;margin-bottom:1em;padding:0}}
