.blog-details-page.svelte-w0ekn9{min-height:100vh;max-width:1440px;width:90%;margin:auto;padding:0 10px;animation:fadeIn .4s ease-in-out;display:flex;flex-direction:column;gap:1.2rem}.blog-header.svelte-w0ekn9{position:relative}.banner.svelte-w0ekn9{margin:10px 0}.blog-image.svelte-w0ekn9{width:100%;height:45vh;object-fit:cover;object-position:center;border-radius:10px;border:1px solid rgba(0,0,0,.2);box-shadow:1px 1px 6px #00000059}.date.svelte-w0ekn9{position:absolute;top:14px;right:8px;font-size:10px;padding:4px 6px;border-radius:6px;background-color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #010b13;box-shadow:2px 2px #000;z-index:10}.blog-main.svelte-w0ekn9{width:95%;margin:auto;display:flex;flex-direction:column;gap:1rem}.blog-top.svelte-w0ekn9{text-align:left}.tags.svelte-w0ekn9{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:8px 0;padding:0}.tag.svelte-w0ekn9{background-color:#80008026;padding:3px 6px;border-radius:4px;font-size:10px;font-weight:500;color:#333}.title.svelte-w0ekn9{margin:5px 0;font-size:clamp(1rem,2.5vw,1.5rem);font-weight:700;color:#111}.sub-title.svelte-w0ekn9{margin:10px 0;font-size:clamp(.8rem,.9vw,1rem);color:#444;border-left:3px solid rgba(128,0,128,.3);padding-left:8px;font-weight:500}.blog-content.svelte-w0ekn9{width:100%;padding:7px 15px;margin-bottom:10px;background-color:#fffc;border-radius:8px;border:1px solid rgba(220,220,220,.4);box-shadow:0 2px 5px #0000000d;font-size:.85rem;line-height:1.4;color:#222;word-break:break-word}.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4,.blog-content h5,.blog-content h6{font-weight:700;margin:1rem 0 .5rem;line-height:1.3;color:#111}.blog-content h1{font-size:1.5rem}.blog-content h2{font-size:1.3rem}.blog-content h3{font-size:1.1rem}.blog-content h4{font-size:1rem}.blog-content h5{font-size:.95rem}.blog-content h6{font-size:.9rem}.blog-content p{margin:.8rem 0;font-size:.85rem}.blog-content a{font-size:.85rem;color:#6a0dad;text-decoration:underline;font-weight:500}.blog-content a:hover{opacity:.8}.blog-content ul,.blog-content ol{margin:.8rem 0 .8rem 1.2rem;padding:0}.blog-content li{margin:.3rem 0}.blog-content blockquote{border-left:4px solid rgba(128,0,128,.3);padding-left:1rem;margin:.8rem 0;color:#444;font-style:italic}.blog-content code{background:#0000000d;padding:2px 4px;border-radius:4px;font-size:.75rem;font-family:JetBrains Mono,monospace;color:#222}.blog-content pre{background:#00000012;padding:.8rem;border-radius:6px;overflow-x:auto;font-size:.75rem;font-family:JetBrains Mono,monospace}.blog-content img{width:100%;height:auto;max-height:400px;object-fit:contain;object-position:center;margin:1rem auto;padding:5px;display:block;background:#dcdcdc33;border-left:3px solid rgba(128,0,128,.3)}.blog-content table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.75rem}.blog-content th,.blog-content td{border:1px solid rgba(0,0,0,.15);padding:6px 8px;text-align:left}.blog-content th{background:#8000801a;font-weight:600}.blog-content hr{border:none;border-top:1px solid rgba(0,0,0,.15);margin:1.5rem 0}@media(max-width:768px){.blog-content img{width:95%;max-height:400px}}@media(max-width:576px){.blog-content.svelte-w0ekn9{width:95%}.blog-details-page.svelte-w0ekn9{width:94%}.blog-image.svelte-w0ekn9{height:25vh}.title.svelte-w0ekn9{font-size:1rem}.sub-title.svelte-w0ekn9{font-size:.8rem}.blog-content.svelte-w0ekn9{padding:10px;font-size:.7rem;line-height:1.3}.date.svelte-w0ekn9{font-size:9px;padding:3px 5px}.blog-content code,.blog-content pre,.blog-content table{font-size:.65rem}}