.page-section.blog-detail-page{background:0 0;padding:0 0 7rem;position:relative;overflow:hidden}.blog-detail-page:before{content:"";filter:blur(5px);opacity:.55;pointer-events:none;z-index:0;background-image:linear-gradient(#0b0f14cc 0%,#0b0f14b3 45%,#0b0f14d9 100%),url(../media/Banner_image.6d3b9fee.jpg);background-position:50% 30%;background-size:cover;width:100vw;height:100vh;position:fixed;inset:0;transform:scale(1.04)}.blog-detail-page:after{content:"";pointer-events:none;z-index:0;background:linear-gradient(#0b0f1400 0%,#0b0f14d9 65%,#0b0f14 100%);height:120px;position:absolute;bottom:0;left:0;right:0}.blog-detail-hero{z-index:1;width:100%;height:55vh;min-height:340px;max-height:600px;margin:0 0 3rem;position:relative;overflow:hidden}.blog-detail-hero img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.blog-detail-hero figcaption{color:#ffffff80;font-size:.8rem;font-style:italic;position:absolute;bottom:.75rem;right:1rem}.blog-detail-container{z-index:1;width:100%;max-width:50vw;margin:0 auto;padding:0;position:relative}.blog-header{top:unset;z-index:auto;background:0 0;border-bottom:none;margin-bottom:2.5rem;padding:0;position:static}.blog-meta{font-family:var(--font-secondary);color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase;margin-bottom:.75rem;font-size:.85rem}.blog-header h1{font-family:var(--font-primary);color:var(--accent-yellow);margin:0 0 1rem;font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.2}.blog-summary{color:var(--text-secondary);margin:0;font-size:1.05rem;line-height:1.7}.blog-hero{margin:0 0 2.5rem}.blog-hero img{object-fit:contain;border:1px solid #ffffff14;border-radius:12px;width:100%;display:block}.blog-hero figcaption{color:var(--text-secondary);text-align:center;margin-top:.6rem;font-size:.85rem}.blog-sidebar{z-index:100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0b0f14bf;border:1px solid #d7263d59;border-radius:40px;flex-direction:column;align-items:center;gap:10px;padding:18px 14px;display:flex;position:fixed;top:calc(min(55vh,600px) + 4rem);left:calc(25vw - 90px);transform:none;box-shadow:0 4px 32px #0006}.blog-sidebar__heart{cursor:pointer;color:var(--text-secondary);transition:var(--transition-fast);background:0 0;border:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:4px;display:flex}.blog-sidebar__heart:hover{color:var(--accent-red);transform:scale(1.15)}.blog-sidebar__heart.is-liked{color:var(--accent-red)}@keyframes heart-pulse{0%{transform:scale(1)}40%{transform:scale(1.35)}70%{transform:scale(.95)}to{transform:scale(1)}}.blog-sidebar__heart.is-pulse svg{animation:.45s heart-pulse}.blog-sidebar__stat{font-family:var(--font-secondary);color:var(--text-secondary);flex-direction:column;align-items:center;gap:4px;font-size:.72rem;display:flex}.blog-sidebar__likes-label{font-family:var(--font-secondary);color:inherit;text-align:center;letter-spacing:.03em;font-size:.72rem;line-height:1.3}.blog-sidebar__divider{background:#ffffff1a;border-radius:1px;width:28px;height:1px}.blog-sidebar__share{cursor:pointer;width:36px;height:36px;color:var(--text-secondary);transition:var(--transition-fast);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;display:flex}.blog-sidebar__share:hover{color:var(--accent-red);background:#d7263d1f;border-color:#d7263d66;transform:scale(1.1)}.blog-sidebar__share.is-copied{color:#22c55e;background:#22c55e1f;border-color:#22c55e66}.blog-body{color:var(--text-primary);font-size:1rem;line-height:1.85}.blog-body p{margin:0 0 1.4rem}.blog-body h2{font-family:var(--font-primary);color:var(--accent-yellow);margin:2.5rem 0 .75rem;font-size:1.5rem}.blog-body h3{font-family:var(--font-primary);color:var(--text-primary);margin:2rem 0 .5rem;font-size:1.2rem}.blog-body h4{font-family:var(--font-secondary);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin:1.5rem 0 .4rem;font-size:.95rem;font-weight:700}.blog-body ul,.blog-body ol{margin:0 0 1.4rem 1.5rem;padding:0}.blog-body li{margin-bottom:.4rem;line-height:1.7}.blog-quote{border-left:3px solid var(--accent-yellow);background:#ffffff0a;border-radius:0 8px 8px 0;margin:1.75rem 0;padding:1rem 1.5rem}.blog-quote p{margin:0;font-style:italic}.blog-quote cite{color:var(--text-secondary);margin-top:.5rem;font-size:.85rem;font-style:normal;display:block}.blog-figure{margin:1.75rem 0}.blog-figure img{border:1px solid #ffffff14;border-radius:10px;width:100%;display:block}.blog-figure figcaption{color:var(--text-secondary);text-align:center;margin-top:.5rem;font-size:.85rem}.blog-gallery{columns:3;column-gap:.75rem;margin:1.75rem 0}.blog-gallery .blog-figure{break-inside:avoid;margin:0 0 .75rem}@media (max-width:1024px){.blog-sidebar{left:calc(10vw - 56px)}.blog-detail-container{max-width:80vw;padding:0 6vw}.blog-detail-hero{height:45vh}}@media (max-width:768px){.blog-sidebar{z-index:200;border:none;border-top:1px solid #d7263d40;border-radius:0;flex-direction:row;justify-content:space-around;align-items:center;gap:0;padding:10px 20px;position:fixed;inset:auto 0 0;transform:none}.blog-sidebar__divider{background:#ffffff1a;width:1px;height:24px}.blog-sidebar__stat{flex-direction:row;gap:6px;font-size:.8rem}.blog-sidebar__heart{flex-direction:row;gap:6px}.blog-sidebar__likes-label{font-size:.8rem}.blog-sidebar__share{width:32px;height:32px}.page-section.blog-detail-page{padding-bottom:5rem}.blog-detail-container{max-width:100%;padding:0 1.25rem}.blog-detail-hero{height:35vh;min-height:220px}.blog-header h1{font-size:1.6rem}.blog-body h2{font-size:1.3rem}.blog-gallery{columns:1}}