.post-page.svelte-1teoznn{min-height:100vh;margin-left:var(--sidebar-offset, 0px)}.post-hero.svelte-1teoznn{position:relative;width:100%;height:480px;overflow:hidden;margin-bottom:48px}.post-hero.svelte-1teoznn img:where(.svelte-1teoznn){width:100%;height:100%;object-fit:cover;display:block}.hero-overlay.svelte-1teoznn{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 40%,var(--bg, #1f1f1f) 100%)}.post-content.svelte-1teoznn{padding-bottom:100px;margin:0 auto}.back-link.svelte-1teoznn{display:inline-flex;align-items:center;gap:8px;color:#555;font-size:13px;font-weight:600;text-decoration:none;margin-bottom:32px;transition:color .2s}.back-link.svelte-1teoznn:hover{color:#28e98c}.post-tags.svelte-1teoznn{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.tag.svelte-1teoznn{font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#28e98c;background:#28e98c14;border:1px solid rgba(40,233,140,.2);padding:4px 12px;border-radius:50px}h1.svelte-1teoznn{font-size:38px;font-weight:700;color:#fff;line-height:1.25;letter-spacing:-.5px;margin-bottom:18px}.post-meta.svelte-1teoznn{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:13px;color:#555;margin-bottom:32px}.sep.svelte-1teoznn{color:#333}hr.svelte-1teoznn{border:none;border-top:1px solid rgba(255,255,255,.07);margin-bottom:40px}.post-body.svelte-1teoznn h2{font-size:22px;font-weight:700;color:#e8e8e8;margin:40px 0 16px;line-height:1.3}.post-body.svelte-1teoznn p{font-size:16px;line-height:1.9;color:#777;margin-bottom:22px}.post-body.svelte-1teoznn blockquote{border-left:3px solid #28e98c;padding:14px 22px;margin:32px 0;background:#28e98c0a;border-radius:0 10px 10px 0}.post-body.svelte-1teoznn blockquote p{color:#ccc;font-style:italic;font-size:17px;line-height:1.7;margin:0}.related-section.svelte-1teoznn{border-top:1px solid rgba(255,255,255,.07);padding:60px 0 80px}.related-inner.svelte-1teoznn{max-width:770px;margin:0 auto}.related-heading.svelte-1teoznn{font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#555;margin-bottom:28px}.related-grid.svelte-1teoznn{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.related-card.svelte-1teoznn{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden;background:#0003;text-decoration:none;transition:border-color .3s,transform .3s}.related-card.svelte-1teoznn:hover{border-color:#28e98c40;transform:translateY(-4px)}.related-thumb.svelte-1teoznn{height:160px;overflow:hidden;flex-shrink:0}.related-thumb.svelte-1teoznn img:where(.svelte-1teoznn){width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.related-card.svelte-1teoznn:hover .related-thumb:where(.svelte-1teoznn) img:where(.svelte-1teoznn){transform:scale(1.04)}.related-body.svelte-1teoznn{padding:18px;display:flex;flex-direction:column;flex:1}.related-tags.svelte-1teoznn{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.related-body.svelte-1teoznn h4:where(.svelte-1teoznn){font-size:14px;font-weight:600;color:#ccc;line-height:1.45;margin-bottom:8px;transition:color .2s}.related-card.svelte-1teoznn:hover .related-body:where(.svelte-1teoznn) h4:where(.svelte-1teoznn){color:#fff}.related-body.svelte-1teoznn p:where(.svelte-1teoznn){font-size:12px;color:#555;line-height:1.7;flex:1;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.related-meta.svelte-1teoznn{font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:#444}@media(max-width:640px){.post-hero.svelte-1teoznn{height:260px}h1.svelte-1teoznn{font-size:26px}.related-grid.svelte-1teoznn{grid-template-columns:1fr}}
