.article-page{grid-template:"content"1fr"breadcrumbs"40px/minmax(0,1fr);display:grid}.article-page.has-sidebar{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"sidebar content""sidebar breadcrumbs"}@media (max-width:1100px){.article-page.has-sidebar{display:block}}.article-page .article-page-inner{grid-area:content;min-width:0}.article-page .article-page-inner .article-body{width:100%;max-width:800px;margin:auto;padding:32px 20px;position:relative}@media (max-width:768px){.article-page .article-page-inner .article-body{padding:16px}}.article-page .article-header{margin-bottom:24px}.article-page .article-header .article-title{color:var(--title);margin-bottom:12px;font-size:48px;line-height:64px}@media (max-width:768px){.article-page .article-header .article-title{font-size:32px;line-height:40px}}.article-page .article-header .article-meta{margin-bottom:24px}.article-page .article-featured-image img{object-fit:cover;width:100%;height:auto;max-height:400px}@media (max-width:1100px){.article-page .article-featured-image img{max-height:unset}}.article-page .article-content-body{color:var(--text-secondary);overflow-wrap:anywhere;font-size:18px;line-height:28px}.article-page .article-content-body span[style*=background i]{color:inherit!important;background-color:#0000!important}.article-page .article-content-body h2,.article-page .article-content-body h3,.article-page .article-content-body h4,.article-page .article-content-body h5{color:var(--title);margin-top:24px;margin-bottom:16px;line-height:1.3}.article-page .article-content-body h2{font-size:36px}.article-page .article-content-body h3{padding-right:20px;font-size:24px;position:relative}.article-page .article-content-body h3:before{content:"";background-color:var(--primary);width:4px;position:absolute;top:0;bottom:0;right:0}.article-page .article-content-body h4{color:var(--text-primary);border-right:4px solid var(--border);padding-right:12px;font-size:22px}.article-page .article-content-body h5{color:var(--primary);text-transform:uppercase;letter-spacing:.5px;font-size:18px}.article-page .article-content-body p{margin-bottom:12px}.article-page .article-content-body p:last-child{margin-bottom:0}.article-page .article-content-body strong,.article-page .article-content-body b{color:var(--text-primary);font-weight:700}.article-page .article-content-body a{color:var(--primary);text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px;transition:all .2s}.article-page .article-content-body a:hover{color:var(--primary-hover);text-decoration-thickness:2px}.article-page .article-content-body ul,.article-page .article-content-body ol{margin:16px 0 32px;padding-right:24px}.article-page .article-content-body ul li,.article-page .article-content-body ol li{margin-bottom:8px;padding-right:8px}.article-page .article-content-body ul li::marker{color:var(--primary);font-weight:700}.article-page .article-content-body ol li::marker{color:var(--primary);font-weight:700}.article-page .article-content-body ul ul,.article-page .article-content-body ul ol,.article-page .article-content-body ol ul,.article-page .article-content-body ol ol{margin-top:12px;margin-bottom:0}.article-page .article-content-body blockquote{background-color:var(--background-tertiary);border-right:4px solid var(--primary);margin:32px 0;padding:32px;font-style:italic;position:relative}.article-page .article-content-body blockquote:before{content:"\"";color:var(--primary);opacity:.15;font-family:serif;font-size:64px;position:absolute;top:10px;right:20px}.article-page .article-content-body blockquote p{color:var(--text-primary);margin-bottom:0;font-size:24px;font-weight:500;line-height:1.5}.article-page .article-content-body blockquote cite{color:var(--text-secondary);margin-top:16px;font-size:16px;font-style:normal;display:block}.article-page .article-content-body blockquote cite:before{content:"— "}.article-page .article-content-body table{border-collapse:collapse;background-color:var(--card-background);border:1px solid var(--border);width:100%;max-width:100%;margin:24px 0}.article-page .article-content-body table th,.article-page .article-content-body table td{border:1px solid var(--border);text-align:right;padding:16px}.article-page .article-content-body table th{background-color:var(--background-tertiary);color:var(--title);font-size:16px;font-weight:700}.article-page .article-content-body table td{color:var(--text-secondary);font-size:16px}.article-page .article-content-body table tr:hover td{background-color:#ffffff05}.article-page .article-content-body .table-responsive{-webkit-overflow-scrolling:touch;width:100%;max-width:100%;overflow-x:auto}.article-page .article-content-body .table-responsive table{min-width:700px}.article-page .article-content-body hr{background:linear-gradient(to left, var(--border) 50%, transparent 100%);border:none;height:1px;margin:32px 0}.article-page .article-content-body img{border:1px solid var(--border);max-width:100%;height:auto;margin:24px 0}.article-page .article-content-body figure{margin:24px 0}.article-page .article-content-body figure img{margin:0}.article-page .article-content-body figure figcaption{color:var(--text-secondary);text-align:center;margin-top:12px;font-size:14px;font-style:italic}.article-page .article-content-body pre{background-color:var(--background-tertiary);border:1px solid var(--border);direction:ltr;margin:32px 0;padding:20px;overflow-x:auto}.article-page .article-content-body pre code{color:var(--text-primary);background-color:#0000;padding:0;font-family:monospace;font-size:14px;line-height:1.5}.article-page .article-content-body code{background-color:var(--background-tertiary);color:var(--primary);padding:2px 6px;font-family:monospace;font-size:.9em}.article-page .article-actions-container{flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:12px;margin-bottom:24px;display:flex}@media (max-width:768px){.article-page .article-actions-container{flex-direction:column}}.article-page .article-actions-container .article-tags-container{flex:1;margin-bottom:0}.article-page .article-actions-container .article-actions-group{justify-content:flex-end;align-items:center;gap:8px;display:flex}@media (max-width:768px){.article-page .article-actions-container .article-actions-group{width:100%}}