.blog-header.svelte-bhuoay{background:linear-gradient(to right,var(--bg-color-lighter),var(--bg-color-light));padding:32px 0;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:40px}.back-btn.svelte-bhuoay{display:inline-flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:14px;transition:all .2s ease;padding:8px 16px;background:var(--bg-color-lighter);border:1px solid rgba(255,255,255,.1);border-radius:4px;width:fit-content;&:hover{color:var(--font-white);background:var(--bg-color-lightest);border-color:var(--royale-blue)}svg{font-size:12px}}.blog-layout.svelte-bhuoay{display:grid;grid-template-columns:1fr 300px;gap:48px;position:relative;@media (max-width: 1200px){grid-template-columns:1fr 250px;gap:32px}@media (max-width: 992px){grid-template-columns:1fr;gap:32px}}.content-column.svelte-bhuoay{background:var(--bg-color-lighter);border-radius:4px;border:1px solid rgba(255,255,255,.1);padding:40px;max-width:1000px;.article-header:where(.svelte-bhuoay){margin-bottom:32px;h1:where(.svelte-bhuoay){font-size:36px;line-height:1.2;margin:0 0 16px;color:var(--font-white)}.description:where(.svelte-bhuoay){font-size:18px;color:var(--text-secondary);margin:0 0 24px;line-height:1.6}}@media (max-width: 992px){padding:24px}@media (max-width: 768px){background:none;border-radius:0;border:none;padding:0}}.meta.svelte-bhuoay{display:flex;flex-wrap:wrap;gap:24px;color:var(--text-secondary);font-size:14px}.meta-item.svelte-bhuoay{display:flex;align-items:center;gap:8px;svg{font-size:12px;opacity:.7}}.featured-image.svelte-bhuoay{margin:0 -40px 40px;img:where(.svelte-bhuoay){height:auto;display:block}}@media (max-width: 992px){.featured-image.svelte-bhuoay{margin:0 -24px 24px}}@media (max-width: 768px){.featured-image.svelte-bhuoay{margin:0 0 24px}}@media (min-width: 769px) and (max-width: 991px){.featured-image.svelte-bhuoay{margin-left:calc(-1*min(24px,5vw));margin-right:calc(-1*min(24px,5vw))}}.metadata-column.svelte-bhuoay{position:sticky;top:120px;height:fit-content;.metadata-card:where(.svelte-bhuoay){background:var(--bg-color-lighter);border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:24px;@media (max-width: 768px){background:none;border:none;padding:0}}}.share-section.svelte-bhuoay{h3:where(.svelte-bhuoay){font-size:16px;font-weight:500;margin:0 0 16px;color:var(--font-white)}.share-buttons:where(.svelte-bhuoay){display:flex;flex-direction:column;gap:12px;@media (max-width: 768px){display:grid;grid-template-columns:repeat(2,1fr);gap:8px}@media (max-width: 400px){grid-template-columns:repeat(4,1fr)}}.share-button:where(.svelte-bhuoay){display:flex;align-items:center;gap:12px;padding:12px;border-radius:4px;border:1px solid rgba(255,255,255,.1);background:var(--bg-color-light);color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .2s ease;&:hover{background:var(--bg-color-lightest);color:var(--font-white);border-color:var(--royale-blue)}@media (max-width: 768px){padding:10px;font-size:13px;justify-content:center;span:where(.svelte-bhuoay){display:none}svg{margin:0;font-size:18px}}}}.prose.svelte-bhuoay{font-size:16px;line-height:1.8;color:var(--text-secondary);figure{margin:32px 0;img:where(.svelte-bhuoay){margin:0}}img{max-width:100%;height:auto;border-radius:4px;margin:32px 0;display:block}small{display:block;color:var(--text-secondary);font-size:14px;margin:8px 0 32px;text-align:center}p:has(>img){margin:0}h1,h2,h3,h4{color:var(--font-white);margin:48px 0 24px;line-height:1.3}h2{font-size:28px}h3{font-size:24px}p{margin:0 0 24px}a{color:var(--royale-blue);text-decoration:none;transition:opacity .2s ease;&:hover{opacity:.8}}ul,ol{margin:24px 0;padding-left:24px}li{margin-bottom:12px}blockquote{margin:32px 0;padding:24px;background:var(--bg-color-light);border-left:4px solid var(--royale-blue);border-radius:4px;p{margin:0}}pre{margin:24px 0;padding:16px;background:var(--bg-color-light);border-radius:4px;overflow-x:auto}code{background:var(--bg-color-light);padding:2px 6px;border-radius:4px;font-size:14px}}.post-navigation.svelte-bhuoay{display:flex;margin-top:48px;padding-top:32px;border-top:1px solid rgba(255,255,255,.1);a:where(.svelte-bhuoay){width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;background:var(--bg-color-light);border:1px solid rgba(255,255,255,.1);border-radius:4px;text-decoration:none;transition:all .2s ease;&:hover{background:var(--bg-color-lightest);border-color:var(--royale-blue)}&.next-post{text-align:left;justify-content:space-between}svg{margin-right:8px}}.nav-content:where(.svelte-bhuoay){display:flex;flex-direction:column;gap:4px}.nav-label:where(.svelte-bhuoay){font-size:12px;color:var(--text-secondary)}.nav-title:where(.svelte-bhuoay){font-size:14px;color:var(--font-white);font-weight:500}}@media (max-width: 768px){.post-navigation.svelte-bhuoay{margin-top:32px}}.related-posts.svelte-bhuoay{margin-top:80px;padding-top:48px;border-top:1px solid rgba(255,255,255,.1)}.related-posts-grid.svelte-bhuoay{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:32px}.related-post-card.svelte-bhuoay{background:var(--bg-color-lighter);border:1px solid rgba(255,255,255,.1);border-radius:4px;overflow:hidden;transition:all .2s ease;&:hover{background:var(--bg-color-lightest);border-color:var(--royale-blue);.image-overlay:where(.svelte-bhuoay){background:linear-gradient(to bottom,transparent 0%,transparent 50%,rgba(0,0,0,.2) 100%)}}.image-wrapper:where(.svelte-bhuoay){position:relative;img:where(.svelte-bhuoay){aspect-ratio:16/9;object-fit:cover}.image-overlay:where(.svelte-bhuoay){position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,transparent 50%,rgba(0,0,0,.1) 100%);transition:background .3s ease}}.content:where(.svelte-bhuoay){padding:20px;.meta:where(.svelte-bhuoay){display:flex;align-items:center;gap:16px;color:var(--text-secondary);font-size:14px;margin-bottom:12px;.date:where(.svelte-bhuoay){display:flex;align-items:center;gap:6px;svg{font-size:12px}}}h3:where(.svelte-bhuoay){font-size:18px;margin:0 0 12px;color:var(--font-white);line-height:1.4}p:where(.svelte-bhuoay){font-size:14px;color:var(--text-secondary);margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.6}}}@media (max-width: 992px){.related-posts-grid.svelte-bhuoay{grid-template-columns:repeat(2,1fr);gap:24px}}@media (max-width: 768px){.related-posts-grid.svelte-bhuoay{grid-template-columns:1fr}.post-navigation.svelte-bhuoay{margin-top:32px}}.toast.svelte-bhuoay{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--bg-color-lighter);border:1px solid rgba(255,255,255,.1);padding:12px 24px 15px;border-radius:4px;color:var(--font-white);font-size:14px;z-index:1000;box-shadow:0 4px 12px #0000001a;display:flex;align-items:center;gap:8px;overflow:hidden}.toast.svelte-bhuoay .success-icon{color:#10b981;font-size:16px}.toast-progress.svelte-bhuoay{position:absolute;bottom:0;left:0;width:var(--progress);height:3px;background:#10b981;transition:width 10ms linear}@media (max-width: 768px){.toast.svelte-bhuoay{bottom:16px;padding:10px 20px 13px;font-size:13px;max-width:calc(100% - 32px);text-align:center}}