.article-body{max-width:72ch;margin-left:auto;margin-right:auto}.article-body :where(h1,h2,h3,h4){font-weight:700;letter-spacing:-.01em;scroll-margin-top:7rem}.article-body :where(h1){margin:4rem 0 2rem;font-size:clamp(1.875rem,3vw,2.25rem)}.article-body :where(h2){margin:4rem 0 1.5rem;font-size:clamp(1.5rem,2.5vw,2rem)}.article-body :where(h3){margin:3rem 0 1rem;font-size:clamp(1.25rem,2vw,1.5rem)}.article-body :where(p){color:#374151;line-height:2;margin-bottom:1.25rem}.dark .article-body :where(p){color:#d1d5db}.article-body :where(a){text-decoration:none;font-weight:500;color:rgb(37,99,235)}.dark .article-body :where(a){color:rgb(96,165,250)}.article-body :where(a:hover){text-decoration:underline}.article-body :where(figure){margin:2.5rem 0}.article-body :where(img){border-radius:.75rem;box-shadow:0 10px 20px rgba(0,0,0,.08);margin:2.5rem 0;display:block}.article-body :where(figcaption){color:#6b7280;font-size:.875rem;text-align:center;margin-top:.75rem}.dark .article-body :where(figcaption){color:#9ca3af}.article-body :where(pre){background:#0b0b0c;color:#f3f4f6;padding:1.25rem;border-radius:.75rem;overflow-x:auto;margin:2rem 0}.article-body :where(code){background:rgba(0,0,0,.05);padding:.15rem .4rem;border-radius:.35rem;font-size:.9em}.dark .article-body :where(code){background:rgba(255,255,255,.08)}.article-body :where(pre code){background:transparent;padding:0;border-radius:0;font-weight:400}.article-body :where(blockquote){border-left:4px solid rgba(59,130,246,.35);background:rgba(59,130,246,.08);padding:1rem 1.25rem;margin:2rem 0;border-radius:.5rem}.dark .article-body :where(blockquote){background:rgba(30,58,138,.25);border-left-color:rgba(30,64,175,.7)}.article-body :where(ul,ol){margin:1.25rem 0;padding-left:1.25rem}.article-body :where(li){margin:.5rem 0;line-height:1.9}.article-body :where(table){width:100%;border-collapse:collapse;margin:2rem 0;font-size:.95rem}.article-body :where(thead){border-bottom:1px solid rgba(0,0,0,.08)}.dark .article-body :where(thead){border-bottom-color:rgba(255,255,255,.12)}.article-body :where(th,td){padding:.75rem}.article-body :where(tr){border-bottom:1px solid rgba(0,0,0,.04)}.dark .article-body :where(tr){border-bottom-color:rgba(255,255,255,.08)}.article-body :where(hr){margin:4rem 0;border:0;border-top:1px solid rgba(0,0,0,.1)}.dark .article-body :where(hr){border-top-color:rgba(255,255,255,.15)}.article-body :where(h2 a.anchor,h3 a.anchor){opacity:0;margin-left:.25rem;text-decoration:none}.article-body :where(h2:hover a.anchor,h3:hover a.anchor){opacity:1}.article-body :where(blockquote.tip){border:1px solid rgba(16,185,129,.35);background:rgba(16,185,129,.1);border-radius:.75rem;padding:1rem}.dark .article-body :where(blockquote.tip){background:rgba(16,185,129,.15);border-color:rgba(16,185,129,.5)}.article-body :where(blockquote.warn){border:1px solid rgba(245,158,11,.35);background:rgba(245,158,11,.1);border-radius:.75rem;padding:1rem}.dark .article-body :where(blockquote.warn){background:rgba(245,158,11,.15);border-color:rgba(245,158,11,.5)}.article-body :where(blockquote.info){border:1px solid rgba(56,189,248,.35);background:rgba(56,189,248,.1);border-radius:.75rem;padding:1rem}.dark .article-body :where(blockquote.info){background:rgba(56,189,248,.15);border-color:rgba(56,189,248,.5)}.article-body :where(.overflow-x){overflow-x:auto}.serif :where(p,li,blockquote){font-family:Yu Mincho,YuMincho,Hiragino Mincho ProN,Hiragino Mincho Pro,"Noto Serif JP",serif}