.article-container{max-width:800px;margin:0 auto;padding:2rem 1rem}.article-header{margin-bottom:2rem}.breadcrumb{display:flex;gap:.5rem;color:#8b9aae;font-size:.875rem;margin-bottom:1rem}.breadcrumb a{color:#818cf8;text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.article-title{font-size:2.25rem;font-weight:800;color:#111827;margin:0 0 .75rem}:root.dark .article-title,.dark .article-title{color:#f9fafb}.article-description{color:#4b5563;font-size:1.125rem;line-height:1.6;margin:0}:root.dark .article-description,.dark .article-description{color:#d1d5db}.article-content{line-height:1.8}.article-content h2{font-size:1.5rem;font-weight:700;margin:2rem 0 1rem}.article-content p{margin:1rem 0}.article-content ul,.article-content ol{padding-left:1.5rem;margin:1rem 0}.article-content li{margin:.5rem 0}.article-content table{width:100%;border-collapse:collapse;margin:1rem 0}.article-content th,.article-content td{padding:.75rem;border:1px solid rgba(51,65,85,.5);text-align:left}.article-content code{background:#1e293bcc;padding:.125rem .375rem;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:.875em;color:#4ade80}.article-content pre{background:#0f172ae6;padding:1rem;border-radius:8px;overflow-x:auto}.related-articles{margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(99,102,241,.2)}.related-articles h3{color:#1f2937;font-size:1.125rem;margin:0 0 1rem}.related-grid{display:grid;gap:1rem}.related-card{display:block;padding:1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;text-decoration:none;transition:all .2s}.related-card:hover{border-color:#6366f1;transform:translate(4px)}.related-title{display:block;color:#1f2937;font-weight:600;margin-bottom:.25rem}.related-desc{display:block;color:#94a3b8;font-size:.8rem}.used-in-section{margin-top:2rem;padding:1.5rem;background:#6366f114;border:1px solid rgba(99,102,241,.25);border-radius:12px}.used-in-section h3{color:#1f2937;font-size:1rem;margin:0 0 .5rem}.used-in-description{color:#b8c5d6;font-size:.875rem;margin:0 0 1rem}.used-in-grid{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.used-in-card{padding:.5rem 1rem;background:#1e293bcc;border:1px solid rgba(99,102,241,.3);border-radius:8px;color:#818cf8;font-size:.875rem;text-decoration:none;transition:all .2s}.used-in-card:hover{border-color:#6366f1;background:#6366f126;transform:translateY(-2px)}.used-in-note{color:#94a3b8;font-size:.75rem;margin:0;font-style:italic}.article-cta{display:flex;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(99,102,241,.2)}.btn-primary{padding:.75rem 1.5rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-radius:8px;font-weight:600;text-decoration:none}.btn-secondary{padding:.75rem 1.5rem;border:1px solid rgba(99,102,241,.5);color:#818cf8;border-radius:8px;text-decoration:none}.not-found{text-align:center;padding:4rem 2rem}.not-found h1{color:#1f2937;margin-bottom:1rem}.not-found p{color:#4b5563;margin-bottom:2rem}