.blog-shell{--blog-bg: #ffffff;--blog-ink: #101010;--blog-ink-soft: #232323;--blog-muted: #595959;--blog-rule: rgba(16, 16, 16, .24);--blog-rule-soft: rgba(16, 16, 16, .14);--blog-rule-faint: rgba(16, 16, 16, .08);--blog-accent-red: #e63946;--blog-accent-orange: #f4845f;--blog-accent-green: #06d6a0;--blog-accent-yellow: #ffd166;--blog-accent-blue: #118ab2;position:relative;isolation:isolate;min-height:100vh;color:var(--blog-ink);background:var(--blog-bg);font-family:"Noto Serif JP",Georgia,Times New Roman,serif;font-feature-settings:"liga" 1,"kern" 1;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}.blog-noise-svg{position:absolute;width:0;height:0;pointer-events:none}.blog-shell:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:#0000001a;filter:url(#blogPageNoise);opacity:.33}.blog-shell,.blog-shell *{animation:none!important;transition:none!important;view-transition-name:none!important;scroll-behavior:auto!important}.blog-page,.post-page{position:relative;z-index:1;width:min(94vw,82rem);margin:0 auto;padding:4.65rem 0 4.35rem}.blog-nav{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;border-bottom:1px solid var(--blog-rule);padding-bottom:.8rem}.blog-nav-links{display:flex;align-items:baseline;gap:1rem}.blog-kicker,.post-backlink{color:var(--blog-muted);text-decoration:none;text-transform:uppercase;letter-spacing:.145em;font-size:.6rem;line-height:1.68;font-family:PP Editorial New,Georgia,Times New Roman,serif;font-weight:400}.blog-kicker .zh{color:var(--blog-accent-red)}.blog-kicker-button{background:none;border:0;padding:0;cursor:pointer}a.blog-kicker:hover,a.blog-kicker:focus-visible,button.blog-kicker:hover,button.blog-kicker:focus-visible,.post-backlink:hover,.post-backlink:focus-visible{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.13em}.blog-masthead{margin-top:2.15rem;padding-bottom:2.9rem;border-bottom:1px solid var(--blog-rule-soft)}.blog-title{margin:0;width:100%;max-width:none;font-family:PP Editorial New,Georgia,Times New Roman,serif;font-size:clamp(2.9rem,8.2vw,7.2rem);line-height:.88;letter-spacing:-.02em;font-weight:200;text-wrap:pretty}.blog-intro{margin:1.5rem 0 0;max-width:38ch;color:var(--blog-ink-soft);font-family:PP Editorial New,Georgia,Times New Roman,serif;font-style:italic;font-size:clamp(1.12rem,1.8vw,1.56rem);line-height:1.44}.blog-list{list-style:none;margin:2.7rem 0 0;padding:0;counter-reset:postcount}.blog-card{counter-increment:postcount;border-top:1px solid var(--blog-rule-faint);padding:1.95rem 0 2.2rem}.blog-card:last-child{border-bottom:1px solid var(--blog-rule-faint)}.blog-card-meta{margin:0;color:var(--blog-muted);font-size:.58rem;line-height:1.95;letter-spacing:.14em;text-transform:uppercase;font-family:PP Editorial New,Georgia,Times New Roman,serif;font-variant-numeric:tabular-nums}.blog-card-meta:before{content:counter(postcount,decimal-leading-zero) " ";color:var(--blog-accent-red);font-weight:400}.blog-card-main{min-width:0}.blog-card-title{margin:.52rem 0 0;width:100%;max-width:none;font-family:PP Editorial New,Georgia,Times New Roman,serif;font-size:clamp(1.95rem,4vw,3.8rem);line-height:.9;letter-spacing:-.018em;font-weight:200;text-wrap:pretty}.blog-card-title a{color:inherit;text-decoration:none}.blog-card-title a:hover,.blog-card-title a:focus-visible{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.11em}.blog-card-desc{margin:.9rem 0 0;max-width:66ch;color:var(--blog-ink-soft);font-size:clamp(1.02rem,1.22vw,1.15rem);line-height:1.75}.blog-tags{display:flex;flex-wrap:wrap;gap:.34rem .42rem;margin-top:1.04rem}.blog-tag{position:relative;isolation:isolate;display:inline-block;color:#fff;border:1px solid transparent;background:var(--blog-tag-color, var(--blog-accent-red));box-shadow:0 0 10px #00000014,inset 0 0 10px #ffffff1f;padding:.12rem .54rem;font-size:.54rem;line-height:1.52;letter-spacing:.12em;text-transform:uppercase;font-family:PP Editorial New,Georgia,Times New Roman,serif}.blog-tag:before{content:"";position:absolute;inset:-1px;background:inherit;filter:blur(1.5px);opacity:.28;z-index:-1}.blog-empty{margin-top:2.6rem;max-width:46ch;color:var(--blog-muted);border-top:1px solid var(--blog-rule-soft);padding-top:1.05rem}.post-header{margin-top:2.15rem;border-bottom:1px solid var(--blog-rule);padding-bottom:2.28rem}.post-title{margin:.95rem 0 0;width:100%;max-width:none;font-family:PP Editorial New,Georgia,Times New Roman,serif;font-size:clamp(3rem,8.4vw,7.4rem);line-height:.86;letter-spacing:-.024em;font-weight:200;text-wrap:pretty}.post-dek{margin:1.24rem 0 0;max-width:34ch;color:var(--blog-ink-soft);font-family:PP Editorial New,Georgia,Times New Roman,serif;font-style:italic;font-size:clamp(1.22rem,2.15vw,1.88rem);line-height:1.33}.post-meta{margin:1.24rem 0 0;color:var(--blog-muted);font-size:.58rem;line-height:1.95;letter-spacing:.14em;text-transform:uppercase;font-family:PP Editorial New,Georgia,Times New Roman,serif;font-variant-numeric:tabular-nums}.post-meta:before{content:"●";color:var(--blog-accent-orange);margin-right:.36rem}.post-header .blog-tags{margin-top:.98rem}.post-share{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.52rem .8rem;align-items:center}.post-share-label{color:var(--blog-muted);font-size:.56rem;line-height:1.7;letter-spacing:.13em;text-transform:uppercase;font-family:PP Editorial New,Georgia,Times New Roman,serif}.post-share-links{display:flex;flex-wrap:wrap;gap:.4rem}.post-share-link,.post-share-button{color:var(--blog-ink-soft);border:1px solid var(--blog-rule-soft);background:#ffffffeb;padding:.12rem .54rem;font-size:.54rem;line-height:1.55;letter-spacing:.12em;text-transform:uppercase;font-family:PP Editorial New,Georgia,Times New Roman,serif;text-decoration:none}.post-share-button{border-color:var(--blog-rule-soft);background:#ffffffeb;color:var(--blog-ink-soft);cursor:pointer}.post-share-link{border-color:var(--blog-rule-soft);background:#ffffffeb;color:var(--blog-ink-soft)}.post-share-link:hover,.post-share-link:focus-visible,.post-share-button:hover,.post-share-button:focus-visible{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.12em}.post-content{margin:3.2rem auto 0;max-width:78ch;color:#161616;font-family:var(--font-pp-editorial-sans);font-weight:300;font-size:clamp(.99rem,1.02vw,1.08rem);line-height:1.72}.post-content>*+*{margin-top:1.08em}.post-content p{text-wrap:pretty}.post-content>p:first-of-type{margin-top:0;max-width:74ch;font-family:var(--font-pp-editorial-sans);font-size:inherit;line-height:inherit;font-style:normal;color:inherit}.post-content h2,.post-content h3,.post-content h4{margin-bottom:.22em;line-height:1.03;text-wrap:balance;font-family:PP Editorial New,Georgia,Times New Roman,serif}.post-content h2{margin-top:2.2em;display:inline-block;font-size:clamp(1.8rem,2.7vw,2.5rem);letter-spacing:-.018em;font-weight:400}.post-content h2:after{content:"";display:block;width:100%;height:1px;margin-top:.34rem;background:var(--blog-accent-yellow)}.post-content h3{margin-top:1.9em;font-size:clamp(1.45rem,2.2vw,1.9rem);letter-spacing:-.01em;font-weight:400}.post-content h4{margin-top:1.72em;font-size:clamp(1.2rem,1.7vw,1.4rem);font-weight:400}.post-content a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.14em;text-decoration-color:var(--blog-accent-blue)}.post-content ul,.post-content ol{padding-left:1.3em}.post-content li+li{margin-top:.38em}.post-content blockquote{margin:1.8em 0;border-left:3px solid var(--blog-rule-soft);padding-left:1.04rem;color:var(--blog-ink-soft);font-family:var(--font-pp-editorial-sans);font-style:normal}.post-content hr{border:0;border-top:1px solid var(--blog-rule-soft);margin:2.5em 0}.post-content code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-weight:400;font-size:.83em;background:#0000000e;padding:.12em .35em}.post-content pre{background:#fafafa;border:1px solid var(--blog-rule-faint);padding:1.04rem 1.1rem;overflow-x:auto}.post-content pre code{background:transparent;padding:0}.post-content img{width:100%;height:auto}.post-content table{width:100%;border-collapse:collapse}.post-content th,.post-content td{border-bottom:1px solid var(--blog-rule-faint);padding:.46rem .36rem;text-align:left}.post-footer{margin:3.2rem auto 0;max-width:78ch;border-top:1px solid var(--blog-rule-soft);padding-top:1.5rem;display:flex;justify-content:center}.post-footer-button{color:var(--blog-ink);text-decoration:none;border:1px solid var(--blog-accent-orange);background:#fff;padding:.4rem .86rem;font-size:.6rem;line-height:1.6;letter-spacing:.14em;text-transform:uppercase;font-family:PP Editorial New,Georgia,Times New Roman,serif}.post-footer-button:hover,.post-footer-button:focus-visible{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.12em}@media(min-width:64rem){.blog-masthead{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(19rem,1fr);gap:1.2rem 3.35rem;align-items:end}.blog-masthead .blog-kicker,.blog-title{grid-column:1 / -1}.blog-intro{grid-column:1 / -1;max-width:56ch;margin:.56rem 0 0}.blog-card{display:grid;grid-template-columns:minmax(8.8rem,10rem) minmax(0,1fr);column-gap:2.35rem;align-items:start}.post-page{width:min(94vw,89rem)}.post-header{display:grid;grid-template-columns:minmax(0,1.95fr) minmax(14rem,1fr);column-gap:2.9rem;align-items:end}.post-backlink,.post-title,.post-dek{grid-column:1 / 2}.post-meta,.post-header .blog-tags,.post-share{grid-column:2 / 3;justify-self:start}.post-meta{margin-top:.58rem}.post-header .blog-tags{margin-top:.82rem}.post-content,.post-footer{max-width:82ch}}@media(max-width:52rem){.blog-page,.post-page{width:min(92vw,43rem);padding-top:4.2rem;padding-bottom:4rem}.blog-title,.blog-card-title,.post-title{max-width:100%}.blog-title{line-height:.9}.blog-card-title{line-height:.93}.post-title{line-height:.88}.blog-card-meta:before{margin-right:.34rem}.post-content{font-size:1rem;line-height:1.7}.post-content>p:first-of-type{max-width:100%;font-size:inherit;line-height:inherit}.post-footer-button{font-size:.58rem}}
