.markdown-body{line-height:1.75;color:var(--text-color);margin:0 auto;max-width:100%;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.markdown-body .blog-detail-header{margin:0 auto 2.5rem;max-width:76ch;padding:.45rem 0 1.65rem;border-bottom:1px solid color-mix(in srgb,var(--text-color) 10%,var(--border-color) 90%);display:flex;flex-direction:column;align-items:flex-start;gap:.7rem}.markdown-body .blog-detail-header .meta-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.markdown-body .blog-detail-header .published-at{margin:0;color:var(--text-color-secondary);opacity:1;font-size:.74rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.markdown-body .blog-detail-header .title{max-width:18ch;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Georgia,serif;font-size:clamp(2.6rem,4.3vw,4.3rem);display:block;margin:0;letter-spacing:-.06em;border:none;line-height:.95;color:var(--text-color)}.markdown-body .blog-detail-header .ai-mark-container{margin:0}.markdown-body .blog-detail-header .ai-mark-container .ai-mark{display:inline-block;font-size:.68rem;padding:.12rem 0;background:transparent;color:color-mix(in srgb,var(--text-color) 76%,var(--primary-color) 24%);border-radius:0;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.markdown-body .blog-detail-header .description{max-width:64ch;margin:.15rem 0 0;color:var(--text-color-secondary);opacity:1;font-size:.97rem;font-weight:500;line-height:1.84}.markdown-body .blog-detail-header .tag-row{max-width:64ch;display:flex;align-items:center;gap:.65rem .75rem;flex-wrap:wrap;margin-top:.15rem}.markdown-body .blog-detail-header .tag-row a{display:inline-flex;align-items:center;font-size:.66rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-color-secondary);text-decoration:none;transition:color .18s ease,opacity .18s ease}.markdown-body .blog-detail-header .tag-row a:hover{color:var(--text-color);text-decoration:none}.markdown-body .blog-detail-shell{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:minmax(0,70ch) minmax(236px,280px);column-gap:2.8rem;row-gap:0;align-items:start;justify-content:center}.markdown-body .blog-detail-content{min-width:0}.markdown-body .blog-detail-toc-wrap{position:relative;min-width:0}.markdown-body .blog-detail-toc-panel{margin:0;padding:0;border:none}.markdown-body .blog-detail-toc-panel[open] .blog-detail-toc-summary{margin-bottom:0}.markdown-body .blog-detail-toc-summary{display:none;list-style:none;cursor:pointer;user-select:none}.markdown-body .blog-detail-toc-summary::-webkit-details-marker{display:none}.markdown-body .blog-detail-toc{position:relative;padding:.85rem 0 0 1.25rem;border-left:1px solid color-mix(in srgb,var(--text-color) 8%,var(--border-color) 92%);background:transparent;max-height:calc(100vh - 7.5rem);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.markdown-body .blog-detail-toc.is-fixed{position:fixed;top:5.75rem}.markdown-body .blog-detail-toc .toc-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.8rem}.markdown-body .blog-detail-toc .toc-label{margin:0;color:var(--text-color-secondary);font-size:.74rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.markdown-body .blog-detail-toc .toc-back-top{color:var(--text-color-secondary);font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-decoration:none}.markdown-body .blog-detail-toc .toc-back-top:hover{color:var(--text-color);text-decoration:none}.markdown-body .blog-detail-toc>ol{max-width:none;margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.2rem}.markdown-body .blog-detail-toc>ol>li{margin:0;padding:0;line-height:1.35;list-style:none;min-width:0}.markdown-body .blog-detail-toc>ol>li.nested{opacity:.72;padding-left:.75rem}.markdown-body .blog-detail-toc>ol>li>a{display:block;color:var(--text-color-secondary);text-decoration:none;font-size:.8rem;line-height:1.46;text-wrap:wrap;overflow-wrap:anywhere;word-break:break-word;padding:.15rem 0;position:relative;transition:color .18s ease,transform .18s ease}.markdown-body .blog-detail-toc>ol>li>a:before{content:"";position:absolute;left:-1.4rem;top:50%;width:.5rem;height:1px;background:transparent;transform:translateY(-50%);transition:background .18s ease,width .18s ease}.markdown-body .blog-detail-toc>ol>li>a.is-active{color:var(--text-color)}.markdown-body .blog-detail-toc>ol>li>a.is-active:before{width:.8rem;background:color-mix(in srgb,var(--text-color) 34%,var(--border-color) 66%)}.markdown-body .blog-detail-toc>ol>li>a:hover{color:var(--text-color);text-decoration:none;transform:translate(.08rem)}@media (max-width: 1080px){.markdown-body .blog-detail-shell{max-width:72ch;display:flex;flex-direction:column;gap:0}.markdown-body .blog-detail-toc-wrap{order:-1;margin:0 0 1.8rem}.markdown-body .blog-detail-toc-panel{width:100%}.markdown-body .blog-detail-toc{position:static;padding:1rem 1rem 1.05rem;border-left:none;border:1px solid color-mix(in srgb,var(--text-color) 8%,var(--border-color) 92%);border-radius:.9rem;background:color-mix(in srgb,var(--bg-color) 96%,white 4%);max-height:none;overflow:visible}.markdown-body .blog-detail-toc.is-fixed{position:static}.markdown-body .blog-detail-toc .toc-top{margin-bottom:.85rem}.markdown-body .blog-detail-toc>ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem 1rem}.markdown-body .blog-detail-toc>ol>li.nested{padding-left:.6rem}.markdown-body .blog-detail-toc>ol>li>a{min-height:2.5rem;padding:.45rem 0 .45rem .65rem;font-size:.9rem;line-height:1.45}.markdown-body .blog-detail-toc>ol>li>a:before{left:0;width:.35rem}.markdown-body .blog-detail-toc>ol>li>a.is-active:before{width:.55rem}}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{margin-top:2rem;margin-bottom:.78rem;line-height:1.15;letter-spacing:-.03em}.markdown-body h2,.markdown-body h3{font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Georgia,serif}.markdown-body h2{margin-top:2.7rem;margin-bottom:.95rem;font-size:clamp(1.55rem,2.1vw,2rem);line-height:1.08}.markdown-body h3{margin-top:1.9rem;margin-bottom:.7rem;font-size:clamp(1.18rem,1.45vw,1.4rem);line-height:1.16}.markdown-body p{max-width:68ch;margin:1rem 0;line-height:1.88}.markdown-body h2+p,.markdown-body h3+p,.markdown-body h4+p{margin-top:.2rem}.markdown-body blockquote{max-width:64ch;margin:1.9rem 0;padding:.2rem 0 .2rem 1.15rem;position:relative;color:var(--text-color-secondary);font-size:.98rem;line-height:1.82}.markdown-body blockquote:before{content:"";position:absolute;left:0;top:.2rem;bottom:.2rem;width:1px;background:color-mix(in srgb,var(--text-color) 14%,var(--border-color) 86%)}.markdown-body ul,.markdown-body ol{max-width:66ch;margin:1.1rem 0 1.35rem 1.1rem;padding-left:1.1rem}.markdown-body li{margin:.4rem 0;line-height:1.78}.markdown-body :not(pre)>code{background-color:var(--code-bg-color);padding:.14rem .38rem;border-radius:.24rem;font-size:.92em;color:color-mix(in srgb,var(--text-color) 86%,var(--primary-color) 14%);border:1px solid color-mix(in srgb,var(--text-color) 8%,transparent)}.markdown-body pre{margin:1.95rem 0;padding:.2rem 0;border-radius:.65rem;box-shadow:none;border:1px solid color-mix(in srgb,var(--text-color) 8%,var(--border-color) 92%);overflow-x:auto}.markdown-body pre code{display:block;background:transparent;padding:0;border:none;color:inherit}.markdown-body .expressive-code{margin:1.95rem 0}.markdown-body .expressive-code .frame{box-shadow:none}.markdown-body table{width:100%;border-collapse:separate;border-spacing:0;margin:1.95rem 0;background:var(--bg-color);border-radius:.45rem;box-shadow:none;border:1px solid color-mix(in srgb,var(--text-color) 8%,var(--border-color) 92%);overflow:hidden}.markdown-body table th{background:var(--blog-table-header-bg-color);color:var(--text-color);font-weight:700;font-size:.96rem;padding:.8rem .75rem;border-bottom:1px solid var(--border-color)}.markdown-body table tr:nth-child(2n){background:var(--bg-color)}.markdown-body table tr:hover{background:var(--table-hover-color);transition:background .2s}.markdown-body table th,.markdown-body table td{border:none;padding:.8rem .75rem;text-align:left}.markdown-body table td{font-size:.96rem;color:var(--text-color)}.markdown-body hr{border:none;border-top:1px solid color-mix(in srgb,var(--text-color) 8%,var(--border-color) 92%);height:0;margin:2.15rem auto}.markdown-body a{color:color-mix(in srgb,var(--text-color) 82%,var(--primary-color) 18%);text-decoration:none;text-decoration-thickness:1px;text-underline-offset:.14em}.markdown-body a:hover{text-decoration:underline;color:var(--text-color)}.markdown-body img{max-width:100%;height:auto;display:block;margin:2rem auto;padding:0;border-radius:.35rem;box-shadow:0 10px 28px #3c3c3c0f}@media (max-width: 720px){.markdown-body .blog-detail-header{margin-bottom:1.8rem;padding-bottom:1.35rem;gap:.75rem}.markdown-body .blog-detail-header .title{max-width:none;font-size:2.4rem}.markdown-body .blog-detail-header .description{max-width:none;font-size:.96rem;line-height:1.78}.markdown-body .blog-detail-content,.markdown-body .blog-detail-shell{max-width:none}.markdown-body .blog-detail-toc-wrap{margin:0 0 1.45rem}.markdown-body .blog-detail-toc-panel{border:1px solid color-mix(in srgb,var(--text-color) 8%,var(--border-color) 92%);border-radius:.8rem;background:color-mix(in srgb,var(--bg-color) 96%,white 4%);overflow:hidden}.markdown-body .blog-detail-toc-panel[open] .blog-detail-toc-summary{border-bottom:1px solid color-mix(in srgb,var(--text-color) 8%,var(--border-color) 92%)}.markdown-body .blog-detail-toc-summary{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.95rem .9rem;min-height:3rem}.markdown-body .blog-detail-toc-summary .summary-label{color:var(--text-color);font-size:.74rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.markdown-body .blog-detail-toc-summary .summary-meta{color:var(--text-color-secondary);font-size:.74rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.markdown-body .blog-detail-toc{margin-top:0;padding:.9rem .9rem .95rem;border:none;border-radius:.8rem;background:transparent;max-height:none;overflow:visible}.markdown-body .blog-detail-toc>ol{grid-template-columns:1fr;gap:.1rem;max-height:min(48vh,22rem);overflow-y:auto;padding-right:.15rem}.markdown-body .blog-detail-toc>ol>li>a{min-height:2.75rem;font-size:.95rem;padding:.5rem 0 .5rem .7rem}.markdown-body .blog-detail-toc .toc-label,.markdown-body .blog-detail-toc .toc-back-top{font-size:.72rem}.markdown-body .blog-detail-toc>ol>li.nested{padding-left:.35rem}.markdown-body .blog-detail-toc-panel:not([open]) .blog-detail-toc{display:none}.markdown-body p{max-width:none;line-height:1.82}.markdown-body h2{margin-top:2.25rem;font-size:1.52rem}.markdown-body h3{margin-top:1.7rem;font-size:1.18rem}.markdown-body blockquote,.markdown-body ul,.markdown-body ol{max-width:none}}@media (max-width: 420px){.markdown-body .blog-detail-toc-summary,.markdown-body .blog-detail-toc{padding-inline:.82rem}.markdown-body .blog-detail-toc .toc-top{gap:.6rem}.markdown-body .blog-detail-toc>ol>li>a{font-size:.92rem;line-height:1.4}}