.article-page{margin:0 auto;padding:2rem 1rem}.article-page__back-link{color:#4c97ff;align-items:center;gap:.4rem;margin-bottom:1.5rem;font-weight:600;text-decoration:none;transition:transform .2s;display:inline-flex}.article-page__back-link:hover{transform:translate(-4px)}.article-page__header{border-bottom:2px solid #e9ecef;margin-bottom:2rem;padding-bottom:1.5rem}.article-page__tag{background:color-mix(in srgb, var(--tag-color) 12.5%, transparent);color:var(--tag-color);border-radius:20px;margin-bottom:1rem;margin-right:.5rem;padding:.3rem .8rem;font-size:.85rem;font-weight:600;display:inline-block}.article-page__time{color:#6c757d;margin-bottom:1rem;font-size:.9rem;display:block}.article-page__title{color:#212529;margin:0 0 .5rem;font-size:2.2rem;font-weight:800;line-height:1.2}.article-page__subtitle{color:#4c97ff;margin:0;font-size:1.25rem;font-weight:500}.article-page__content{color:#495057;font-size:1.1rem;line-height:1.8}.article-page__content :global(h2){color:#212529;border-bottom:1px solid #e9ecef;margin:2.5rem 0 1rem;padding-bottom:.5rem;font-size:1.6rem;font-weight:700}.article-page__content :global(h3){color:#343a40;margin:1.5rem 0 .8rem;font-size:1.3rem;font-weight:600}.article-page__content :global(p){margin:0 0 1.2rem}:is(.article-page__content :global(ul),.article-page__content :global(ol)){margin:1rem 0 1.5rem;padding-left:1.5rem}.article-page__content :global(li){margin:.5rem 0;line-height:1.6}.article-page__content :global(strong){color:#212529;font-weight:600}.article-page__content :global(blockquote){background:#f8f9fa;border-left:4px solid #4c97ff;border-radius:0 8px 8px 0;margin:1.5rem 0;padding:1rem 1.5rem;font-style:italic}.article-page__content :global(pre){color:#e2e8f0;background:#1e293b;border-radius:8px;padding:1rem;font-size:.95rem;line-height:1.6;overflow-x:auto}.article-page__content :global(pre code){font-family:Consolas,Monaco,monospace}:is(.article-page__content :global(pre .hljs-keyword),.article-page__content :global(pre .hljs-selector-tag)){color:#c084fc}:is(.article-page__content :global(pre .hljs-string),.article-page__content :global(pre .hljs-attr)){color:#86efac}:is(.article-page__content :global(pre .hljs-number),.article-page__content :global(pre .hljs-literal)){color:#fcd34d}.article-page__content :global(pre .hljs-comment){color:#94a3b8}.article-page__content :global(table){border-collapse:collapse;width:100%;margin:1.5rem 0}:is(.article-page__content :global(th),.article-page__content :global(td)){text-align:left;border:1px solid #ced4da;padding:.65rem}.article-page__content :global(th){color:#212529;background:#f1f3f5}.article-page__content :global(img){border-radius:6px;max-width:100%;height:auto}.article-page__nav{border-top:2px solid #e9ecef;justify-content:space-between;gap:1.5rem;margin-top:4rem;padding-top:2rem;display:flex}.article-page__nav-link{background:#fff;border:1px solid #e9ecef;border-radius:12px;flex-direction:column;flex:1;padding:1.2rem;text-decoration:none;transition:all .2s;display:flex}.article-page__nav-link:hover{background:#f8f9fa;border-color:#4c97ff;transform:translateY(-2px);box-shadow:0 4px 12px #4c97ff1a}.article-page__nav-link--prev{text-align:left}.article-page__nav-link--next{text-align:right;align-items:flex-end}.article-page__nav-label{color:#6c757d;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.3rem;font-size:.8rem;font-weight:600}.article-page__nav-title{color:#4c97ff;font-size:1.05rem;font-weight:600}.not-found{text-align:center;padding:4rem 2rem}.not-found__title{margin:0 0 1rem;font-size:2rem}.not-found__description{color:#6c757d;margin-bottom:2rem}.not-found__link{color:#fff;background:#4c97ff;border-radius:8px;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-weight:600;text-decoration:none;transition:background .2s;display:inline-flex}.not-found__link:hover{background:#3d85e8}@media (width<=768px){.article-page__title{font-size:1.6rem}.article-page__nav{flex-direction:column}.article-page__nav-link--next{text-align:left;align-items:flex-start}}