*{box-sizing:border-box}body{min-height:100vh;color:var(--color-text);background:var(--color-bg);margin:0;font-family:Helvetica Neue,PingFang SC,Hiragino Sans,Hiragino Kaku Gothic ProN,Microsoft YaHei,Arial,sans-serif;font-weight:400}:where([lang=ja]){font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic,Meiryo,sans-serif}main{width:min(640px,100% - 48px);margin:0 auto;padding:160px 0 0}article a{color:var(--color-accent);text-decoration:none}article :where(p,blockquote,figcaption) a:not(:has(img)){box-decoration-break:clone;border-radius:2px;transition:color .18s,background-color .18s}article :where(p,blockquote,figcaption) a:not(:has(img)):hover,article :where(p,blockquote,figcaption) a:not(:has(img)):focus-visible{color:var(--color-heading);background:color-mix(in srgb, var(--color-accent) 9%, transparent);outline:none}header{padding-bottom:0}header h1{color:var(--color-heading);letter-spacing:-.035em;white-space:nowrap;margin:0;font-size:clamp(1.6rem,3vw,1.75rem);font-weight:650;line-height:1.3}header .subtitle{letter-spacing:.01em;opacity:.74;margin:9px 0 0;font-size:.98rem;font-weight:300;line-height:1.55}header .description{opacity:.7;max-width:600px;margin:28px 0 0;font-size:.9rem;font-weight:400;line-height:1.8}.post-meta{flex-wrap:wrap;align-items:center;gap:7px;min-height:22px;margin-top:25px;font-size:.72rem;line-height:1.5;display:flex}.author{color:inherit;align-items:center;text-decoration:none;display:inline-flex}.author span{opacity:.78;font-weight:500}.author:hover span{opacity:1}.meta-divider{opacity:.38;margin:0 2px}time{opacity:.62;margin-right:4px;font-size:.72rem;font-weight:400}.tags{gap:7px;margin:0;padding:0;list-style:none;display:flex}.tags:before{content:"/";opacity:.38;align-self:center;margin:0 3px 0 1px;font-size:.72rem;font-weight:400}.tags a{border:1px solid color-mix(in srgb, var(--color-border) 62%, transparent);color:inherit;opacity:.72;border-radius:999px;padding:4px 8px;font-size:.68rem;font-weight:400;text-decoration:none;display:block}.tags a:hover{border-color:var(--color-accent);color:var(--color-accent);opacity:1}article{letter-spacing:.005em;padding-top:36px;font-size:.94rem;font-weight:400;line-height:1.75}article h2{color:var(--color-heading);letter-spacing:-.015em;margin:76px 0 22px;font-size:1.32rem;font-weight:650;line-height:1.5}article h3{color:var(--color-heading);margin:58px 0 18px;font-size:1.1rem;font-weight:650;line-height:1.55}article h4{color:var(--color-heading);margin:48px 0 16px;font-size:.98rem;font-weight:650;line-height:1.65}article p{text-align:justify;text-align-last:left;text-justify:inter-ideograph;margin:0 0 18px}article p:has(br),article blockquote p:has(br){text-align:left}article p:has(+blockquote){margin-bottom:12px}article p:has(+figure),article p:has(+.image-pair){margin-bottom:0}article blockquote{border-left:3px solid var(--color-border);opacity:.84;margin:12px 0 14px;padding:2px 0 2px 25px}article blockquote p:last-child{margin-bottom:0}article img{background:#fff;width:100%;height:auto;margin:20px 0 22px;display:block}article figure{margin:20px 0 22px}article figure img{margin:0}article figcaption{text-align:left;opacity:.58;margin-top:3px;font-size:.78rem;line-height:1.45}article .image-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0 22px;display:grid}article .image-pair figure,article .image-pair img{margin:0}article li{margin-bottom:10px}article hr{border:0;border-top:1px solid var(--color-border);margin:64px 0 40px}article .further-readings{background:var(--color-panel);margin:72px 0 0;padding:24px 28px 26px;font-weight:400}article .further-readings h2{border-bottom:1px solid color-mix(in srgb, var(--color-border) 68%, transparent);letter-spacing:.04em;text-transform:uppercase;margin:0 0 18px;padding:0 0 12px;font-size:.82rem;font-weight:650;line-height:1.5}article .further-readings ul{margin:0;padding:0;list-style:none}article .further-readings li{margin:0;padding:5px 0;font-size:.76rem;font-weight:400;line-height:1.6;transition:color .18s;position:relative}article .further-readings li>a{color:color-mix(in srgb, var(--color-accent) 82%, var(--color-text));text-decoration:none;display:inline}article .further-readings li>a:after{content:"↗";color:var(--color-accent);opacity:.58;margin-left:.42em;font-size:.88em;transition:opacity .18s,transform .18s;display:inline-block}article .further-readings li>a:hover,article .further-readings li>a:focus-visible{color:var(--color-accent);background:0 0;outline:none}article .further-readings li>a:hover:after,article .further-readings li>a:focus-visible:after{opacity:.82;transform:translate(1px,-1px)}@media (width<=640px){header h1{white-space:normal;font-size:1.6rem}article{font-size:.92rem;line-height:1.72}article h2{margin-top:64px;font-size:1.22rem}article .image-pair{grid-template-columns:1fr}article .further-readings{padding:22px 20px 24px}}