.breadcrumb{padding:24px 0;margin-bottom:24px;font-size:.875rem;color:var(--text-secondary)}.breadcrumb a{color:var(--text-secondary);text-decoration:none;transition:color .2s}.breadcrumb a:hover{color:var(--brand-primary)}.separator{margin:0 12px}.current{color:var(--text-primary);font-weight:600}.article{margin:0 40px 48px;max-width:800px}.article-header{margin-bottom:48px;padding-bottom:32px;border-bottom:1px solid var(--border-light)}.article-meta{display:flex;align-items:center;gap:16px;margin-bottom:16px;flex-wrap:wrap}.category{background:var(--brand-primary-lighter);color:var(--brand-primary);padding:6px 16px;border-radius:4px;font-size:.875rem;font-weight:600}.date{color:var(--text-tertiary);font-size:.875rem}.date.updated{color:var(--success-500)}.reading-time{color:var(--text-tertiary);font-size:.875rem}.author{color:var(--text-secondary);font-size:.875rem;font-weight:500}.article-title{font-size:2.5rem;color:var(--text-primary);margin:16px 0 24px;line-height:1.2}.article-description{font-size:1.125rem;color:var(--text-secondary);line-height:1.6;margin:0 0 24px}.article-tags{display:flex;gap:12px;flex-wrap:wrap}.tag{color:var(--text-tertiary);font-size:.875rem}.article-content{font-size:1rem;line-height:1.8;color:var(--text-primary)}.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{margin:2.5rem 0 1rem;color:var(--text-primary);font-weight:600;line-height:1.3}.article-content h1{font-size:2rem;border-bottom:2px solid var(--border-light);padding-bottom:.5rem;scroll-margin-top:80px}.article-content h2{font-size:1.5rem;border-bottom:1px solid var(--border-light);padding-bottom:.3rem;scroll-margin-top:80px}.article-content h3{font-size:1.25rem;scroll-margin-top:80px}.article-content h4{font-size:1.125rem;scroll-margin-top:80px}.article-content .heading-anchor{color:inherit;text-decoration:none;position:relative}.article-content .heading-anchor:hover{color:var(--brand-primary)}.article-content .heading-anchor:before{content:"#";position:absolute;left:-1.2em;color:var(--brand-primary);opacity:0;transition:opacity .2s}.article-content h1:hover .heading-anchor:before,.article-content h2:hover .heading-anchor:before,.article-content h3:hover .heading-anchor:before,.article-content h4:hover .heading-anchor:before{opacity:1}.article-content p{margin:1.5rem 0;line-height:1.8;color:var(--text-primary)}.article-content a{color:var(--brand-primary);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}.article-content a:hover{border-bottom-color:var(--brand-primary)}.article-content ul,.article-content ol{margin:1.5rem 0;padding-left:2rem}.article-content ol{list-style-type:decimal!important;list-style-position:outside!important}.article-content ul{list-style-type:disc!important;list-style-position:outside!important}.article-content ul.contains-task-list{list-style-type:none!important;padding-left:0!important}.article-content ul ul{list-style-type:circle!important}.article-content ul ul ul{list-style-type:square!important}.article-content ol ol{list-style-type:lower-alpha!important}.article-content ol ol ol{list-style-type:lower-roman!important}.article-content li{margin:.5rem 0;line-height:1.8;color:var(--text-primary);display:list-item!important}.article-content li.task-list-item{list-style-type:none!important;display:flex;align-items:flex-start;gap:.5rem}.article-content li.task-list-item input[type=checkbox]{margin-top:.4rem}.article-content blockquote{margin:1.5rem 0;padding:1rem 1.5rem;background:var(--bg-off-white);border-left:4px solid var(--brand-primary);border-radius:0 var(--radius-md) var(--radius-md) 0}.article-content blockquote p{margin:0}.article-content pre{margin:2rem 0!important;padding:1.5rem!important;background:#1e1e1e!important;border:1px solid #333!important;border-radius:8px!important;overflow-x:auto;position:relative;box-shadow:0 4px 12px #0000004d!important}.article-content pre:before{display:none}.article-content code{background:#f6f8fa;padding:4px 8px;border-radius:6px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.875em;color:#d73a49;border:1px solid #d0d7de;font-weight:500}.article-content pre code{font-family:SF Mono,Monaco,Consolas,monospace!important;font-size:.9em!important;line-height:1.6!important;color:#e6e6e6!important;background:transparent!important;padding:0!important;border:none!important;font-weight:400!important}.article-content pre:hover{border-color:#b1b9c1;box-shadow:0 4px 8px #00000014}.article-content code:hover{background:#f3f4f6;border-color:#b1b9c1}.article-content table{margin:2rem 0;border-collapse:collapse;width:100%;border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden}.article-content th,.article-content td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border-light)}.article-content th{background:var(--bg-off-white);font-weight:600;color:var(--text-primary)}.article-content td{background:var(--bg-white);color:var(--text-primary)}.article-content tr:last-child th,.article-content tr:last-child td{border-bottom:none}.article-content hr{border:none;height:2px;background:var(--border-light);margin:2rem 0}.article-content strong{font-weight:600;color:var(--text-primary)}.article-content em{font-style:italic;color:var(--text-secondary)}.content-h1,.content-h2,.content-h3,.content-h4,.content-h5,.content-h6{margin:2.5rem 0 1rem;color:var(--text-primary);font-weight:600}.content-h1{font-size:2rem}.content-h2{font-size:1.5rem}.content-h3{font-size:1.25rem}.content-h4{font-size:1.125rem}.content-p{margin:1.5rem 0;line-height:1.8;color:var(--text-primary)}.content-a{color:var(--brand-primary);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}.content-a:hover{border-bottom-color:var(--brand-primary)}.content-ul,.content-ol{margin:1.5rem 0;padding-left:2rem}.content-li{margin:.5rem 0;line-height:1.8;color:var(--text-primary)}.content-blockquote{margin:1.5rem 0;padding:1rem 1.5rem;background:var(--bg-off-white);border-left:4px solid var(--brand-primary);border-radius:0 var(--radius-md) var(--radius-md) 0}.content-blockquote p{margin:0}.content-pre{margin:2rem 0;padding:1.5rem;background:#f6f8fa;border:1px solid #d0d7de;border-radius:8px;overflow-x:auto;position:relative;box-shadow:0 2px 4px #0000000d}.content-pre:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#0366d6 25%,#28a745,#ffc107 75%);border-radius:8px 8px 0 0}.content-code-inline{background:#f6f8fa;padding:4px 8px;border-radius:6px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.875em;color:#d73a49;border:1px solid #d0d7de;font-weight:500}.content-code-block{font-family:SF Mono,Monaco,Consolas,monospace;font-size:.9em;line-height:1.6;color:#24292e;background:transparent;padding:0;font-weight:400}.content-pre:hover{border-color:#b1b9c1;box-shadow:0 4px 8px #00000014}.content-code-inline:hover{background:#f3f4f6;border-color:#b1b9c1}.content-table{margin:2rem 0;border-collapse:collapse;width:100%;border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden}.content-cell{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border-light)}.content-table th{background:var(--bg-off-white);font-weight:600;color:var(--text-primary)}.content-table td{background:var(--bg-white);color:var(--text-primary)}.content-table tr:last-child .content-cell{border-bottom:none}.table-of-contents{background:var(--bg-off-white);border:1px solid var(--border-light);border-radius:8px;padding:1.5rem;margin:0 0 2rem}.table-of-contents h4{margin:0 0 1rem;color:var(--text-primary);font-size:1.125rem}.table-of-contents ul{margin:0;padding-left:1.5rem}.table-of-contents li{margin:.5rem 0}.table-of-contents a{color:var(--text-secondary);text-decoration:none;font-size:.938rem}.table-of-contents a:hover{color:var(--brand-primary)}.article-footer{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-light)}.article-navigation{margin-bottom:2rem}.back-to-list{display:inline-flex;align-items:center;color:var(--brand-primary);text-decoration:none;font-weight:600;transition:color .2s}.back-to-list:hover{color:var(--brand-primary-hover)}.help-section{background:var(--bg-off-white);border-radius:8px;padding:1.5rem;text-align:center}.help-section h3{margin:0 0 .5rem;color:var(--text-primary)}.help-section p{margin:0 0 1rem;color:var(--text-secondary)}.contact-btn{background:var(--brand-primary);color:#fff;border:none;padding:12px 24px;border-radius:6px;font-weight:600;cursor:pointer;transition:background-color .2s}.contact-btn:hover{background:var(--brand-primary-hover)}.related-articles{margin:0 40px 48px}.related-articles h2{font-size:1.5rem;color:var(--text-primary);margin-bottom:24px}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.related-card{background:var(--bg-white);border:1px solid var(--border-light);border-radius:8px;padding:1.5rem;transition:all .2s}.related-card:hover{border-color:var(--brand-primary);transform:translateY(-2px)}.related-card h4{margin:0 0 .5rem}.related-card a{color:var(--text-primary);text-decoration:none}.related-card a:hover{color:var(--brand-primary)}.related-card p{margin:0;color:var(--text-secondary);font-size:.875rem}@media(max-width:768px){.article,.related-articles{margin-left:20px;margin-right:20px}.article-title{font-size:2rem}.article-meta{flex-direction:column;align-items:flex-start;gap:8px}}