.blog-container.svelte-1j2rzv8{padding-top:max(120px,15vh);padding-bottom:15vh;min-height:100vh;width:100%;display:flex;justify-content:center;position:relative;z-index:10;background-color:#000}.prose-container.svelte-1j2rzv8{width:100%;max-width:850px;padding:0 2.5rem}.article-header.svelte-1j2rzv8{margin-bottom:4rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:2rem}.article-tags.svelte-1j2rzv8{display:flex;gap:.75rem;margin-bottom:1.5rem}.tag.svelte-1j2rzv8{font-family:var(--font-rajdhani);font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;padding:.25rem .75rem;border:1px solid rgba(255,255,255,.2);border-radius:50px;color:#ffffffb3}h1.svelte-1j2rzv8{line-height:1.1;font-size:clamp(3rem,6vw,5rem);margin-bottom:2rem}.article-meta.svelte-1j2rzv8{display:flex;align-items:center;gap:1rem;font-family:var(--font-rajdhani);font-size:.9rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.05em}.divider.svelte-1j2rzv8{color:#fff3}.article-content{font-family:var(--font-instrument);font-size:clamp(1.15rem,1.5vw,1.3rem);line-height:1.8;color:#ffffffd9}.article-content p{margin-bottom:2rem;letter-spacing:.01em}.article-content h1{display:none}.article-content h2{font-family:var(--font-gloock);font-size:clamp(2rem,4vw,3rem);color:#fff;margin-top:4.5rem;margin-bottom:2rem;font-weight:400;letter-spacing:.02em;line-height:1.2}.article-content h3{font-family:var(--font-rajdhani);font-size:1.5rem;color:#fff;margin-top:2.5rem;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.article-content a{color:#00d4ff;text-decoration:none;border-bottom:1px solid rgba(0,212,255,.3);transition:all .2s ease}.article-content a:hover{border-bottom-color:#00d4ff;background:#00d4ff1a}.article-content ul,.article-content ol{margin-bottom:2rem;padding-left:2rem;font-size:1.1rem}.article-content li{margin-bottom:.75rem;padding-left:.5rem}.article-content li::marker{color:#00d4ffcc}.article-content strong,.article-content b{color:#fff;font-weight:600}.article-content em,.article-content i{font-style:italic;color:#ffffffb3}.article-content blockquote{border-left:3px solid #00d4ff;padding-left:1.5rem;margin-left:0;margin-right:0;font-style:italic;color:#fff9;background:linear-gradient(90deg,rgba(0,212,255,.05),transparent);padding:1.5rem;border-radius:0 12px 12px 0}.article-content code:not(pre code){font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;background:#ffffff1a;padding:.15rem .35rem;border-radius:4px;font-size:.9em;color:#fff}.article-content pre{position:relative;border:1px solid rgba(255,255,255,.05)!important;padding:3.5rem 1.5rem 1.5rem!important;border-radius:12px!important;overflow-x:auto;margin:2.5rem 0;box-shadow:0 20px 40px #0009}.article-content pre:before{content:"";position:absolute;top:1.25rem;left:1.5rem;width:12px;height:12px;border-radius:50%;background:#ff5f56;box-shadow:20px 0 #ffbd2e,40px 0 #27c93f;z-index:2}.article-content pre code{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.9em;line-height:1.6;background:transparent!important;padding:0!important}.article-content pre code:not(:has(span)){color:#e2e8f0}.code-copy-btn{position:absolute;top:.75rem;right:.75rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#ffffff80;cursor:pointer;transition:all .2s ease;opacity:0;z-index:5}.article-content pre:hover .code-copy-btn{opacity:1}.code-copy-btn:hover{background:#ffffff26;color:#fff}.code-copy-btn.copied{background:#4ade801a;border-color:#4ade804d;opacity:1}