.article-main{padding-top:2rem;padding-bottom:2rem}.article-layout{grid-template-columns:minmax(0,1fr) 250px;align-items:start;gap:1.5rem;width:100%;max-width:1280px;margin:0 auto;display:grid}.article-panel{min-width:0;padding:2.5rem}.article-meta{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.25rem;font-size:.875rem;display:flex}.article-tags{flex-wrap:wrap;align-items:center;gap:.375rem;display:flex}.article-tag{border:1px solid color-mix(in srgb, var(--accent-color) 24%, transparent);background:color-mix(in srgb, var(--accent-bg) 82%, transparent);min-height:1.75rem;color:var(--accent-color);border-radius:4px;align-items:center;padding:.125rem .625rem;font-weight:600;display:inline-flex}.article-meta time:before{content:"";background:currentColor;border-radius:50%;width:3px;height:3px;margin:0 .625rem .1875rem 0;display:inline-block}.article-body{color:var(--text-primary);overflow-wrap:anywhere;font-size:1rem;line-height:1.68}.article-body>:first-child{margin-top:0}.article-body>:last-child{margin-bottom:0}.article-body h1,.article-body h2,.article-body h3,.article-body h4{color:var(--text-primary);scroll-margin-top:2rem;font-weight:700;line-height:1.35}.article-body h1{margin:0 0 1.25rem;font-size:2.25rem}.article-body h2{border-bottom:1px solid var(--border-color);margin:3rem 0 1rem;padding-bottom:.5rem;font-size:1.5rem}.article-body h3{margin:2rem 0 .75rem;font-size:1.25rem}.article-body h4{margin:1.5rem 0 .75rem;font-size:1.0625rem}.article-body p,.article-body ul,.article-body ol,.article-body blockquote,.article-body pre,.article-body table,.article-body figure{margin:0 0 1.25rem}.article-body ul,.article-body ol{padding-left:1.5rem}.article-body li+li{margin-top:.375rem}.article-body a{color:var(--accent-color);text-decoration:underline;text-decoration-color:color-mix(in srgb, var(--accent-color) 42%, transparent);text-underline-offset:.16em}.article-body a:hover{color:var(--accent-secondary)}.article-body blockquote{border-left:3px solid var(--accent-color);background:color-mix(in srgb, var(--accent-bg) 74%, transparent);color:var(--text-secondary);border-radius:0 6px 6px 0;padding:.875rem 1rem}.article-body blockquote>:last-child{margin-bottom:0}.article-body code{background:color-mix(in srgb, var(--hover-bg) 80%, transparent);color:var(--text-primary);border-radius:4px;padding:.125rem .375rem;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.875em}.article-body pre{border:1px solid var(--border-color);background:color-mix(in srgb, var(--bg-color) 80%, transparent);border-radius:6px;padding:1rem 1.125rem;line-height:1.45;overflow-x:auto}.article-body pre code{line-height:inherit;background:0 0;padding:0}.article-body img{border-radius:6px;max-width:100%;height:auto;display:block}.article-body table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}.article-body th,.article-body td{border:1px solid var(--border-color);text-align:left;padding:.625rem .75rem}.article-body th{background:color-mix(in srgb, var(--hover-bg) 78%, transparent)}.article-toc{max-height:calc(100vh - 40px);padding:1.25rem;position:sticky;top:20px;overflow-y:auto}.article-toc-header{border-bottom:1px solid var(--border-color);color:var(--text-secondary);align-items:center;gap:.5rem;padding-bottom:.875rem;display:flex}.article-toc-header h2{color:var(--text-primary);margin:0;font-size:.9375rem;font-weight:650}.article-toc-list{flex-direction:column;gap:.1875rem;margin:.875rem 0 0;padding:0;list-style:none;display:flex}.article-toc-item{min-width:0}.article-toc-item a{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;border-left:2px solid #0000;border-radius:4px;padding:.375rem .5rem;font-size:.875rem;line-height:1.45;text-decoration:none;display:block;overflow:hidden}.article-toc-item a:hover{background:color-mix(in srgb, var(--hover-bg) 76%, transparent);color:var(--text-primary)}.article-toc-item a.is-active{border-left-color:var(--accent-color);background:color-mix(in srgb, var(--accent-bg) 78%, transparent);color:var(--accent-color);font-weight:600}.article-toc-level-2{margin-top:.5rem;padding-left:.25rem}.article-toc-level-2 a{border-left-width:3px;border-left-color:color-mix(in srgb, var(--accent-color) 38%, transparent);background:color-mix(in srgb, var(--accent-bg) 28%, transparent);color:var(--text-primary);font-weight:650}.article-toc-level-3{padding-left:1rem;position:relative}.article-toc-level-3:before,.article-toc-level-4:before{content:"";border-left:1px solid color-mix(in srgb, var(--border-color) 80%, transparent);position:absolute;top:0;bottom:0;left:.5rem}.article-toc-level-4{padding-left:1.5rem;position:relative}.article-toc-level-3 a,.article-toc-level-4 a{font-size:.8125rem}.article-toc-level-2+.article-toc-level-2{margin-top:.75rem}@media (width<=1160px){.article-layout{grid-template-columns:minmax(0,1fr)}.article-toc{max-height:none;position:static}}@media (width<=768px){.article-main{padding:2rem 1rem}.article-layout{gap:1rem}.article-panel{padding:1.5rem}.article-body h1{font-size:1.75rem}.article-body h2{margin-top:2.25rem;font-size:1.375rem}}