.article-page{padding-top:4rem;background-color:#fff;--article-font-size: 1.1rem}.article-container{max-width:720px;margin:0 auto;padding:0 1.5rem 2rem}.article-header{text-align:center;margin-bottom:3rem}.article-title{font-size:2.75rem;font-weight:400;line-height:1.2;color:var(--neutral-900);margin:0 0 1rem;letter-spacing:-.025em}.article-meta{display:flex;justify-content:center;align-items:center;gap:.75rem;font-size:.9rem;color:var(--neutral-600)}.meta-separator{color:var(--neutral-300)}.article-controls-wrapper{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:1.5rem}.font-size-controls{display:flex;justify-content:center;align-items:center;gap:.5rem}.font-controls-label{font-size:.9rem;color:var(--neutral-600);margin-left:.5rem}.font-control-btn{background-color:var(--neutral-100);border:1px solid var(--neutral-300);color:var(--neutral-700);padding:.3rem .8rem;font-size:.9rem;font-weight:500;border-radius:6px;cursor:pointer;line-height:1;transition:background-color .2s,color .2s,border-color .2s;-webkit-tap-highlight-color:transparent}.font-control-btn:hover{background-color:var(--neutral-200);border-color:var(--neutral-400)}.font-control-btn:disabled{opacity:.5;cursor:not-allowed;background-color:var(--neutral-100)}#zoom-reset-btn{font-weight:600}.featured-image{width:100%;height:auto;border-radius:8px;margin-bottom:3rem;display:block;background-color:var(--neutral-100)}.toc-container{background-color:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:8px;padding:1.5rem;margin-bottom:3rem}.toc-title{font-size:1.2rem;font-weight:600;color:var(--neutral-800);margin:0 0 1rem;padding-bottom:.75rem;border-bottom:1px solid var(--neutral-200)}.toc-list{list-style:none;padding:0;margin:0}.toc-item{margin-bottom:.5rem}.toc-item:last-child{margin-bottom:0}.toc-link{color:var(--neutral-700);text-decoration:none;font-size:.95rem;transition:color .2s ease;display:block}.toc-link:hover{color:var(--neutral-900);text-decoration:underline}.toc-item.depth-2{padding-right:1rem}.toc-item.depth-3{padding-right:2rem}.toc-item.depth-4{padding-right:3rem}.toc-item.depth-5{padding-right:4rem}.toc-item.depth-6{padding-right:5rem}.article-footer{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--neutral-200)}.article-tags{display:flex;flex-wrap:wrap;gap:.75rem}.tag-link{display:inline-block;background-color:var(--neutral-100);color:var(--neutral-700);padding:.35rem .85rem;font-size:.85rem;border-radius:6px;transition:all .2s ease}.tag-link:hover{background-color:var(--neutral-200);color:var(--neutral-900)}@media(max-width:768px){.article-title{font-size:2rem}.article-content{font-size:var(--article-font-size, 1rem)}}.related-articles-section{margin-top:2rem;padding:4rem 0;border-top:1px solid var(--neutral-200);background-color:var(--neutral-50)}.related-articles-container{max-width:1100px;margin:0 auto;padding:0 1.5rem}.related-articles-title{text-align:center;font-size:1.5rem;font-weight:400;color:var(--neutral-800);margin-bottom:3rem}.related-articles-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;list-style:none;padding:0;margin:0}.related-article-card{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid var(--neutral-200);border-radius:8px;transition:all .2s ease;overflow:hidden;max-width:400px}.related-article-card:hover{transform:translateY(-5px);box-shadow:0 4px 20px #0000000d;border-color:var(--neutral-300);backdrop-filter:var(--neutral-600)}.related-article-content-wrapper{padding:1rem 1.25rem;display:flex;flex-direction:column;flex-grow:1}.related-article-title{font-size:1.1rem;font-weight:600;color:var(--neutral-900);margin:0 0 .5rem;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.related-article-card:hover .related-article-title{color:var(--neutral-600)}.related-article-excerpt{font-size:.9rem;color:var(--neutral-600);line-height:1.6;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical}.share-container{margin:3rem 0;padding-top:2rem;text-align:center;border-top:1px solid var(--neutral-200)}.share-title{font-size:1.2rem;font-weight:600;color:var(--neutral-800);margin:0 0 1.5rem}.share-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.share-button{display:inline-flex;align-items:center;justify-content:center;padding:.6rem 1.2rem;border-radius:9999px;font-size:.9rem;font-weight:500;text-decoration:none;color:#fff;border:none;cursor:pointer;transition:all .2s ease}.share-button:hover{transform:translateY(-2px);opacity:.9}.share-button.whatsapp{background-color:#28a745}.share-button.facebook{background-color:#1877f2}.share-button.telegram{background-color:#2aabee}.share-button.x-twitter{background-color:#000}.share-button.copy-link{background-color:var(--neutral-700);color:var(--neutral-100)}.share-button.copy-link.copied{background-color:#28a745;cursor:default;transform:translateY(0)}.code-block-wrapper{position:relative;margin-bottom:1.5rem}.copy-code-btn{position:absolute;top:.75rem;right:.75rem;background-color:var(--neutral-700);color:var(--neutral-200);border:1px solid var(--neutral-600);padding:.25rem .6rem;font-size:.8rem;font-family:inherit;border-radius:6px;cursor:pointer;opacity:0;transition:opacity .2s ease-in-out,background-color .2s,color .2s}.code-block-wrapper:hover .copy-code-btn{opacity:1}.copy-code-btn:hover{background-color:var(--neutral-600);color:#fff}.copy-code-btn.copied{background-color:var(--emerald-700);color:#fff;border-color:#25d366;opacity:1}:where(.article-content){--color-text: var(--neutral-800, #374151);--color-heading: var(--neutral-900, #111827);--color-subtle: var(--neutral-600, #4b5563);--color-link: var(--neutral-900, #111827);--color-link-hover: var(--neutral-600, #4b5563);--color-border: var(--neutral-200, #e5e7eb);--color-bg-subtle: var(--neutral-100, #f3f4f6);--color-bg-code: var(--neutral-900, #111827);--color-text-code: var(--neutral-100, #f3f4f6);--font-size-sm: clamp(.875rem, .82rem + .2vw, .9375rem);--font-size-base: clamp(.9375rem, .85rem + .4vw, 1.0625rem);--font-size-h4: clamp(1.125rem, 1rem + .6vw, 1.25rem);--font-size-h3: clamp(1.3rem, 1.1rem + 1vw, 1.56rem);--font-size-h2: clamp(1.5rem, 1.25rem + 1.25vw, 1.875rem);--font-size-h1: clamp(1.8rem, 1.5rem + 1.5vw, 2.25rem);--line-height-body: 1.7;--line-height-heading: 1.3;--space-xs: .5rem;--space-s: 1rem;--space-m: 1.5rem;--space-l: 2rem;--space-xl: 3rem;--border-radius: 8px;--border-width: 1px;font-size:var(--article-font-size, var(--font-size-base));line-height:var(--line-height-body);color:var(--color-text)}.article-content :is(p,ul,ol,blockquote,pre,table,figure,hr){margin-block-end:var(--space-m)}.article-content :is(h1,h2,h3,h4){color:var(--color-heading);line-height:var(--line-height-heading);margin-block:var(--space-xl) var(--space-s);font-weight:700}.article-content h1{font-size:var(--font-size-h1)}.article-content h2{font-size:var(--font-size-h2)}.article-content h3{font-size:var(--font-size-h3)}.article-content h4{font-size:var(--font-size-h4);font-weight:600}.article-content a{color:var(--color-link);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px;text-decoration-skip-ink:auto;transition:color .2s ease}.article-content a:hover,.article-content a:focus-visible{color:var(--color-link-hover)}.article-content :is(strong,b){font-weight:600}.article-content :is(em,i){font-style:italic}.article-content :is(ul,ol){padding-inline-start:var(--space-l)}.article-content :is(ul,ol) li::marker{color:var(--color-subtle)}.article-content li{margin-block-end:var(--space-xs)}.article-content li>:is(p,ul,ol){margin-block-end:0}.article-content blockquote{padding:var(--space-m);margin-inline:0;border-radius:var(--border-radius);background-color:var(--color-bg-subtle);border-inline-start:4px solid var(--color-border);font-size:var(--font-size-sm);color:var(--color-subtle)}.article-content blockquote>:last-child{margin-block-end:0}.article-content :not(pre)>code{background:var(--color-bg-subtle);color:var(--color-text);padding:.2em .4em;border-radius:4px;font-size:var(--font-size-sm)}.article-content pre{direction:ltr;background:var(--color-bg-code);color:var(--color-text-code);padding:var(--space-m);border-radius:var(--border-radius);overflow-x:auto;max-height:400px}.article-content pre>code{font-size:1em;line-height:1.5;background:none;padding:0}.article-content :is(img,video){max-width:100%;height:auto;display:block;border-radius:var(--border-radius);background-color:var(--color-bg-subtle)}.article-content figure{margin-inline:0}.article-content figcaption{margin-block-start:var(--space-xs);font-size:var(--font-size-sm);text-align:center;color:var(--color-subtle)}.article-content table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);border-collapse:collapse;width:100%;font-size:var(--font-size-sm);text-align:start;border-spacing:0}.article-content :is(th,td){padding:var(--space-s) var(--space-m);border-block-end:var(--border-width) solid var(--color-border);vertical-align:top}.article-content th{font-weight:600;color:var(--color-heading);background-color:var(--color-bg-subtle);text-align:inherit;white-space:nowrap;text-transform:uppercase;letter-spacing:.05em;font-size:.9em}.article-content tbody tr:nth-of-type(2n){background-color:var(--color-bg-subtle)}.article-content tr:last-child>:is(td,th){border-block-end:none}.article-content hr{border:none;border-block-start:var(--border-width) solid var(--color-border)}@media(max-width:680px){:where(.article-content){--line-height-body: 1.8;--space-m: 1.25rem;--space-l: 1.5rem;--space-xl: 2.25rem}.article-content blockquote{padding:var(--space-s)}.article-content pre{padding:var(--space-s);border-radius:0}.article-content :is(th,td){padding:var(--space-s)}}.article-page.dark-reader-active{background-color:#1a1a1a;transition:background-color .3s ease}.article-page.dark-reader-active .article-title,.article-page.dark-reader-active .article-content h2,.article-page.dark-reader-active .article-content h3,.article-page.dark-reader-active .article-content h4{color:#f1f1f1}.article-page.dark-reader-active .article-meta,.article-page.dark-reader-active .font-controls-label{color:#a0a0a0}.article-page.dark-reader-active .article-content,.article-page.dark-reader-active .article-content p{color:#dcdcdc}.article-page.dark-reader-active .article-content a{color:#a8d2ff}.article-page.dark-reader-active .article-content a:hover{color:#d1e7ff}.article-page.dark-reader-active .toc-container{background-color:#252525;border-color:#444}.article-page.dark-reader-active .toc-title{color:#f1f1f1;border-color:#444}.article-page.dark-reader-active .toc-link{color:silver}.article-page.dark-reader-active .toc-link:hover{color:#fff}.article-page.dark-reader-active .article-content blockquote{color:#b0b0b0;border-right-color:#555}.article-page.dark-reader-active .article-content .table-wrapper{border-color:#444}.article-page.dark-reader-active .article-content th,.article-page.dark-reader-active .article-content td{border-bottom-color:#444}.article-page.dark-reader-active .article-content th{color:#f1f1f1;background-color:#2c2c2c}.article-page.dark-reader-active .article-content tbody tr:nth-child(2n){background-color:#252525}.article-page.dark-reader-active .font-control-btn{background-color:#333;border-color:#555;color:#dcdcdc}.article-page.dark-reader-active .font-control-btn:hover{background-color:#444}.article-page.dark-reader-active .font-control-btn:disabled{background-color:#333;opacity:.4}.theme-toggle-wrapper{display:flex;justify-content:center;align-items:center}.theme-toggle-label{font-size:.9rem;color:var(--neutral-600);margin-inline-end:.5rem}.article-page.dark-reader-active .theme-toggle-label{color:#a0a0a0}.theme-toggle-btn{background-color:var(--neutral-100);border:1px solid var(--neutral-300);color:var(--neutral-700);padding:.3rem .8rem;font-size:.9rem;font-weight:500;border-radius:6px;cursor:pointer;line-height:1;transition:background-color .2s,color .2s,border-color .2s;-webkit-tap-highlight-color:transparent;min-width:90px;text-align:center}.theme-toggle-btn:hover{background-color:var(--neutral-200);border-color:var(--neutral-400)}.article-page.dark-reader-active .theme-toggle-btn{background-color:#333;border-color:#555;color:#dcdcdc}.article-page.dark-reader-active .theme-toggle-btn:hover{background-color:#444}.theme-text-light,.article-page.dark-reader-active .theme-text-dark{display:none}.article-page.dark-reader-active .theme-text-light{display:inline}.article-page:not(.dark-reader-active) .theme-toggle-btn .icon-moon{display:block}.article-page:not(.dark-reader-active) .theme-toggle-btn .icon-sun{display:none}.article-page.dark-reader-active .theme-toggle-btn .icon-moon{display:none}.article-page.dark-reader-active .theme-toggle-btn .icon-sun{display:block}.article-page.dark-reader-active .share-container{border-top-color:#444}.article-page.dark-reader-active .share-title{color:#f1f1f1}.article-page.dark-reader-active .share-button.x-twitter{background-color:#f0f0f0;color:#000}.article-page.dark-reader-active .share-button.copy-link{background-color:#4a4a4a;color:#f0f0f0}.article-page.dark-reader-active .article-footer{border-top-color:#444}.article-page.dark-reader-active .tag-link{background-color:#333;color:#dcdcdc}.article-page.dark-reader-active .tag-link:hover{background-color:#444;color:#fff}.page-container ::selection{background-color:var(--neutral-200);color:var(--neutral-900)}