.blog-detail.svelte-1wcb0ze{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:var(--spacing-lg);padding-bottom:calc(var(--sidebar-height) + var(--spacing-lg) * 2);position:relative}.close-button.svelte-1wcb0ze{position:fixed;top:var(--spacing-lg);right:var(--spacing-lg);background:var(--sidebar-bg);border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0003;transition:transform .2s ease,box-shadow .2s ease;z-index:100}.close-button.svelte-1wcb0ze:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000004d}.close-button.svelte-1wcb0ze:active{transform:translateY(0)}.blog-card.svelte-1wcb0ze{display:flex;flex-direction:column;gap:var(--spacing-lg);width:100%;max-width:1200px;background:var(--sidebar-bg, rgba(0, 0, 0, .7));border-radius:var(--card-radius);box-shadow:0 6px 20px #0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;overflow:hidden;padding:var(--spacing-lg)}.blog-image-wrap.svelte-1wcb0ze{width:100%;height:auto;margin-bottom:var(--spacing-md)}.blog-image.svelte-1wcb0ze{width:100%;height:auto;border-radius:12px;object-fit:contain;display:block;overflow:hidden}.blog-content.svelte-1wcb0ze{flex:1;padding:0;max-height:80vh;overflow-y:auto;padding-right:1rem}.blog-title.svelte-1wcb0ze{font-size:2rem;margin:0 0 .5rem}.blog-description.svelte-1wcb0ze{font-size:1rem;font-style:italic;font-weight:300;opacity:.8;margin-bottom:1rem}.blog-body.svelte-1wcb0ze{white-space:pre-line;font-size:1.05rem;line-height:1.75;color:#ffffffe6;max-height:none;overflow-y:auto}@media (max-width: 768px){.blog-card.svelte-1wcb0ze{position:fixed;top:var(--spacing-sm);left:50%;transform:translate(-50%);bottom:calc(var(--sidebar-height) + var(--spacing-sm));z-index:1000;max-width:min(90%,600px);width:100vw;height:auto;display:flex;gap:var(--spacing-sm);flex-direction:column;align-items:center;box-sizing:border-box;padding:var(--spacing-md);background:var(--sidebar-bg, rgba(0, 0, 0, .7));border-radius:var(--card-radius);box-shadow:0 6px 20px #0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);margin:0 auto}.close-button.svelte-1wcb0ze{position:absolute;top:var(--spacing-md);right:var(--spacing-md);width:36px;height:36px;z-index:1100;background:var(--sidebar-bg);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0003;transition:transform .2s ease,box-shadow .2s ease}.close-button.svelte-1wcb0ze:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000004d}.close-button.svelte-1wcb0ze:active{transform:translateY(0)}.blog-image-wrap.svelte-1wcb0ze{width:100%;height:220px;margin-bottom:var(--spacing-md);display:flex;align-items:center;justify-content:center;background:transparent;border-radius:var(--card-radius);padding:0;box-sizing:border-box;max-width:100%;max-height:none}.blog-image.svelte-1wcb0ze{width:100%;height:100%;object-fit:cover;border-radius:var(--card-radius);display:block;background:#222}.blog-content.svelte-1wcb0ze{flex:1;width:100%;text-align:left;padding:0;-webkit-overflow-scrolling:touch;gap:var(--spacing-sm)}.blog-title.svelte-1wcb0ze{font-size:1.1rem;margin-bottom:.5rem;text-align:left}.blog-description.svelte-1wcb0ze{text-align:left}}@media (min-width: 769px){.blog-image-wrap.svelte-1wcb0ze{max-width:769px;margin:0 auto var(--spacing-md) auto}.blog-image.svelte-1wcb0ze{max-height:400px;object-fit:contain}}