.article-main-card{background:#fff;border-radius:24px;border:1px solid rgba(15,23,42,.08);box-shadow:0 12px 35px #0f172a0d;padding:2.75rem 2.5rem;margin-bottom:2rem}@media (max-width: 768px){.article-main-card{padding:1.5rem 1.25rem;border-radius:18px}}.article-featured-frame{border-radius:20px;overflow:hidden;box-shadow:0 16px 40px #0f172a1f;margin-bottom:2.5rem;position:relative;background:#0f172a}.article-featured-frame img{width:100%;max-height:520px;object-fit:cover;display:block}.article-body{font-size:1.08rem;line-height:1.95;color:#334155;word-break:break-word}.article-body p{margin-bottom:1.6rem}.article-body h2{font-size:1.65rem;font-weight:800;color:#0f172a;margin-top:2.75rem;margin-bottom:1.15rem;position:relative;padding-inline-start:1rem;border-inline-start:4px solid #346bb2;line-height:1.4}.article-body h3{font-size:1.35rem;font-weight:700;color:#0f172a;margin-top:2.25rem;margin-bottom:.85rem;line-height:1.45}.article-body h4,.article-body h5,.article-body h6{font-weight:700;color:#1e293b;margin-top:1.75rem;margin-bottom:.75rem}.article-body blockquote{background:linear-gradient(135deg,#346bb20d,#4a7bc80d);border-inline-start:4px solid #346bb2;padding:1.5rem 1.75rem;border-radius:0 16px 16px 0;margin:2.25rem 0;font-style:italic;color:#1e293b;font-size:1.12rem;position:relative}[dir=rtl] .article-body blockquote{border-radius:16px 0 0 16px}.article-body ul,.article-body ol{padding-inline-start:1.5rem;margin-bottom:1.75rem}.article-body li{margin-bottom:.6rem;line-height:1.85}.article-body img{border-radius:16px;box-shadow:0 10px 25px #0f172a14;max-width:100%;height:auto;margin:2rem 0;display:block}.article-body pre{background:#0b1329;color:#e2e8f0;border-radius:16px;padding:1.35rem 1.5rem;overflow-x:auto;margin:2rem 0;font-size:.92rem;border:1px solid rgba(255,255,255,.1);direction:ltr;text-align:left}.article-body code{background:#346bb214;color:#346bb2;padding:.2rem .5rem;border-radius:6px;font-size:.88em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.article-body pre code{background:transparent;color:inherit;padding:0;border-radius:0}.article-body hr{margin:2.5rem 0;border-color:#0f172a14}.article-tags-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding-top:1.5rem;margin-top:2rem;border-top:1px solid rgba(15,23,42,.08)}.article-tag-item{display:inline-flex;align-items:center;font-size:.82rem;font-weight:500;padding-block:5px;padding-inline:13px;border-radius:50px;background:#f1f5f9;color:#475569;text-decoration:none;border:1px solid rgba(15,23,42,.06);transition:all .2s ease}.article-tag-item:hover{background:#346bb2;color:#fff;border-color:#346bb2;transform:translateY(-2px)}.article-share-strip{background:#f8fafc;border-radius:16px;padding:1rem 1.25rem;border:1px solid rgba(15,23,42,.06);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-top:2rem}.share-btn-group{display:flex;align-items:center;gap:.5rem}.btn-share-social{width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;font-size:.95rem;transition:all .25s ease}.btn-share-social:hover{transform:translateY(-3px) scale(1.05);color:#fff}.btn-share-whatsapp{background:#22c55e;box-shadow:0 4px 10px #22c55e4d}.btn-share-linkedin{background:#0a66c2;box-shadow:0 4px 10px #0a66c24d}.btn-share-facebook{background:#1877f2;box-shadow:0 4px 10px #1877f24d}.btn-share-x{background:#000;box-shadow:0 4px 10px #0000004d}.btn-share-copy{background:#475569;box-shadow:0 4px 10px #4755694d;border:none}.article-author-card{background:#fff;border-radius:20px;border:1px solid rgba(15,23,42,.08);box-shadow:0 8px 24px #0f172a0a;padding:1.75rem 2rem;margin-top:2.5rem;display:flex;align-items:center;gap:1.5rem}.author-avatar-img{width:72px;height:72px;min-width:72px;border-radius:50%;object-fit:cover;border:3px solid rgba(52,107,178,.15)}.author-avatar-fallback{width:72px;height:72px;min-width:72px;border-radius:50%;background:linear-gradient(135deg,#346bb2,#4a7bc8);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.article-cta-card{background:linear-gradient(135deg,#07172c,#10294d);border-radius:20px;padding:2.25rem 2rem;color:#fff;margin-top:2.5rem;text-align:center;position:relative;overflow:hidden;box-shadow:0 15px 35px #07172c40}.article-body [id^=section-]{scroll-margin-top:100px}.article-toc{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:20px;padding:1.25rem 1.5rem}.article-toc-inline{background:#f8fafc;margin-bottom:1.75rem}.article-toc-inline summary{cursor:pointer;font-weight:700;color:#0f172a;display:flex;align-items:center;gap:.5rem;list-style:none}.article-toc-inline summary::-webkit-details-marker{display:none}.article-toc-inline summary:after{content:"+";margin-inline-start:auto;font-size:1.2rem;color:#346bb2}.article-toc-inline[open] summary:after{content:"−"}.article-toc-inline[open] summary{margin-bottom:.85rem}.article-toc-sticky{position:sticky;top:90px;margin-top:1.5rem;max-height:calc(100vh - 110px);overflow-y:auto;box-shadow:0 8px 24px #0f172a0a}.article-toc-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.15rem}.article-toc-list a{display:block;padding-block:.35rem;padding-inline:.75rem;border-inline-start:2px solid transparent;font-size:.85rem;line-height:1.6;color:#475569;text-decoration:none;transition:color .2s ease,border-color .2s ease}.article-toc-list .article-toc-level-3 a{padding-inline-start:1.6rem;font-size:.8rem}.article-toc-list a:hover,.article-toc-list a.active{color:#346bb2;border-inline-start-color:#346bb2}.article-toc-list a.active{font-weight:600}.article-adjacent-nav{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.5rem}.article-adjacent-link{display:flex;flex-direction:column;gap:.35rem;padding:1.1rem 1.25rem;background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:16px;text-decoration:none;transition:border-color .2s ease,box-shadow .2s ease}.article-adjacent-link:hover{border-color:#346bb266;box-shadow:0 10px 24px #346bb21a}.article-adjacent-next{text-align:end;grid-column:2}.article-adjacent-label{font-size:.75rem;font-weight:700;color:#346bb2}.article-adjacent-title{font-size:.92rem;font-weight:600;line-height:1.5;color:#0f172a}@media (max-width: 575.98px){.article-adjacent-nav{grid-template-columns:1fr}.article-adjacent-nav>span:empty{display:none}.article-adjacent-next{grid-column:auto}}.article-related{margin-top:2.5rem}.article-related-card{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:16px;overflow:hidden;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease}.article-related-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px #346bb21f}.article-related-card img{width:100%;height:auto;aspect-ratio:16 / 10;object-fit:cover;background:#0f172a}.article-related-body{display:flex;flex-direction:column;gap:.4rem;padding:1rem 1.1rem 1.2rem}.article-related-category{font-size:.72rem;font-weight:700;color:#346bb2}.article-related-title{font-size:.95rem;font-weight:700;line-height:1.5;color:#0f172a}.article-related-date{font-size:.75rem;color:#64748b}.article-code-block{position:relative}.article-code-copy{position:absolute;top:8px;inset-inline-end:8px;font-size:.72rem;font-weight:600;padding-block:3px;padding-inline:10px;border-radius:6px;border:1px solid rgba(255,255,255,.25);background:#ffffff1f;color:#e2e8f0;cursor:pointer;opacity:0;transition:opacity .2s ease}.article-code-block:hover .article-code-copy,.article-code-copy:focus-visible{opacity:1}@media (hover: none){.article-code-copy{opacity:1}}