.article-content{color:#475569;font-size:1.125rem;line-height:1.85}.article-content p{margin-bottom:1.5rem}.article-content>p:first-of-type{font-size:1.25rem;color:#64748b;line-height:1.75}.article-content>p:first-of-type:first-letter{float:left;font-size:3.5rem;font-weight:700;color:#f43f5e;margin-right:.75rem;margin-top:.25rem;line-height:.8}.article-content h2{font-size:1.875rem;font-weight:700;color:#0f172a;margin-top:4rem;margin-bottom:1.5rem;scroll-margin-top:7rem;letter-spacing:-.02em;line-height:1.25}.article-content h2:before{content:"";display:block;width:3rem;height:.25rem;background:linear-gradient(to right,#f43f5e,#fb7185);border-radius:9999px;margin-bottom:1rem}.article-content h3{font-size:1.5rem;font-weight:700;color:#0f172a;margin-top:3rem;margin-bottom:1rem;scroll-margin-top:7rem;line-height:1.3}.article-content h4{font-size:1.25rem;font-weight:700;color:#0f172a;margin-top:2rem;margin-bottom:.75rem;scroll-margin-top:7rem}.article-content a{color:#f43f5e;font-weight:600;text-decoration:underline;text-decoration-color:#fecdd3;text-decoration-thickness:2px;text-underline-offset:3px;transition:all .2s ease}.article-content a:hover{text-decoration-color:#f43f5e}.article-content ul{margin:1.5rem 0;list-style:none;padding:0}.article-content ul li{position:relative;padding-left:1.75rem;margin-bottom:.75rem}.article-content ul li:before{content:"";position:absolute;left:0;top:.6em;width:.5rem;height:.5rem;background-color:#f43f5e;border-radius:9999px}.article-content ol{margin:1.5rem 0;list-style:none;padding:0;counter-reset:item}.article-content ol li{position:relative;padding-left:2.5rem;margin-bottom:.75rem;counter-increment:item}.article-content ol li:before{content:counter(item);position:absolute;left:0;top:0;width:1.75rem;height:1.75rem;background-color:#f1f5f9;border-radius:.5rem;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;color:#475569}.article-content li ul,.article-content li ol{margin-top:.75rem;margin-bottom:0}.article-content blockquote{margin:2.5rem 0;padding:1.5rem;background:linear-gradient(to right,#fff1f2,#fdf2f8);border-left:4px solid #F43F5E;border-radius:0 1rem 1rem 0;box-shadow:inset 0 2px 4px #00000005}.article-content blockquote p{font-size:1.125rem;color:#475569;font-style:italic;font-weight:500;margin-bottom:0;line-height:1.7}.article-content blockquote p:before{content:'"';font-size:2.5rem;color:#f43f5e4d;font-family:Georgia,serif;line-height:0;margin-right:.25rem;vertical-align:-.4em}.article-content img{margin:2.5rem 0;border-radius:1rem;box-shadow:0 25px 50px -12px #0000001a;border:1px solid #f1f5f9}.article-content figure{margin:2.5rem 0}.article-content figure img{margin:0}.article-content figcaption{margin-top:1rem;text-align:center;font-size:.875rem;color:#64748b;font-style:italic}.article-content code:not(pre code){padding:.25rem .5rem;background-color:#f1f5f9;color:#0f172a;border-radius:.375rem;font-size:.9em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:500;word-break:break-word}.code-block-wrapper{position:relative;margin:2rem 0;border-radius:1rem;overflow:hidden;background:linear-gradient(135deg,#1e293b,#0f172a)}.code-block-wrapper pre{padding:3rem 1.5rem 1.5rem;overflow-x:auto;font-size:.875rem;line-height:1.7;margin:0;background:transparent!important}.code-block-wrapper pre code{color:#e2e8f0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;background:transparent!important}.code-lang-badge{position:absolute;top:.75rem;left:1rem;padding:.25rem .625rem;background-color:#ffffff1a;border-radius:.375rem;font-size:.75rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.code-copy-btn{position:absolute;top:.75rem;right:.75rem;padding:.5rem;background-color:#ffffff1a;border:none;border-radius:.5rem;color:#94a3b8;cursor:pointer;opacity:0;transition:all .2s ease}.code-copy-btn:hover{background-color:#fff3;color:#fff}.code-block-wrapper:hover .code-copy-btn{opacity:1}.article-content table{margin:2.5rem 0;width:100%;text-align:left;border-collapse:collapse;border-radius:1rem;overflow:hidden;box-shadow:0 1px 3px #0000000d}.article-content thead{background-color:#f8fafc}.article-content th{padding:1rem 1.5rem;font-size:.75rem;font-weight:700;color:#0f172a;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e2e8f0}.article-content td{padding:1rem 1.5rem;color:#475569;border-bottom:1px solid #f1f5f9}.article-content tbody tr:hover{background-color:#f8fafc}.article-content hr{margin:4rem 0;border:none;height:1px;background:linear-gradient(to right,transparent,#e2e8f0,transparent)}.article-content strong{font-weight:700;color:#0f172a}.article-content em{font-style:italic}.article-content iframe{margin:2.5rem 0;border-radius:1rem;box-shadow:0 25px 50px -12px #00000026;width:100%;aspect-ratio:16 / 9}.toc-link.toc-active{background-color:#fff1f2;color:#f43f5e;font-weight:600}@keyframes blob{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.95)}}.animate-blob{animation:blob 12s ease-in-out infinite}.animation-delay-2000{animation-delay:2s}.animation-delay-4000{animation-delay:4s}html{scroll-behavior:smooth}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:640px){.article-content{font-size:1rem}.article-content h2{font-size:1.5rem}.article-content h3{font-size:1.25rem}.article-content>p:first-of-type:first-letter{font-size:2.5rem}}