.article-body{color:#c9d1d9;max-width:none;font-size:1.125rem;line-height:1.8}.article-body h1,.article-body h2,.article-body h3,.article-body h4,.article-body h5,.article-body h6{color:#e6edf3;margin-top:2em;margin-bottom:.75em;font-family:Cinzel,serif;line-height:1.3}.article-body h1{font-size:2rem}.article-body h2{font-size:1.6rem}.article-body h3{font-size:1.35rem}.article-body h4{font-size:1.15rem}.article-body p{margin-bottom:1.25em}.article-body a{color:#58a6ff;text-decoration:none;transition:color .2s}.article-body a:hover{color:#79b8ff;text-decoration:underline}.article-body strong{color:#e6edf3;font-weight:600}.article-body em{font-style:italic}.article-body ul,.article-body ol{margin-bottom:1.25em;padding-left:1.5em}.article-body ul{list-style-type:disc}.article-body ol{list-style-type:decimal}.article-body li{color:#c9d1d9;margin-bottom:.5em}.article-body li>ul,.article-body li>ol{margin-top:.5em;margin-bottom:0}.article-body blockquote{color:#8b949e;background:#161b2280;border-left:3px solid #c9a227;border-radius:0 8px 8px 0;margin:1.5em 0;padding:.75em 1.25em}.article-body blockquote p:last-child{margin-bottom:0}.article-body code{color:#e6edf3;background:#161b22;border-radius:4px;padding:.15em .4em;font-size:.9em}.article-body pre{background:#161b22;border:1px solid #58a6ff1a;border-radius:8px;margin:1.5em 0;padding:1.25em;overflow-x:auto}.article-body pre code{background:0 0;border-radius:0;padding:0;font-size:.875em;line-height:1.7}.article-body hr{border:none;border-top:1px solid #58a6ff1a;margin:2em 0}.article-body img{border-radius:8px;max-width:100%;height:auto;margin:1.5em 0}.article-body table{border-collapse:collapse;width:100%;margin:1.5em 0}.article-body thead th{text-align:left;color:#e6edf3;border-bottom:2px solid #58a6ff26;padding:.75em 1em;font-weight:600}.article-body tbody td{color:#c9d1d9;border-bottom:1px solid #58a6ff14;padding:.75em 1em}.article-body tbody tr:hover{background:#161b2280}.article-body input[type=checkbox]{accent-color:#58a6ff;margin-right:.5em}.article-body>:first-child{margin-top:0}
.article-hero{justify-content:center;align-items:flex-end;min-height:50vh;margin-top:64px;display:flex;position:relative;overflow:hidden}.article-hero-bg{background-position:50%;background-size:cover;position:absolute;inset:0}.article-hero-overlay{background:linear-gradient(#0d111740 0%,#0d111766 45%,#0d1117d9 75%,#0d1117 100%);position:absolute;inset:0}.article-hero-content{z-index:2;text-align:center;width:100%;max-width:780px;padding:4rem 2rem;position:relative}.article-hero-badge{color:#58a6ff;text-transform:uppercase;letter-spacing:.1em;background:#58a6ff1a;border:1px solid #58a6ff33;border-radius:4px;margin-bottom:1.25rem;padding:.3rem .75rem;font-size:.7rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-block}.article-hero-badge:hover{background:#58a6ff26;border-color:#58a6ff59}.article-hero-title{color:#e6edf3;margin-bottom:1rem;font-family:Cinzel,serif;font-size:3rem;font-weight:700;line-height:1.15}.article-hero-subtitle{color:#8b949e;margin-bottom:1.5rem;font-size:1.15rem;line-height:1.5}.article-hero-meta{color:#484f58;justify-content:center;align-items:center;gap:1rem;font-size:.85rem;display:flex}.article-hero-author{align-items:center;gap:.5rem;display:flex}.article-hero-avatar{object-fit:cover;border-radius:50%;width:32px;height:32px}.article-hero-avatar-placeholder{color:#8b949e;background:#161b22;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;font-weight:600;display:flex}.article-hero-author-name{color:#e6edf3;font-weight:500}.article-no-hero{text-align:center;max-width:780px;margin:0 auto;padding:calc(64px + 4rem) 2rem 2rem}.article-content{max-width:780px;margin:0 auto;padding:3rem 2rem 2rem}.article-tags{border-top:1px solid #58a6ff14;flex-wrap:wrap;gap:.5rem;max-width:780px;margin:0 auto;padding:2rem 2rem 0;display:flex}.article-tag{color:#8b949e;background:#161b22;border:1px solid #58a6ff14;border-radius:100px;padding:.35rem .85rem;font-size:.75rem;text-decoration:none;transition:all .2s;display:inline-block}.article-tag:hover{color:#58a6ff;border-color:#58a6ff40}.article-back{max-width:780px;margin:0 auto;padding:2rem}.article-back a{color:#58a6ff;font-size:.9rem;text-decoration:none;transition:color .2s}.article-back a:hover{color:#79b8ff}.related-section{border-top:1px solid #58a6ff0f;max-width:1200px;margin:0 auto;padding:3rem 2rem 4rem}.related-title{color:#e6edf3;text-align:center;margin-bottom:2rem;font-family:Cinzel,serif;font-size:1.5rem}.related-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}@media (max-width:1024px){.related-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.article-hero{min-height:40vh}.article-hero-title{font-size:1.75rem}.article-hero-content{padding:2rem 1.25rem}.article-hero-meta{flex-direction:column;gap:.5rem}.article-content{padding:2rem 1.25rem}.related-grid{grid-template-columns:1fr}.related-section{padding:2rem 1rem 3rem}}